From bd3d33a7f3d94efecf8fa6674e7fcd32a8b8005f Mon Sep 17 00:00:00 2001 From: Vladimir Kharlampidi Date: Tue, 6 Aug 2019 15:35:05 +0300 Subject: [PATCH] 5.0.0-beta.3 release --- kitchen-sink/core/index.html | 4 +- packages/core/components/actions.css | 2 +- packages/core/components/actions.rtl.css | 2 +- .../components/actions/actions-aurora.less | 4 +- .../core/components/actions/actions-ios.less | 4 +- .../core/components/actions/actions-vars.less | 23 +- packages/core/components/actions/actions.less | 6 +- packages/core/components/app/app-class.js | 10 +- packages/core/components/app/app-vars.less | 8 +- packages/core/components/appbar.css | 2 +- packages/core/components/appbar.rtl.css | 2 +- .../core/components/appbar/appbar-vars.less | 4 +- packages/core/components/appbar/appbar.less | 2 +- packages/core/components/autocomplete.css | 2 +- packages/core/components/autocomplete.js | 2 +- packages/core/components/autocomplete.rtl.css | 2 +- .../autocomplete/autocomplete-aurora.less | 4 +- .../autocomplete/autocomplete-class.js | 2 +- .../autocomplete/autocomplete-ios.less | 4 +- .../core/components/block/block-vars.less | 22 +- .../core/components/button/button-vars.less | 9 +- packages/core/components/calendar.css | 2 +- packages/core/components/calendar.rtl.css | 2 +- .../components/calendar/calendar-vars.less | 4 +- packages/core/components/card.css | 2 +- packages/core/components/card.rtl.css | 2 +- packages/core/components/card/card-vars.less | 18 +- packages/core/components/card/card.less | 4 +- packages/core/components/color-picker.css | 2 +- packages/core/components/color-picker.js | 2 +- packages/core/components/color-picker.rtl.css | 2 +- .../color-picker/color-picker-class.js | 2 +- .../color-picker/color-picker-vars.less | 4 +- .../components/color-picker/color-picker.less | 10 +- packages/core/components/data-table.css | 2 +- packages/core/components/data-table.rtl.css | 2 +- .../data-table/data-table-aurora.less | 4 +- .../components/data-table/data-table-ios.less | 12 +- .../data-table/data-table-vars.less | 16 +- packages/core/components/dialog.css | 2 +- packages/core/components/dialog.rtl.css | 2 +- .../core/components/dialog/dialog-aurora.less | 2 +- .../core/components/dialog/dialog-vars.less | 2 +- packages/core/components/dialog/dialog.less | 3 +- packages/core/components/fab.css | 2 +- packages/core/components/fab.rtl.css | 2 +- packages/core/components/fab/fab-vars.less | 6 +- packages/core/components/fab/fab.less | 20 +- packages/core/components/grid.css | 2 +- packages/core/components/grid.rtl.css | 2 +- packages/core/components/grid/grid-vars.less | 10 +- packages/core/components/list-index.css | 2 +- packages/core/components/list-index.rtl.css | 2 +- .../components/list-index/list-index.less | 4 + packages/core/components/list/list-vars.less | 26 +- packages/core/components/login-screen.css | 2 +- packages/core/components/login-screen.rtl.css | 2 +- .../login-screen/login-screen-vars.less | 4 +- packages/core/components/messagebar.css | 2 +- packages/core/components/messagebar.rtl.css | 2 +- .../messagebar/messagebar-vars.less | 4 +- .../components/messagebar/messagebar.less | 2 +- packages/core/components/messages.css | 2 +- packages/core/components/messages.rtl.css | 2 +- .../components/messages/messages-aurora.less | 4 +- .../components/messages/messages-vars.less | 8 +- .../core/components/navbar/navbar-aurora.less | 4 +- .../core/components/navbar/navbar-ios.less | 267 +++--- .../core/components/navbar/navbar-md.less | 7 + .../core/components/navbar/navbar-vars.less | 12 +- packages/core/components/navbar/navbar.js | 230 ++--- packages/core/components/navbar/navbar.less | 69 +- packages/core/components/notification.css | 2 +- packages/core/components/notification.rtl.css | 2 +- .../notification/notification-aurora.less | 3 + .../notification/notification-ios.less | 3 + .../notification/notification-vars.less | 27 +- .../components/notification/notification.less | 2 +- packages/core/components/page/page-vars.less | 4 +- packages/core/components/photo-browser.css | 2 +- packages/core/components/photo-browser.js | 2 +- .../core/components/photo-browser.rtl.css | 2 +- .../photo-browser/photo-browser-class.js | 6 +- .../photo-browser/photo-browser.less | 6 +- packages/core/components/popover.css | 2 +- packages/core/components/popover.rtl.css | 2 +- .../core/components/popover/popover-vars.less | 4 +- packages/core/components/pull-to-refresh.js | 2 +- .../pull-to-refresh/pull-to-refresh-class.js | 2 +- packages/core/components/searchbar.css | 2 +- packages/core/components/searchbar.js | 2 +- packages/core/components/searchbar.rtl.css | 2 +- .../components/searchbar/searchbar-class.js | 30 +- .../components/searchbar/searchbar-ios.less | 8 +- .../components/searchbar/searchbar-vars.less | 5 +- .../core/components/searchbar/searchbar.less | 19 +- packages/core/components/sheet.css | 2 +- packages/core/components/sheet.rtl.css | 2 +- .../core/components/sheet/sheet-vars.less | 2 +- packages/core/components/smart-select.js | 2 +- .../smart-select/smart-select-class.js | 4 +- packages/core/components/stepper.css | 2 +- packages/core/components/stepper.rtl.css | 2 +- .../core/components/stepper/stepper-vars.less | 11 +- packages/core/components/stepper/stepper.less | 1 + .../subnavbar/subnavbar-aurora.less | 4 +- .../components/subnavbar/subnavbar-ios.less | 4 +- .../components/subnavbar/subnavbar-vars.less | 6 +- .../core/components/subnavbar/subnavbar.less | 12 +- packages/core/components/timeline.css | 2 +- packages/core/components/timeline.rtl.css | 2 +- .../components/timeline/timeline-vars.less | 14 +- .../core/components/timeline/timeline.less | 4 +- packages/core/components/toast.css | 2 +- packages/core/components/toast.rtl.css | 2 +- packages/core/components/toast/toast-ios.less | 10 +- .../core/components/toast/toast-vars.less | 2 +- packages/core/components/toast/toast.less | 2 +- .../components/toolbar/toolbar-aurora.less | 2 +- .../core/components/toolbar/toolbar-vars.less | 8 +- packages/core/components/toolbar/toolbar.less | 10 +- packages/core/components/treeview.css | 2 +- packages/core/components/treeview.rtl.css | 2 +- .../components/treeview/treeview-vars.less | 8 +- packages/core/components/typography.css | 2 +- packages/core/components/typography.rtl.css | 2 +- .../typography/typography-vars.less | 12 +- packages/core/components/view/view-class.js | 25 +- packages/core/css/framework7.bundle.css | 867 ++++++++--------- packages/core/css/framework7.bundle.min.css | 6 +- packages/core/css/framework7.bundle.rtl.css | 875 +++++++++--------- .../core/css/framework7.bundle.rtl.min.css | 6 +- packages/core/css/framework7.css | 474 +++++----- packages/core/css/framework7.min.css | 6 +- packages/core/css/framework7.rtl.css | 482 +++++----- packages/core/css/framework7.rtl.min.css | 6 +- packages/core/framework7.bundle.less | 4 +- packages/core/framework7.esm.bundle.js | 4 +- packages/core/framework7.esm.js | 4 +- packages/core/framework7.less | 4 +- packages/core/js/framework7.bundle.js | 826 +++++++++-------- packages/core/js/framework7.bundle.min.js | 6 +- packages/core/js/framework7.bundle.min.js.map | 2 +- packages/core/js/framework7.js | 784 ++++++++-------- packages/core/js/framework7.min.js | 6 +- packages/core/js/framework7.min.js.map | 2 +- packages/core/less/mixins.less | 12 +- packages/core/modules/router/back.js | 110 ++- .../modules/router/clear-previous-history.js | 10 +- packages/core/modules/router/navigate.js | 184 ++-- packages/core/modules/router/router-class.js | 117 +-- packages/core/modules/router/swipe-back.js | 96 +- packages/core/package.json | 2 +- packages/react/components/navbar.js | 61 +- packages/react/components/page.js | 7 +- packages/react/components/subnavbar.js | 2 +- packages/react/framework7-react.bundle.js | 70 +- packages/react/framework7-react.bundle.min.js | 6 +- .../react/framework7-react.bundle.min.js.map | 2 +- packages/react/framework7-react.esm.js | 4 +- packages/react/package.json | 2 +- packages/vue/components/navbar.js | 60 +- packages/vue/components/page.js | 7 +- packages/vue/components/subnavbar.js | 2 +- packages/vue/framework7-vue.bundle.js | 69 +- packages/vue/framework7-vue.bundle.min.js | 6 +- packages/vue/framework7-vue.bundle.min.js.map | 2 +- packages/vue/framework7-vue.esm.bundle.js | 4 +- packages/vue/framework7-vue.esm.js | 4 +- packages/vue/package.json | 2 +- 170 files changed, 3267 insertions(+), 3170 deletions(-) diff --git a/kitchen-sink/core/index.html b/kitchen-sink/core/index.html index 9d82c006d5..79be02141f 100644 --- a/kitchen-sink/core/index.html +++ b/kitchen-sink/core/index.html @@ -8,7 +8,7 @@ Framework7 - + @@ -683,7 +683,7 @@ - + diff --git a/packages/core/components/actions.css b/packages/core/components/actions.css index cb34113825..fda02e8874 100644 --- a/packages/core/components/actions.css +++ b/packages/core/components/actions.css @@ -1 +1 @@ -:root{--f7-actions-grid-button-font-size:12px;--f7-actions-grid-button-text-color:#757575}.ios{--f7-actions-bg-color:rgba(255, 255, 255, 0.95);--f7-actions-bg-color-rgb:255,255,255;--f7-actions-border-radius:13px;--f7-actions-button-border-color:rgba(0, 0, 0, 0.2);--f7-actions-button-pressed-bg-color:rgba(230, 230, 230, 0.9);--f7-actions-button-padding:0px;--f7-actions-button-text-align:center;--f7-actions-button-height:57px;--f7-actions-button-height-landscape:44px;--f7-actions-button-font-size:20px;--f7-actions-button-icon-size:28px;--f7-actions-button-justify-content:center;--f7-actions-label-padding:8px 10px;--f7-actions-label-text-color:#8a8a8a;--f7-actions-label-font-size:13px;--f7-actions-label-justify-content:center;--f7-actions-group-border-color:transparent;--f7-actions-group-margin:8px;--f7-actions-grid-button-icon-size:48px}.ios .theme-dark,.ios.theme-dark{--f7-actions-bg-color:rgba(30, 30, 30, 0.95);--f7-actions-bg-color-rgb:30,30,30;--f7-actions-button-border-color:rgba(255, 255, 255, 0.15);--f7-actions-button-pressed-bg-color:rgba(50, 50, 50, 0.9);--f7-actions-button-pressed-bg-color-rgb:50,50,50;--f7-actions-label-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-actions-bg-color:#fff;--f7-actions-border-radius:0px;--f7-actions-button-border-color:transparent;--f7-actions-button-text-color:rgba(0, 0, 0, 0.87);--f7-actions-button-pressed-bg-color:#e5e5e5;--f7-actions-button-padding:0 16px;--f7-actions-button-text-align:left;--f7-actions-button-height:48px;--f7-actions-button-height-landscape:48px;--f7-actions-button-font-size:16px;--f7-actions-button-icon-size:24px;--f7-actions-button-justify-content:space-between;--f7-actions-label-padding:12px 16px;--f7-actions-label-text-color:rgba(0, 0, 0, 0.54);--f7-actions-label-font-size:16px;--f7-actions-label-justify-content:flex-start;--f7-actions-group-border-color:#d2d2d6;--f7-actions-group-margin:0px;--f7-actions-grid-button-icon-size:48px}.aurora{--f7-actions-bg-color:#fff;--f7-actions-border-radius:4px;--f7-actions-button-border-color:rgba(0, 0, 0, 0.12);--f7-actions-button-pressed-bg-color:#e5e5e5;--f7-actions-button-padding:0 15px;--f7-actions-button-text-align:center;--f7-actions-button-height:32px;--f7-actions-button-height-landscape:32px;--f7-actions-button-font-size:14px;--f7-actions-button-icon-size:18px;--f7-actions-button-justify-content:space-between;--f7-actions-label-padding:10px 15px;--f7-actions-label-text-color:rgba(0, 0, 0, 0.5);--f7-actions-label-font-size:12px;--f7-actions-label-justify-content:center;--f7-actions-group-border-color:rgba(0, 0, 0, 0.1);--f7-actions-group-margin:15px;--f7-actions-grid-button-icon-size:32px}.actions-modal{position:absolute;left:0;bottom:0;z-index:13500;width:100%;transform:translate3d(0,100%,0);display:none;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch;transition-property:transform;will-change:transform}.actions-modal.modal-in,.actions-modal.modal-out{transition-duration:.3s}.actions-modal.not-animated{transition-duration:0s}.actions-modal.modal-in{transform:translate3d(0,calc(-1 * var(--f7-safe-area-bottom)),0)}.actions-modal.modal-out{z-index:13499;transform:translate3d(0,100%,0)}@media (min-width:496px){.actions-modal{width:480px;left:50%;margin-left:-240px}}@media (orientation:landscape){.actions-modal{--f7-actions-button-height:var(--f7-actions-button-height-landscape)}}.actions-group{overflow:hidden;position:relative;margin:var(--f7-actions-group-margin);border-radius:var(--f7-actions-border-radius);transform:translate3d(0,0,0)}.actions-group:after{content:'';position:absolute;background-color:var(--f7-actions-group-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.actions-group:last-child:after{display:none!important}.actions-button,.actions-label{width:100%;font-weight:400;margin:0;box-sizing:border-box;display:block;position:relative;overflow:hidden;text-align:var(--f7-actions-button-text-align);background:var(--f7-actions-bg-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .actions-button,.ios-translucent .actions-label{background-color:rgba(var(--f7-actions-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.actions-button:after,.actions-label:after{content:'';position:absolute;background-color:var(--f7-actions-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.actions-button:first-child,.actions-label:first-child{border-radius:var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0}.actions-button:last-child,.actions-label:last-child{border-radius:0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius)}.actions-button:last-child:after,.actions-label:last-child:after{display:none!important}.actions-button:first-child:last-child,.actions-label:first-child:last-child{border-radius:var(--f7-actions-border-radius)}.actions-button a,.actions-label a{text-decoration:none;color:inherit;display:block}.actions-button b,.actions-button.actions-button-bold,.actions-label b,.actions-label.actions-button-bold{font-weight:600}.actions-button{cursor:pointer;display:flex;color:var(--f7-actions-button-text-color,var(--f7-theme-color));font-size:var(--f7-actions-button-font-size);height:var(--f7-actions-button-height);line-height:var(--f7-actions-button-height);padding:var(--f7-actions-button-padding);justify-content:var(--f7-actions-button-justify-content);z-index:10}.actions-button.active-state{background-color:var(--f7-actions-button-pressed-bg-color)!important}.actions-button[class*=color-]{color:var(--f7-theme-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .actions-button.active-state{background-color:rgba(var(--f7-actions-button-pressed-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.actions-button-media{flex-shrink:0;display:flex;align-items:center}.actions-button-media i.icon{width:var(--f7-actions-button-icon-size);height:var(--f7-actions-button-icon-size);font-size:var(--f7-actions-button-icon-size)}.actions-button a,.actions-button-text{position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.actions-button-text{width:100%;flex-shrink:1;text-align:var(--f7-actions-button-text-align)}.actions-label{line-height:1.3;display:flex;align-items:center;font-size:var(--f7-actions-label-font-size);color:var(--f7-actions-label-text-color);padding:var(--f7-actions-label-padding);justify-content:var(--f7-actions-label-justify-content);min-height:var(--f7-actions-label-min-height,var(--f7-actions-button-height))}.actions-label[class*=" color-"]{--f7-actions-label-text-color:var(--f7-theme-color)}.actions-grid .actions-group{display:flex;flex-wrap:wrap;justify-content:flex-start;border-radius:0;background:var(--f7-actions-bg-color);margin-top:0}.actions-grid .actions-group:first-child{border-radius:var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0}.actions-grid .actions-group:last-child{border-radius:0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius)}.actions-grid .actions-group:first-child:last-child{border-radius:var(--f7-actions-border-radius)}.actions-grid .actions-group:not(:last-child){margin-bottom:0}.actions-grid .actions-button,.actions-grid .actions-label{border-radius:0!important;background:0 0}.actions-grid .actions-button{width:33.33333333%;display:block;color:var(--f7-actions-grid-button-text-color);height:auto;line-height:1;padding:16px}.actions-grid .actions-button:after{display:none!important}.actions-grid .actions-button-media{margin-left:auto!important;margin-right:auto!important;width:var(--f7-actions-grid-button-icon-size);height:var(--f7-actions-grid-button-icon-size)}.actions-grid .actions-button-media i.icon{width:var(--f7-actions-grid-button-icon-size);height:var(--f7-actions-grid-button-icon-size);font-size:var(--f7-actions-grid-button-icon-size)}.actions-grid .actions-button-text{margin-left:0!important;text-align:center!important;margin-top:8px;line-height:1.33em;height:1.33em;font-size:var(--f7-actions-grid-button-font-size)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .actions-grid .actions-group{background-color:rgba(var(--f7-actions-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.ios .actions-button-media{margin-left:15px}.ios .actions-button-media+.actions-button-text{text-align:left;margin-left:15px}.md .actions-button{transition-duration:.3s}.md .actions-button-media{min-width:40px}.md .actions-button-media+.actions-button-text{margin-left:16px}.aurora .actions-button-media{margin-left:15px}.aurora .actions-button-media+.actions-button-text{text-align:left;margin-left:15px} \ No newline at end of file +:root{--f7-actions-grid-button-font-size:12px;--f7-actions-grid-button-text-color:#757575}.ios{--f7-actions-bg-color:rgba(255, 255, 255, 0.95);--f7-actions-bg-color-rgb:255,255,255;--f7-actions-border-radius:13px;--f7-actions-button-border-color:rgba(0, 0, 0, 0.2);--f7-actions-button-pressed-bg-color:rgba(230, 230, 230, 0.9);--f7-actions-button-padding:0px;--f7-actions-button-text-align:center;--f7-actions-button-height:57px;--f7-actions-button-height-landscape:44px;--f7-actions-button-font-size:20px;--f7-actions-button-icon-size:28px;--f7-actions-button-justify-content:center;--f7-actions-label-padding:8px 10px;--f7-actions-label-text-color:#8a8a8a;--f7-actions-label-font-size:13px;--f7-actions-label-justify-content:center;--f7-actions-group-border-color:transparent;--f7-actions-group-margin:8px;--f7-actions-grid-button-icon-size:48px}.ios .theme-dark,.ios.theme-dark{--f7-actions-bg-color:rgba(30, 30, 30, 0.95);--f7-actions-bg-color-rgb:30,30,30;--f7-actions-button-border-color:rgba(255, 255, 255, 0.15);--f7-actions-button-pressed-bg-color:rgba(50, 50, 50, 0.9);--f7-actions-button-pressed-bg-color-rgb:50,50,50;--f7-actions-label-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-actions-bg-color:#fff;--f7-actions-border-radius:0px;--f7-actions-button-border-color:transparent;--f7-actions-button-text-color:rgba(0, 0, 0, 0.87);--f7-actions-button-pressed-bg-color:#e5e5e5;--f7-actions-button-padding:0 16px;--f7-actions-button-text-align:left;--f7-actions-button-height:48px;--f7-actions-button-height-landscape:48px;--f7-actions-button-font-size:16px;--f7-actions-button-icon-size:24px;--f7-actions-button-justify-content:space-between;--f7-actions-label-padding:12px 16px;--f7-actions-label-text-color:rgba(0, 0, 0, 0.54);--f7-actions-label-font-size:16px;--f7-actions-label-justify-content:flex-start;--f7-actions-group-border-color:rgba(0, 0, 0, 0.12);--f7-actions-group-margin:0px;--f7-actions-grid-button-icon-size:48px}.md .theme-dark,.md.theme-dark{--f7-actions-bg-color:#202020;--f7-actions-button-text-color:#fff;--f7-actions-button-pressed-bg-color:#2e2e2e;--f7-actions-label-text-color:rgba(255, 255, 255, 0.55);--f7-actions-group-border-color:rgba(255, 255, 255, 0.15)}.aurora{--f7-actions-bg-color:#fff;--f7-actions-border-radius:4px;--f7-actions-button-border-color:rgba(0, 0, 0, 0.12);--f7-actions-button-pressed-bg-color:#e5e5e5;--f7-actions-button-padding:0 16px;--f7-actions-button-text-align:center;--f7-actions-button-height:32px;--f7-actions-button-height-landscape:32px;--f7-actions-button-font-size:14px;--f7-actions-button-icon-size:18px;--f7-actions-button-justify-content:space-between;--f7-actions-label-padding:10px 16px;--f7-actions-label-text-color:rgba(0, 0, 0, 0.5);--f7-actions-label-font-size:12px;--f7-actions-label-justify-content:center;--f7-actions-group-border-color:rgba(0, 0, 0, 0.1);--f7-actions-group-margin:16px;--f7-actions-grid-button-icon-size:32px}.aurora .theme-dark,.aurora.theme-dark{--f7-actions-bg-color:#202020;--f7-actions-button-text-color:#fff;--f7-actions-button-border-color:rgba(255, 255, 255, 0.15);--f7-actions-button-pressed-bg-color:#2e2e2e;--f7-actions-label-text-color:rgba(255, 255, 255, 0.55);--f7-actions-group-border-color:rgba(255, 255, 255, 0.15)}.actions-modal{position:absolute;left:0;bottom:0;z-index:13500;width:100%;transform:translate3d(0,100%,0);display:none;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch;transition-property:transform;will-change:transform}.actions-modal.modal-in,.actions-modal.modal-out{transition-duration:.3s}.actions-modal.not-animated{transition-duration:0s}.actions-modal.modal-in{transform:translate3d(0,calc(-1 * var(--f7-safe-area-bottom)),0)}.actions-modal.modal-out{z-index:13499;transform:translate3d(0,100%,0)}@media (min-width:496px){.actions-modal{width:480px;left:50%;margin-left:-240px}}@media (orientation:landscape){.actions-modal{--f7-actions-button-height:var(--f7-actions-button-height-landscape)}}.actions-group{overflow:hidden;position:relative;margin:var(--f7-actions-group-margin);border-radius:var(--f7-actions-border-radius);transform:translate3d(0,0,0)}.actions-group:after{content:'';position:absolute;background-color:var(--f7-actions-group-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.actions-group:last-child:after{display:none!important}.actions-button,.actions-label{width:100%;font-weight:400;margin:0;box-sizing:border-box;display:block;position:relative;overflow:hidden;text-align:var(--f7-actions-button-text-align);background:var(--f7-actions-bg-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .actions-button,.ios-translucent-modals .actions-label{background-color:rgba(var(--f7-actions-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.actions-button:after,.actions-label:after{content:'';position:absolute;background-color:var(--f7-actions-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.actions-button:first-child,.actions-label:first-child{border-radius:var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0}.actions-button:last-child,.actions-label:last-child{border-radius:0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius)}.actions-button:last-child:after,.actions-label:last-child:after{display:none!important}.actions-button:first-child:last-child,.actions-label:first-child:last-child{border-radius:var(--f7-actions-border-radius)}.actions-button a,.actions-label a{text-decoration:none;color:inherit;display:block}.actions-button b,.actions-button.actions-button-bold,.actions-label b,.actions-label.actions-button-bold{font-weight:600}.actions-button{cursor:pointer;display:flex;color:var(--f7-actions-button-text-color,var(--f7-theme-color));font-size:var(--f7-actions-button-font-size);height:var(--f7-actions-button-height);line-height:var(--f7-actions-button-height);padding:var(--f7-actions-button-padding);justify-content:var(--f7-actions-button-justify-content);z-index:10}.actions-button.active-state{background-color:var(--f7-actions-button-pressed-bg-color)!important}.actions-button[class*=color-]{color:var(--f7-theme-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .actions-button.active-state{background-color:rgba(var(--f7-actions-button-pressed-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.actions-button-media{flex-shrink:0;display:flex;align-items:center}.actions-button-media i.icon{width:var(--f7-actions-button-icon-size);height:var(--f7-actions-button-icon-size);font-size:var(--f7-actions-button-icon-size)}.actions-button a,.actions-button-text{position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.actions-button-text{width:100%;flex-shrink:1;text-align:var(--f7-actions-button-text-align)}.actions-label{line-height:1.3;display:flex;align-items:center;font-size:var(--f7-actions-label-font-size);color:var(--f7-actions-label-text-color);padding:var(--f7-actions-label-padding);justify-content:var(--f7-actions-label-justify-content);min-height:var(--f7-actions-label-min-height,var(--f7-actions-button-height))}.actions-label[class*=" color-"]{--f7-actions-label-text-color:var(--f7-theme-color)}.actions-grid .actions-group{display:flex;flex-wrap:wrap;justify-content:flex-start;border-radius:0;background:var(--f7-actions-bg-color);margin-top:0}.actions-grid .actions-group:first-child{border-radius:var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0}.actions-grid .actions-group:last-child{border-radius:0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius)}.actions-grid .actions-group:first-child:last-child{border-radius:var(--f7-actions-border-radius)}.actions-grid .actions-group:not(:last-child){margin-bottom:0}.actions-grid .actions-button,.actions-grid .actions-label{border-radius:0!important;background:0 0}.actions-grid .actions-button{width:33.33333333%;display:block;color:var(--f7-actions-grid-button-text-color);height:auto;line-height:1;padding:16px}.actions-grid .actions-button:after{display:none!important}.actions-grid .actions-button-media{margin-left:auto!important;margin-right:auto!important;width:var(--f7-actions-grid-button-icon-size);height:var(--f7-actions-grid-button-icon-size)}.actions-grid .actions-button-media i.icon{width:var(--f7-actions-grid-button-icon-size);height:var(--f7-actions-grid-button-icon-size);font-size:var(--f7-actions-grid-button-icon-size)}.actions-grid .actions-button-text{margin-left:0!important;text-align:center!important;margin-top:8px;line-height:1.33em;height:1.33em;font-size:var(--f7-actions-grid-button-font-size)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .actions-grid .actions-group{background-color:rgba(var(--f7-actions-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.ios .actions-button-media{margin-left:16px}.ios .actions-button-media+.actions-button-text{text-align:left;margin-left:16px}.md .actions-button{transition-duration:.3s}.md .actions-button-media{min-width:40px}.md .actions-button-media+.actions-button-text{margin-left:16px}.aurora .actions-button-media{margin-left:16px}.aurora .actions-button-media+.actions-button-text{text-align:left;margin-left:16px} \ No newline at end of file diff --git a/packages/core/components/actions.rtl.css b/packages/core/components/actions.rtl.css index cb34113825..fda02e8874 100644 --- a/packages/core/components/actions.rtl.css +++ b/packages/core/components/actions.rtl.css @@ -1 +1 @@ -:root{--f7-actions-grid-button-font-size:12px;--f7-actions-grid-button-text-color:#757575}.ios{--f7-actions-bg-color:rgba(255, 255, 255, 0.95);--f7-actions-bg-color-rgb:255,255,255;--f7-actions-border-radius:13px;--f7-actions-button-border-color:rgba(0, 0, 0, 0.2);--f7-actions-button-pressed-bg-color:rgba(230, 230, 230, 0.9);--f7-actions-button-padding:0px;--f7-actions-button-text-align:center;--f7-actions-button-height:57px;--f7-actions-button-height-landscape:44px;--f7-actions-button-font-size:20px;--f7-actions-button-icon-size:28px;--f7-actions-button-justify-content:center;--f7-actions-label-padding:8px 10px;--f7-actions-label-text-color:#8a8a8a;--f7-actions-label-font-size:13px;--f7-actions-label-justify-content:center;--f7-actions-group-border-color:transparent;--f7-actions-group-margin:8px;--f7-actions-grid-button-icon-size:48px}.ios .theme-dark,.ios.theme-dark{--f7-actions-bg-color:rgba(30, 30, 30, 0.95);--f7-actions-bg-color-rgb:30,30,30;--f7-actions-button-border-color:rgba(255, 255, 255, 0.15);--f7-actions-button-pressed-bg-color:rgba(50, 50, 50, 0.9);--f7-actions-button-pressed-bg-color-rgb:50,50,50;--f7-actions-label-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-actions-bg-color:#fff;--f7-actions-border-radius:0px;--f7-actions-button-border-color:transparent;--f7-actions-button-text-color:rgba(0, 0, 0, 0.87);--f7-actions-button-pressed-bg-color:#e5e5e5;--f7-actions-button-padding:0 16px;--f7-actions-button-text-align:left;--f7-actions-button-height:48px;--f7-actions-button-height-landscape:48px;--f7-actions-button-font-size:16px;--f7-actions-button-icon-size:24px;--f7-actions-button-justify-content:space-between;--f7-actions-label-padding:12px 16px;--f7-actions-label-text-color:rgba(0, 0, 0, 0.54);--f7-actions-label-font-size:16px;--f7-actions-label-justify-content:flex-start;--f7-actions-group-border-color:#d2d2d6;--f7-actions-group-margin:0px;--f7-actions-grid-button-icon-size:48px}.aurora{--f7-actions-bg-color:#fff;--f7-actions-border-radius:4px;--f7-actions-button-border-color:rgba(0, 0, 0, 0.12);--f7-actions-button-pressed-bg-color:#e5e5e5;--f7-actions-button-padding:0 15px;--f7-actions-button-text-align:center;--f7-actions-button-height:32px;--f7-actions-button-height-landscape:32px;--f7-actions-button-font-size:14px;--f7-actions-button-icon-size:18px;--f7-actions-button-justify-content:space-between;--f7-actions-label-padding:10px 15px;--f7-actions-label-text-color:rgba(0, 0, 0, 0.5);--f7-actions-label-font-size:12px;--f7-actions-label-justify-content:center;--f7-actions-group-border-color:rgba(0, 0, 0, 0.1);--f7-actions-group-margin:15px;--f7-actions-grid-button-icon-size:32px}.actions-modal{position:absolute;left:0;bottom:0;z-index:13500;width:100%;transform:translate3d(0,100%,0);display:none;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch;transition-property:transform;will-change:transform}.actions-modal.modal-in,.actions-modal.modal-out{transition-duration:.3s}.actions-modal.not-animated{transition-duration:0s}.actions-modal.modal-in{transform:translate3d(0,calc(-1 * var(--f7-safe-area-bottom)),0)}.actions-modal.modal-out{z-index:13499;transform:translate3d(0,100%,0)}@media (min-width:496px){.actions-modal{width:480px;left:50%;margin-left:-240px}}@media (orientation:landscape){.actions-modal{--f7-actions-button-height:var(--f7-actions-button-height-landscape)}}.actions-group{overflow:hidden;position:relative;margin:var(--f7-actions-group-margin);border-radius:var(--f7-actions-border-radius);transform:translate3d(0,0,0)}.actions-group:after{content:'';position:absolute;background-color:var(--f7-actions-group-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.actions-group:last-child:after{display:none!important}.actions-button,.actions-label{width:100%;font-weight:400;margin:0;box-sizing:border-box;display:block;position:relative;overflow:hidden;text-align:var(--f7-actions-button-text-align);background:var(--f7-actions-bg-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .actions-button,.ios-translucent .actions-label{background-color:rgba(var(--f7-actions-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.actions-button:after,.actions-label:after{content:'';position:absolute;background-color:var(--f7-actions-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.actions-button:first-child,.actions-label:first-child{border-radius:var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0}.actions-button:last-child,.actions-label:last-child{border-radius:0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius)}.actions-button:last-child:after,.actions-label:last-child:after{display:none!important}.actions-button:first-child:last-child,.actions-label:first-child:last-child{border-radius:var(--f7-actions-border-radius)}.actions-button a,.actions-label a{text-decoration:none;color:inherit;display:block}.actions-button b,.actions-button.actions-button-bold,.actions-label b,.actions-label.actions-button-bold{font-weight:600}.actions-button{cursor:pointer;display:flex;color:var(--f7-actions-button-text-color,var(--f7-theme-color));font-size:var(--f7-actions-button-font-size);height:var(--f7-actions-button-height);line-height:var(--f7-actions-button-height);padding:var(--f7-actions-button-padding);justify-content:var(--f7-actions-button-justify-content);z-index:10}.actions-button.active-state{background-color:var(--f7-actions-button-pressed-bg-color)!important}.actions-button[class*=color-]{color:var(--f7-theme-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .actions-button.active-state{background-color:rgba(var(--f7-actions-button-pressed-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.actions-button-media{flex-shrink:0;display:flex;align-items:center}.actions-button-media i.icon{width:var(--f7-actions-button-icon-size);height:var(--f7-actions-button-icon-size);font-size:var(--f7-actions-button-icon-size)}.actions-button a,.actions-button-text{position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.actions-button-text{width:100%;flex-shrink:1;text-align:var(--f7-actions-button-text-align)}.actions-label{line-height:1.3;display:flex;align-items:center;font-size:var(--f7-actions-label-font-size);color:var(--f7-actions-label-text-color);padding:var(--f7-actions-label-padding);justify-content:var(--f7-actions-label-justify-content);min-height:var(--f7-actions-label-min-height,var(--f7-actions-button-height))}.actions-label[class*=" color-"]{--f7-actions-label-text-color:var(--f7-theme-color)}.actions-grid .actions-group{display:flex;flex-wrap:wrap;justify-content:flex-start;border-radius:0;background:var(--f7-actions-bg-color);margin-top:0}.actions-grid .actions-group:first-child{border-radius:var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0}.actions-grid .actions-group:last-child{border-radius:0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius)}.actions-grid .actions-group:first-child:last-child{border-radius:var(--f7-actions-border-radius)}.actions-grid .actions-group:not(:last-child){margin-bottom:0}.actions-grid .actions-button,.actions-grid .actions-label{border-radius:0!important;background:0 0}.actions-grid .actions-button{width:33.33333333%;display:block;color:var(--f7-actions-grid-button-text-color);height:auto;line-height:1;padding:16px}.actions-grid .actions-button:after{display:none!important}.actions-grid .actions-button-media{margin-left:auto!important;margin-right:auto!important;width:var(--f7-actions-grid-button-icon-size);height:var(--f7-actions-grid-button-icon-size)}.actions-grid .actions-button-media i.icon{width:var(--f7-actions-grid-button-icon-size);height:var(--f7-actions-grid-button-icon-size);font-size:var(--f7-actions-grid-button-icon-size)}.actions-grid .actions-button-text{margin-left:0!important;text-align:center!important;margin-top:8px;line-height:1.33em;height:1.33em;font-size:var(--f7-actions-grid-button-font-size)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .actions-grid .actions-group{background-color:rgba(var(--f7-actions-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.ios .actions-button-media{margin-left:15px}.ios .actions-button-media+.actions-button-text{text-align:left;margin-left:15px}.md .actions-button{transition-duration:.3s}.md .actions-button-media{min-width:40px}.md .actions-button-media+.actions-button-text{margin-left:16px}.aurora .actions-button-media{margin-left:15px}.aurora .actions-button-media+.actions-button-text{text-align:left;margin-left:15px} \ No newline at end of file +:root{--f7-actions-grid-button-font-size:12px;--f7-actions-grid-button-text-color:#757575}.ios{--f7-actions-bg-color:rgba(255, 255, 255, 0.95);--f7-actions-bg-color-rgb:255,255,255;--f7-actions-border-radius:13px;--f7-actions-button-border-color:rgba(0, 0, 0, 0.2);--f7-actions-button-pressed-bg-color:rgba(230, 230, 230, 0.9);--f7-actions-button-padding:0px;--f7-actions-button-text-align:center;--f7-actions-button-height:57px;--f7-actions-button-height-landscape:44px;--f7-actions-button-font-size:20px;--f7-actions-button-icon-size:28px;--f7-actions-button-justify-content:center;--f7-actions-label-padding:8px 10px;--f7-actions-label-text-color:#8a8a8a;--f7-actions-label-font-size:13px;--f7-actions-label-justify-content:center;--f7-actions-group-border-color:transparent;--f7-actions-group-margin:8px;--f7-actions-grid-button-icon-size:48px}.ios .theme-dark,.ios.theme-dark{--f7-actions-bg-color:rgba(30, 30, 30, 0.95);--f7-actions-bg-color-rgb:30,30,30;--f7-actions-button-border-color:rgba(255, 255, 255, 0.15);--f7-actions-button-pressed-bg-color:rgba(50, 50, 50, 0.9);--f7-actions-button-pressed-bg-color-rgb:50,50,50;--f7-actions-label-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-actions-bg-color:#fff;--f7-actions-border-radius:0px;--f7-actions-button-border-color:transparent;--f7-actions-button-text-color:rgba(0, 0, 0, 0.87);--f7-actions-button-pressed-bg-color:#e5e5e5;--f7-actions-button-padding:0 16px;--f7-actions-button-text-align:left;--f7-actions-button-height:48px;--f7-actions-button-height-landscape:48px;--f7-actions-button-font-size:16px;--f7-actions-button-icon-size:24px;--f7-actions-button-justify-content:space-between;--f7-actions-label-padding:12px 16px;--f7-actions-label-text-color:rgba(0, 0, 0, 0.54);--f7-actions-label-font-size:16px;--f7-actions-label-justify-content:flex-start;--f7-actions-group-border-color:rgba(0, 0, 0, 0.12);--f7-actions-group-margin:0px;--f7-actions-grid-button-icon-size:48px}.md .theme-dark,.md.theme-dark{--f7-actions-bg-color:#202020;--f7-actions-button-text-color:#fff;--f7-actions-button-pressed-bg-color:#2e2e2e;--f7-actions-label-text-color:rgba(255, 255, 255, 0.55);--f7-actions-group-border-color:rgba(255, 255, 255, 0.15)}.aurora{--f7-actions-bg-color:#fff;--f7-actions-border-radius:4px;--f7-actions-button-border-color:rgba(0, 0, 0, 0.12);--f7-actions-button-pressed-bg-color:#e5e5e5;--f7-actions-button-padding:0 16px;--f7-actions-button-text-align:center;--f7-actions-button-height:32px;--f7-actions-button-height-landscape:32px;--f7-actions-button-font-size:14px;--f7-actions-button-icon-size:18px;--f7-actions-button-justify-content:space-between;--f7-actions-label-padding:10px 16px;--f7-actions-label-text-color:rgba(0, 0, 0, 0.5);--f7-actions-label-font-size:12px;--f7-actions-label-justify-content:center;--f7-actions-group-border-color:rgba(0, 0, 0, 0.1);--f7-actions-group-margin:16px;--f7-actions-grid-button-icon-size:32px}.aurora .theme-dark,.aurora.theme-dark{--f7-actions-bg-color:#202020;--f7-actions-button-text-color:#fff;--f7-actions-button-border-color:rgba(255, 255, 255, 0.15);--f7-actions-button-pressed-bg-color:#2e2e2e;--f7-actions-label-text-color:rgba(255, 255, 255, 0.55);--f7-actions-group-border-color:rgba(255, 255, 255, 0.15)}.actions-modal{position:absolute;left:0;bottom:0;z-index:13500;width:100%;transform:translate3d(0,100%,0);display:none;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch;transition-property:transform;will-change:transform}.actions-modal.modal-in,.actions-modal.modal-out{transition-duration:.3s}.actions-modal.not-animated{transition-duration:0s}.actions-modal.modal-in{transform:translate3d(0,calc(-1 * var(--f7-safe-area-bottom)),0)}.actions-modal.modal-out{z-index:13499;transform:translate3d(0,100%,0)}@media (min-width:496px){.actions-modal{width:480px;left:50%;margin-left:-240px}}@media (orientation:landscape){.actions-modal{--f7-actions-button-height:var(--f7-actions-button-height-landscape)}}.actions-group{overflow:hidden;position:relative;margin:var(--f7-actions-group-margin);border-radius:var(--f7-actions-border-radius);transform:translate3d(0,0,0)}.actions-group:after{content:'';position:absolute;background-color:var(--f7-actions-group-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.actions-group:last-child:after{display:none!important}.actions-button,.actions-label{width:100%;font-weight:400;margin:0;box-sizing:border-box;display:block;position:relative;overflow:hidden;text-align:var(--f7-actions-button-text-align);background:var(--f7-actions-bg-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .actions-button,.ios-translucent-modals .actions-label{background-color:rgba(var(--f7-actions-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.actions-button:after,.actions-label:after{content:'';position:absolute;background-color:var(--f7-actions-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.actions-button:first-child,.actions-label:first-child{border-radius:var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0}.actions-button:last-child,.actions-label:last-child{border-radius:0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius)}.actions-button:last-child:after,.actions-label:last-child:after{display:none!important}.actions-button:first-child:last-child,.actions-label:first-child:last-child{border-radius:var(--f7-actions-border-radius)}.actions-button a,.actions-label a{text-decoration:none;color:inherit;display:block}.actions-button b,.actions-button.actions-button-bold,.actions-label b,.actions-label.actions-button-bold{font-weight:600}.actions-button{cursor:pointer;display:flex;color:var(--f7-actions-button-text-color,var(--f7-theme-color));font-size:var(--f7-actions-button-font-size);height:var(--f7-actions-button-height);line-height:var(--f7-actions-button-height);padding:var(--f7-actions-button-padding);justify-content:var(--f7-actions-button-justify-content);z-index:10}.actions-button.active-state{background-color:var(--f7-actions-button-pressed-bg-color)!important}.actions-button[class*=color-]{color:var(--f7-theme-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .actions-button.active-state{background-color:rgba(var(--f7-actions-button-pressed-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.actions-button-media{flex-shrink:0;display:flex;align-items:center}.actions-button-media i.icon{width:var(--f7-actions-button-icon-size);height:var(--f7-actions-button-icon-size);font-size:var(--f7-actions-button-icon-size)}.actions-button a,.actions-button-text{position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.actions-button-text{width:100%;flex-shrink:1;text-align:var(--f7-actions-button-text-align)}.actions-label{line-height:1.3;display:flex;align-items:center;font-size:var(--f7-actions-label-font-size);color:var(--f7-actions-label-text-color);padding:var(--f7-actions-label-padding);justify-content:var(--f7-actions-label-justify-content);min-height:var(--f7-actions-label-min-height,var(--f7-actions-button-height))}.actions-label[class*=" color-"]{--f7-actions-label-text-color:var(--f7-theme-color)}.actions-grid .actions-group{display:flex;flex-wrap:wrap;justify-content:flex-start;border-radius:0;background:var(--f7-actions-bg-color);margin-top:0}.actions-grid .actions-group:first-child{border-radius:var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0}.actions-grid .actions-group:last-child{border-radius:0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius)}.actions-grid .actions-group:first-child:last-child{border-radius:var(--f7-actions-border-radius)}.actions-grid .actions-group:not(:last-child){margin-bottom:0}.actions-grid .actions-button,.actions-grid .actions-label{border-radius:0!important;background:0 0}.actions-grid .actions-button{width:33.33333333%;display:block;color:var(--f7-actions-grid-button-text-color);height:auto;line-height:1;padding:16px}.actions-grid .actions-button:after{display:none!important}.actions-grid .actions-button-media{margin-left:auto!important;margin-right:auto!important;width:var(--f7-actions-grid-button-icon-size);height:var(--f7-actions-grid-button-icon-size)}.actions-grid .actions-button-media i.icon{width:var(--f7-actions-grid-button-icon-size);height:var(--f7-actions-grid-button-icon-size);font-size:var(--f7-actions-grid-button-icon-size)}.actions-grid .actions-button-text{margin-left:0!important;text-align:center!important;margin-top:8px;line-height:1.33em;height:1.33em;font-size:var(--f7-actions-grid-button-font-size)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .actions-grid .actions-group{background-color:rgba(var(--f7-actions-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.ios .actions-button-media{margin-left:16px}.ios .actions-button-media+.actions-button-text{text-align:left;margin-left:16px}.md .actions-button{transition-duration:.3s}.md .actions-button-media{min-width:40px}.md .actions-button-media+.actions-button-text{margin-left:16px}.aurora .actions-button-media{margin-left:16px}.aurora .actions-button-media+.actions-button-text{text-align:left;margin-left:16px} \ No newline at end of file diff --git a/packages/core/components/actions/actions-aurora.less b/packages/core/components/actions/actions-aurora.less index a229d69ce7..422ce8e1c5 100644 --- a/packages/core/components/actions/actions-aurora.less +++ b/packages/core/components/actions/actions-aurora.less @@ -1,9 +1,9 @@ .aurora { .actions-button-media { - margin-left: 15px; + margin-left: 16px; + .actions-button-text { text-align: left; - margin-left: 15px; + margin-left: 16px; } } } diff --git a/packages/core/components/actions/actions-ios.less b/packages/core/components/actions/actions-ios.less index 10da1e434f..b0bce6271b 100644 --- a/packages/core/components/actions/actions-ios.less +++ b/packages/core/components/actions/actions-ios.less @@ -1,9 +1,9 @@ .ios { .actions-button-media { - margin-left: 15px; + margin-left: 16px; + .actions-button-text { text-align: left; - margin-left: 15px; + margin-left: 16px; } } } diff --git a/packages/core/components/actions/actions-vars.less b/packages/core/components/actions/actions-vars.less index b3e32a66f0..07fe76c059 100644 --- a/packages/core/components/actions/actions-vars.less +++ b/packages/core/components/actions/actions-vars.less @@ -51,9 +51,16 @@ --f7-actions-label-text-color: rgba(0,0,0,0.54); --f7-actions-label-font-size: 16px; --f7-actions-label-justify-content: flex-start; - --f7-actions-group-border-color: #d2d2d6; + --f7-actions-group-border-color: rgba(0,0,0,0.12); --f7-actions-group-margin: 0px; --f7-actions-grid-button-icon-size: 48px; + .theme-dark, &.theme-dark { + --f7-actions-bg-color: #202020; + --f7-actions-button-text-color: #fff; + --f7-actions-button-pressed-bg-color: #2e2e2e; + --f7-actions-label-text-color:rgba(255,255,255,0.55); + --f7-actions-group-border-color: rgba(255,255,255,0.15); + } }); .aurora-vars({ --f7-actions-bg-color: #fff; @@ -63,18 +70,26 @@ --f7-actions-button-text-color: var(--f7-theme-color); */ --f7-actions-button-pressed-bg-color: #e5e5e5; - --f7-actions-button-padding: 0 15px; + --f7-actions-button-padding: 0 16px; --f7-actions-button-text-align: center; --f7-actions-button-height: 32px; --f7-actions-button-height-landscape: 32px; --f7-actions-button-font-size: 14px; --f7-actions-button-icon-size: 18px; --f7-actions-button-justify-content: space-between; - --f7-actions-label-padding: 10px 15px; + --f7-actions-label-padding: 10px 16px; --f7-actions-label-text-color: rgba(0,0,0,0.5); --f7-actions-label-font-size: 12px; --f7-actions-label-justify-content: center; --f7-actions-group-border-color: rgba(0,0,0,0.1); - --f7-actions-group-margin: 15px; + --f7-actions-group-margin: 16px; --f7-actions-grid-button-icon-size: 32px; + .theme-dark, &.theme-dark { + --f7-actions-bg-color: #202020; + --f7-actions-button-text-color: #fff; + --f7-actions-button-border-color: rgba(255, 255, 255, 0.15); + --f7-actions-button-pressed-bg-color: #2e2e2e; + --f7-actions-label-text-color:rgba(255,255,255,0.55); + --f7-actions-group-border-color: rgba(255,255,255,0.15); + } }); \ No newline at end of file diff --git a/packages/core/components/actions/actions.less b/packages/core/components/actions/actions.less index cba29f24e2..ba04c383cb 100644 --- a/packages/core/components/actions/actions.less +++ b/packages/core/components/actions/actions.less @@ -58,7 +58,7 @@ overflow: hidden; text-align: var(--f7-actions-button-text-align); background: var(--f7-actions-bg-color); - .translucent(var(--f7-actions-bg-color-rgb)); + .ios-translucent-modals(var(--f7-actions-bg-color-rgb)); .hairline(bottom, var(--f7-actions-button-border-color)); &:first-child { border-radius: var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0; @@ -97,7 +97,7 @@ } } .actions-button.active-state { - .translucent(var(--f7-actions-button-pressed-bg-color-rgb)); + .ios-translucent-modals(var(--f7-actions-button-pressed-bg-color-rgb)); } .actions-button-media { @@ -189,7 +189,7 @@ } } .actions-grid .actions-group { - .translucent(var(--f7-actions-bg-color-rgb)); + .ios-translucent-modals(var(--f7-actions-bg-color-rgb)); } .if-ios-theme({ @import url('./actions-ios.less'); diff --git a/packages/core/components/app/app-class.js b/packages/core/components/app/app-class.js index c11af2ba9c..5b0f78deb7 100644 --- a/packages/core/components/app/app-class.js +++ b/packages/core/components/app/app-class.js @@ -36,7 +36,8 @@ class Framework7 extends Framework7Class { initOnDeviceReady: true, init: true, autoDarkTheme: false, - iosTranslucent: true, + iosTranslucentBars: true, + iosTranslucentModals: true, }; // Extend defaults with modules params @@ -187,8 +188,11 @@ class Framework7 extends Framework7Class { $('html').removeClass('ios md aurora').addClass(app.theme); // iOS Translucent - if (app.theme === 'ios' && app.params.iosTranslucent) { - $('html').addClass('ios-translucent'); + if (app.theme === 'ios' && app.params.iosTranslucentBars) { + $('html').addClass('ios-translucent-bars'); + } + if (app.theme === 'ios' && app.params.iosTranslucentModals) { + $('html').addClass('ios-translucent-modals'); } // Init class diff --git a/packages/core/components/app/app-vars.less b/packages/core/components/app/app-vars.less index d6ee6cfbbb..5a8c9c2e5a 100644 --- a/packages/core/components/app/app-vars.less +++ b/packages/core/components/app/app-vars.less @@ -106,6 +106,8 @@ --f7-bars-bg-image: none; --f7-bars-bg-color: #f7f7f8; --f7-bars-bg-color-rgb: 247, 247, 248; + --f7-bars-translucent-opacity: 0.8; + --f7-bars-translucent-blur: 20px; --f7-bars-text-color: #000; --f7-bars-shadow-bottom-image: linear-gradient(to bottom, rgba(0,0,0,0.25) 0%, @@ -123,8 +125,6 @@ ); } .theme-dark { - --f7-bars-bg-color: #1b1b1b; - --f7-bars-bg-color-rgb: 27, 27, 27; --f7-bars-text-color: #fff; } .ios-vars({ @@ -137,10 +137,14 @@ }); .md-vars({ --f7-bars-border-color: transparent; + .theme-dark, &.theme-dark { + --f7-bars-bg-color: #202020; + } }); .aurora-vars({ --f7-bars-border-color: rgba(0,0,0,0.2); .theme-dark, &.theme-dark { + --f7-bars-bg-color: #202020; --f7-bars-border-color: rgba(255, 255, 255, 0.1); } }); diff --git a/packages/core/components/appbar.css b/packages/core/components/appbar.css index 3ad9b7189e..ec144e3938 100644 --- a/packages/core/components/appbar.css +++ b/packages/core/components/appbar.css @@ -1 +1 @@ -:root{--f7-appbar-shadow-image:none}.ios{--f7-appbar-height:44px;--f7-appbar-inner-padding-left:8px;--f7-appbar-inner-padding-right:8px}.md{--f7-appbar-height:48px;--f7-appbar-inner-padding-left:16px;--f7-appbar-inner-padding-right:16px}.aurora{--f7-appbar-height:38px;--f7-appbar-inner-padding-left:15px;--f7-appbar-inner-padding-right:15px}.appbar{position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;margin:0;transform:translate3d(0,0,0);height:calc(var(--f7-appbar-height) + var(--f7-safe-area-top));background-image:var(--f7-appbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-appbar-bg-color,var(--f7-bars-bg-color));color:var(--f7-appbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-appbar-font-size);z-index:7000}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .appbar{background-color:rgba(var(--f7-appbar-bg-color-rgb,var(--f7-bars-bg-color-rgb)),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.appbar .panel~.appbar{z-index:5500}.appbar a{color:var(--f7-appbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.appbar a.link{display:flex;justify-content:flex-start;line-height:var(--f7-appbar-link-line-height,var(--f7-appbar-height));height:var(--f7-appbar-link-height,var(--f7-appbar-height))}.appbar .center,.appbar .left,.appbar .right{display:flex;align-items:center}.appbar.no-border:after,.appbar.no-hairline:after{display:none!important}.appbar.no-border .title-large:after,.appbar.no-hairline .title-large:after{display:none!important}.appbar.no-shadow:before{display:none!important}.appbar:after,.appbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.appbar:after{content:'';position:absolute;background-color:var(--f7-appbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.appbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-appbar-shadow-image)}.appbar:after{z-index:1}.appbar~*{--f7-appbar-app-offset:calc(var(--f7-appbar-height) + var(--f7-appbar-extra-offset, 0px) + var(--f7-safe-area-top))}.appbar~.appbar,.appbar~.view,.appbar~.views{--f7-safe-area-top:0px}.appbar~.panel .page,.appbar~.panel .page-content,.appbar~.panel .view{--f7-safe-area-top:0px}.appbar-inner{position:absolute;left:0;top:var(--f7-safe-area-top);width:100%;height:var(--f7-appbar-height);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 calc(var(--f7-appbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-appbar-inner-padding-left) + var(--f7-safe-area-left))}.appbar-inner.stacked{display:none} \ No newline at end of file +:root{--f7-appbar-shadow-image:none}.ios{--f7-appbar-height:44px;--f7-appbar-inner-padding-left:8px;--f7-appbar-inner-padding-right:8px}.md{--f7-appbar-height:48px;--f7-appbar-inner-padding-left:16px;--f7-appbar-inner-padding-right:16px}.aurora{--f7-appbar-height:38px;--f7-appbar-inner-padding-left:16px;--f7-appbar-inner-padding-right:16px}.appbar{position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;margin:0;transform:translate3d(0,0,0);height:calc(var(--f7-appbar-height) + var(--f7-safe-area-top));background-image:var(--f7-appbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-appbar-bg-color,var(--f7-bars-bg-color));color:var(--f7-appbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-appbar-font-size);z-index:7000}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-bars .appbar{background-color:rgba(var(--f7-appbar-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))}}.appbar .panel~.appbar{z-index:5500}.appbar a{color:var(--f7-appbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.appbar a.link{display:flex;justify-content:flex-start;line-height:var(--f7-appbar-link-line-height,var(--f7-appbar-height));height:var(--f7-appbar-link-height,var(--f7-appbar-height))}.appbar .center,.appbar .left,.appbar .right{display:flex;align-items:center}.appbar.no-border:after,.appbar.no-hairline:after{display:none!important}.appbar.no-border .title-large:after,.appbar.no-hairline .title-large:after{display:none!important}.appbar.no-shadow:before{display:none!important}.appbar:after,.appbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.appbar:after{content:'';position:absolute;background-color:var(--f7-appbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.appbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-appbar-shadow-image)}.appbar:after{z-index:1}.appbar~*{--f7-appbar-app-offset:calc(var(--f7-appbar-height) + var(--f7-appbar-extra-offset, 0px) + var(--f7-safe-area-top))}.appbar~.appbar,.appbar~.view,.appbar~.views{--f7-safe-area-top:0px}.appbar~.panel .page,.appbar~.panel .page-content,.appbar~.panel .view{--f7-safe-area-top:0px}.appbar-inner{position:absolute;left:0;top:var(--f7-safe-area-top);width:100%;height:var(--f7-appbar-height);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 calc(var(--f7-appbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-appbar-inner-padding-left) + var(--f7-safe-area-left))}.appbar-inner.stacked{display:none} \ No newline at end of file diff --git a/packages/core/components/appbar.rtl.css b/packages/core/components/appbar.rtl.css index 3ad9b7189e..ec144e3938 100644 --- a/packages/core/components/appbar.rtl.css +++ b/packages/core/components/appbar.rtl.css @@ -1 +1 @@ -:root{--f7-appbar-shadow-image:none}.ios{--f7-appbar-height:44px;--f7-appbar-inner-padding-left:8px;--f7-appbar-inner-padding-right:8px}.md{--f7-appbar-height:48px;--f7-appbar-inner-padding-left:16px;--f7-appbar-inner-padding-right:16px}.aurora{--f7-appbar-height:38px;--f7-appbar-inner-padding-left:15px;--f7-appbar-inner-padding-right:15px}.appbar{position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;margin:0;transform:translate3d(0,0,0);height:calc(var(--f7-appbar-height) + var(--f7-safe-area-top));background-image:var(--f7-appbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-appbar-bg-color,var(--f7-bars-bg-color));color:var(--f7-appbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-appbar-font-size);z-index:7000}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .appbar{background-color:rgba(var(--f7-appbar-bg-color-rgb,var(--f7-bars-bg-color-rgb)),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.appbar .panel~.appbar{z-index:5500}.appbar a{color:var(--f7-appbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.appbar a.link{display:flex;justify-content:flex-start;line-height:var(--f7-appbar-link-line-height,var(--f7-appbar-height));height:var(--f7-appbar-link-height,var(--f7-appbar-height))}.appbar .center,.appbar .left,.appbar .right{display:flex;align-items:center}.appbar.no-border:after,.appbar.no-hairline:after{display:none!important}.appbar.no-border .title-large:after,.appbar.no-hairline .title-large:after{display:none!important}.appbar.no-shadow:before{display:none!important}.appbar:after,.appbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.appbar:after{content:'';position:absolute;background-color:var(--f7-appbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.appbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-appbar-shadow-image)}.appbar:after{z-index:1}.appbar~*{--f7-appbar-app-offset:calc(var(--f7-appbar-height) + var(--f7-appbar-extra-offset, 0px) + var(--f7-safe-area-top))}.appbar~.appbar,.appbar~.view,.appbar~.views{--f7-safe-area-top:0px}.appbar~.panel .page,.appbar~.panel .page-content,.appbar~.panel .view{--f7-safe-area-top:0px}.appbar-inner{position:absolute;left:0;top:var(--f7-safe-area-top);width:100%;height:var(--f7-appbar-height);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 calc(var(--f7-appbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-appbar-inner-padding-left) + var(--f7-safe-area-left))}.appbar-inner.stacked{display:none} \ No newline at end of file +:root{--f7-appbar-shadow-image:none}.ios{--f7-appbar-height:44px;--f7-appbar-inner-padding-left:8px;--f7-appbar-inner-padding-right:8px}.md{--f7-appbar-height:48px;--f7-appbar-inner-padding-left:16px;--f7-appbar-inner-padding-right:16px}.aurora{--f7-appbar-height:38px;--f7-appbar-inner-padding-left:16px;--f7-appbar-inner-padding-right:16px}.appbar{position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;margin:0;transform:translate3d(0,0,0);height:calc(var(--f7-appbar-height) + var(--f7-safe-area-top));background-image:var(--f7-appbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-appbar-bg-color,var(--f7-bars-bg-color));color:var(--f7-appbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-appbar-font-size);z-index:7000}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-bars .appbar{background-color:rgba(var(--f7-appbar-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))}}.appbar .panel~.appbar{z-index:5500}.appbar a{color:var(--f7-appbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.appbar a.link{display:flex;justify-content:flex-start;line-height:var(--f7-appbar-link-line-height,var(--f7-appbar-height));height:var(--f7-appbar-link-height,var(--f7-appbar-height))}.appbar .center,.appbar .left,.appbar .right{display:flex;align-items:center}.appbar.no-border:after,.appbar.no-hairline:after{display:none!important}.appbar.no-border .title-large:after,.appbar.no-hairline .title-large:after{display:none!important}.appbar.no-shadow:before{display:none!important}.appbar:after,.appbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.appbar:after{content:'';position:absolute;background-color:var(--f7-appbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.appbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-appbar-shadow-image)}.appbar:after{z-index:1}.appbar~*{--f7-appbar-app-offset:calc(var(--f7-appbar-height) + var(--f7-appbar-extra-offset, 0px) + var(--f7-safe-area-top))}.appbar~.appbar,.appbar~.view,.appbar~.views{--f7-safe-area-top:0px}.appbar~.panel .page,.appbar~.panel .page-content,.appbar~.panel .view{--f7-safe-area-top:0px}.appbar-inner{position:absolute;left:0;top:var(--f7-safe-area-top);width:100%;height:var(--f7-appbar-height);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 calc(var(--f7-appbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-appbar-inner-padding-left) + var(--f7-safe-area-left))}.appbar-inner.stacked{display:none} \ No newline at end of file diff --git a/packages/core/components/appbar/appbar-vars.less b/packages/core/components/appbar/appbar-vars.less index a21a3640f9..89387a2f75 100644 --- a/packages/core/components/appbar/appbar-vars.less +++ b/packages/core/components/appbar/appbar-vars.less @@ -23,6 +23,6 @@ }); .aurora-vars({ --f7-appbar-height: 38px; - --f7-appbar-inner-padding-left: 15px; - --f7-appbar-inner-padding-right: 15px; + --f7-appbar-inner-padding-left: 16px; + --f7-appbar-inner-padding-right: 16px; }); \ No newline at end of file diff --git a/packages/core/components/appbar/appbar.less b/packages/core/components/appbar/appbar.less index b3fd150906..e140f2f6f9 100644 --- a/packages/core/components/appbar/appbar.less +++ b/packages/core/components/appbar/appbar.less @@ -17,7 +17,7 @@ color: var(--f7-appbar-text-color, var(--f7-bars-text-color)); font-size: var(--f7-appbar-font-size); z-index: 7000; - .translucent(var(--f7-appbar-bg-color-rgb, var(--f7-bars-bg-color-rgb))); + .ios-translucent-bars(var(--f7-appbar-bg-color-rgb, var(--f7-bars-bg-color-rgb))); .panel ~ .appbar { z-index: 5500; } diff --git a/packages/core/components/autocomplete.css b/packages/core/components/autocomplete.css index c0d559c721..b053a16c8a 100644 --- a/packages/core/components/autocomplete.css +++ b/packages/core/components/autocomplete.css @@ -1 +1 @@ -:root{--f7-autocomplete-dropdown-bg-color:#fff;--f7-autocomplete-dropdown-placeholder-color:#a9a9a9;--f7-autocomplete-dropdown-preloader-size:20px}.ios{--f7-autocomplete-dropdown-box-shadow:0px 3px 3px rgba(0, 0, 0, 0.2);--f7-autocomplete-dropdown-text-color:#000;--f7-autocomplete-dropdown-text-matching-color:#000;--f7-autocomplete-dropdown-text-matching-font-weight:600;--f7-autocomplete-dropdown-font-size:var(--f7-list-font-size)}.ios .theme-dark,.ios.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1d;--f7-autocomplete-dropdown-text-color:#fff;--f7-autocomplete-dropdown-text-matching-color:#fff}.md{--f7-autocomplete-dropdown-box-shadow:0 2px 2px rgba(0, 0, 0, 0.25);--f7-autocomplete-dropdown-text-color:rgba(0, 0, 0, 0.54);--f7-autocomplete-dropdown-text-matching-color:#212121;--f7-autocomplete-dropdown-text-matching-font-weight:400;--f7-autocomplete-dropdown-font-size:var(--f7-list-font-size)}.md .theme-dark,.md.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1d;--f7-autocomplete-dropdown-text-color:rgba(255, 255, 255, 0.54);--f7-autocomplete-dropdown-text-matching-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-autocomplete-dropdown-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);--f7-autocomplete-dropdown-text-color:#000;--f7-autocomplete-dropdown-text-matching-color:#000;--f7-autocomplete-dropdown-text-matching-font-weight:700;--f7-autocomplete-dropdown-font-size:13px}.aurora .theme-dark,.aurora.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1c;--f7-autocomplete-dropdown-text-color:#fff;--f7-autocomplete-dropdown-text-matching-color:#fff}.autocomplete-page .autocomplete-found{display:block}.autocomplete-page .autocomplete-not-found{display:none}.autocomplete-page .autocomplete-values{display:block}.autocomplete-page .list ul:empty{display:none}.autocomplete-preloader:not(.autocomplete-preloader-visible){visibility:hidden}.autocomplete-preloader:not(.autocomplete-preloader-visible),.autocomplete-preloader:not(.autocomplete-preloader-visible) *{animation:none}.autocomplete-dropdown{background:var(--f7-autocomplete-dropdown-bg-color);box-shadow:var(--f7-autocomplete-dropdown-box-shadow);box-sizing:border-box;position:absolute;z-index:500;width:100%;left:0}.autocomplete-dropdown .autocomplete-dropdown-inner{position:relative;overflow:auto;-webkit-overflow-scrolling:touch;height:100%;z-index:1}.autocomplete-dropdown .autocomplete-preloader{display:none;position:absolute;bottom:100%;width:var(--f7-autocomplete-dropdown-preloader-size);height:var(--f7-autocomplete-dropdown-preloader-size)}.autocomplete-dropdown .autocomplete-preloader-visible{display:block}.autocomplete-dropdown .autocomplete-dropdown-placeholder{color:var(--f7-autocomplete-dropdown-placeholder-color)}.autocomplete-dropdown .list{margin:0;color:var(--f7-autocomplete-dropdown-text-color);font-size:var(--f7-autocomplete-dropdown-font-size)}.autocomplete-dropdown .list b{color:var(--f7-autocomplete-dropdown-text-matching-color);font-weight:var(--f7-autocomplete-dropdown-text-matching-font-weight)}.autocomplete-dropdown .list ul{background:0 0!important}.autocomplete-dropdown .list ul:before{display:none!important}.autocomplete-dropdown .list ul:after{display:none!important}.autocomplete-dropdown .autocomplete-dropdown-selected{background:var(--f7-autocomplete-dropdown-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}.searchbar-input-wrap .autocomplete-dropdown{background-color:var(--f7-searchbar-input-bg-color,var(--f7-searchbar-bg-color));border-radius:var(--f7-searchbar-input-border-radius)}.searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder{color:var(--f7-searchbar-placeholder-color)}.searchbar-input-wrap .autocomplete-dropdown li:last-child{border-radius:0 0 var(--f7-searchbar-input-border-radius) var(--f7-searchbar-input-border-radius);position:relative;overflow:hidden}.searchbar-input-wrap .autocomplete-dropdown .item-content{padding-left:var(--f7-searchbar-input-padding-horizontal)}.list .item-content-dropdown-expanded .item-title.item-label{width:0;flex-shrink:10;overflow:hidden}.list .item-content-dropdown-expanded .item-title.item-label+.item-input-wrap{margin-left:0}.list .item-content-dropdown-expanded .item-input-wrap{width:100%}.ios .autocomplete-dropdown .autocomplete-preloader{right:15px;margin-bottom:12px}.ios .searchbar-input-wrap .autocomplete-dropdown{margin-top:calc(-1 * var(--f7-searchbar-input-height));top:100%;z-index:20}.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner{padding-top:var(--f7-searchbar-input-height)}.md .autocomplete-page .navbar .autocomplete-preloader{margin-right:8px}.md .autocomplete-popup .navbar .autocomplete-preloader{margin-left:8px;margin-right:16px}.md .autocomplete-dropdown .autocomplete-preloader{right:16px;margin-bottom:8px}.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-gap,.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle{border-width:3px}.aurora .autocomplete-dropdown .autocomplete-preloader{right:15px;margin-bottom:2px}.aurora .searchbar-input-wrap .autocomplete-dropdown{margin-top:calc(-1 * var(--f7-searchbar-input-height));top:100%;z-index:20}.aurora .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner{padding-top:var(--f7-searchbar-input-height)} \ No newline at end of file +:root{--f7-autocomplete-dropdown-bg-color:#fff;--f7-autocomplete-dropdown-placeholder-color:#a9a9a9;--f7-autocomplete-dropdown-preloader-size:20px}.ios{--f7-autocomplete-dropdown-box-shadow:0px 3px 3px rgba(0, 0, 0, 0.2);--f7-autocomplete-dropdown-text-color:#000;--f7-autocomplete-dropdown-text-matching-color:#000;--f7-autocomplete-dropdown-text-matching-font-weight:600;--f7-autocomplete-dropdown-font-size:var(--f7-list-font-size)}.ios .theme-dark,.ios.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1d;--f7-autocomplete-dropdown-text-color:#fff;--f7-autocomplete-dropdown-text-matching-color:#fff}.md{--f7-autocomplete-dropdown-box-shadow:0 2px 2px rgba(0, 0, 0, 0.25);--f7-autocomplete-dropdown-text-color:rgba(0, 0, 0, 0.54);--f7-autocomplete-dropdown-text-matching-color:#212121;--f7-autocomplete-dropdown-text-matching-font-weight:400;--f7-autocomplete-dropdown-font-size:var(--f7-list-font-size)}.md .theme-dark,.md.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1d;--f7-autocomplete-dropdown-text-color:rgba(255, 255, 255, 0.54);--f7-autocomplete-dropdown-text-matching-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-autocomplete-dropdown-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);--f7-autocomplete-dropdown-text-color:#000;--f7-autocomplete-dropdown-text-matching-color:#000;--f7-autocomplete-dropdown-text-matching-font-weight:700;--f7-autocomplete-dropdown-font-size:13px}.aurora .theme-dark,.aurora.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1c;--f7-autocomplete-dropdown-text-color:#fff;--f7-autocomplete-dropdown-text-matching-color:#fff}.autocomplete-page .autocomplete-found{display:block}.autocomplete-page .autocomplete-not-found{display:none}.autocomplete-page .autocomplete-values{display:block}.autocomplete-page .list ul:empty{display:none}.autocomplete-preloader:not(.autocomplete-preloader-visible){visibility:hidden}.autocomplete-preloader:not(.autocomplete-preloader-visible),.autocomplete-preloader:not(.autocomplete-preloader-visible) *{animation:none}.autocomplete-dropdown{background:var(--f7-autocomplete-dropdown-bg-color);box-shadow:var(--f7-autocomplete-dropdown-box-shadow);box-sizing:border-box;position:absolute;z-index:500;width:100%;left:0}.autocomplete-dropdown .autocomplete-dropdown-inner{position:relative;overflow:auto;-webkit-overflow-scrolling:touch;height:100%;z-index:1}.autocomplete-dropdown .autocomplete-preloader{display:none;position:absolute;bottom:100%;width:var(--f7-autocomplete-dropdown-preloader-size);height:var(--f7-autocomplete-dropdown-preloader-size)}.autocomplete-dropdown .autocomplete-preloader-visible{display:block}.autocomplete-dropdown .autocomplete-dropdown-placeholder{color:var(--f7-autocomplete-dropdown-placeholder-color)}.autocomplete-dropdown .list{margin:0;color:var(--f7-autocomplete-dropdown-text-color);font-size:var(--f7-autocomplete-dropdown-font-size)}.autocomplete-dropdown .list b{color:var(--f7-autocomplete-dropdown-text-matching-color);font-weight:var(--f7-autocomplete-dropdown-text-matching-font-weight)}.autocomplete-dropdown .list ul{background:0 0!important}.autocomplete-dropdown .list ul:before{display:none!important}.autocomplete-dropdown .list ul:after{display:none!important}.autocomplete-dropdown .autocomplete-dropdown-selected{background:var(--f7-autocomplete-dropdown-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}.searchbar-input-wrap .autocomplete-dropdown{background-color:var(--f7-searchbar-input-bg-color,var(--f7-searchbar-bg-color));border-radius:var(--f7-searchbar-input-border-radius)}.searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder{color:var(--f7-searchbar-placeholder-color)}.searchbar-input-wrap .autocomplete-dropdown li:last-child{border-radius:0 0 var(--f7-searchbar-input-border-radius) var(--f7-searchbar-input-border-radius);position:relative;overflow:hidden}.searchbar-input-wrap .autocomplete-dropdown .item-content{padding-left:var(--f7-searchbar-input-padding-horizontal)}.list .item-content-dropdown-expanded .item-title.item-label{width:0;flex-shrink:10;overflow:hidden}.list .item-content-dropdown-expanded .item-title.item-label+.item-input-wrap{margin-left:0}.list .item-content-dropdown-expanded .item-input-wrap{width:100%}.ios .autocomplete-dropdown .autocomplete-preloader{right:16px;margin-bottom:12px}.ios .searchbar-input-wrap .autocomplete-dropdown{margin-top:calc(-1 * var(--f7-searchbar-input-height));top:100%;z-index:20}.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner{padding-top:var(--f7-searchbar-input-height)}.md .autocomplete-page .navbar .autocomplete-preloader{margin-right:8px}.md .autocomplete-popup .navbar .autocomplete-preloader{margin-left:8px;margin-right:16px}.md .autocomplete-dropdown .autocomplete-preloader{right:16px;margin-bottom:8px}.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-gap,.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle{border-width:3px}.aurora .autocomplete-dropdown .autocomplete-preloader{right:16px;margin-bottom:2px}.aurora .searchbar-input-wrap .autocomplete-dropdown{margin-top:calc(-1 * var(--f7-searchbar-input-height));top:100%;z-index:20}.aurora .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner{padding-top:var(--f7-searchbar-input-height)} \ No newline at end of file diff --git a/packages/core/components/autocomplete.js b/packages/core/components/autocomplete.js index a9ac5bb06b..dc68bc9628 100644 --- a/packages/core/components/autocomplete.js +++ b/packages/core/components/autocomplete.js @@ -1 +1 @@ -(function framework7ComponentLoader(e,t){void 0===t&&(t=!0);document,window;var o=e.$,a=(e.Template7,e.utils),n=(e.device,e.support,e.Class),r=(e.Modal,e.ConstructorMethods),p=(e.ModalMethods,function(e){function t(t,n){void 0===n&&(n={}),e.call(this,n,[t]);var r=this;r.app=t;var p,l,i,s=a.extend({on:{}},t.params.autocomplete);if(void 0===s.searchbarDisableButton&&(s.searchbarDisableButton="aurora"!==t.theme),r.useModulesParams(s),r.params=a.extend(s,n),r.params.openerEl&&(p=o(r.params.openerEl)).length&&(p[0].f7Autocomplete=r),r.params.inputEl&&(l=o(r.params.inputEl)).length&&(l[0].f7Autocomplete=r),r.params.view)i=r.params.view;else if(p||l){var d=p||l;i=d.closest(".view").length&&d.closest(".view")[0].f7View}i||(i=t.views.main);var u=a.id(),c=n.url;!c&&p&&p.length&&(p.attr("href")?c=p.attr("href"):p.find("a").length>0&&(c=p.find("a").attr("href"))),c&&"#"!==c&&""!==c||(c=r.params.url);var m=r.params.multiple?"checkbox":"radio";a.extend(r,{$openerEl:p,openerEl:p&&p[0],$inputEl:l,inputEl:l&&l[0],id:u,view:i,url:c,value:r.params.value||[],inputType:m,inputName:m+"-"+u,$modalEl:void 0,$dropdownEl:void 0});var v="";function h(){var e=r.$inputEl.val().trim();r.params.source&&r.params.source.call(r,e,function(t){var o,a,n,p="",i=r.params.limit?Math.min(r.params.limit,t.length):t.length;r.items=t,r.params.highlightMatches&&(e=e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&"),o=new RegExp("("+e+")","i"));for(var s=0;s$1"):u},s)}if(""===p&&""===e&&r.params.dropdownPlaceholderText&&(p+=r.renderItem({placeholder:!0,text:r.params.dropdownPlaceholderText})),r.$dropdownEl.find("ul").html(p),r.params.typeahead){if(!a||!n)return;if(0!==a.toLowerCase().indexOf(e.toLowerCase()))return;if(v.toLowerCase()===e.toLowerCase())return void(r.value=[]);if(0===v.toLowerCase().indexOf(e.toLowerCase()))return v=e,void(r.value=[]);l.val(a),l[0].setSelectionRange(e.length,a.length);var c="object"==typeof r.value[0]?r.value[0][r.params.valueProperty]:r.value[0];c&&a.toLowerCase()===c.toLowerCase()||(r.value=[n],r.emit("local::change autocompleteChange",[n]))}v=e})}function f(){var e,t,a,n=this.value;if(o(this).parents(".autocomplete-values").length>0){if("checkbox"===r.inputType&&!this.checked){for(var p=0;p0||setTimeout(function(){r.close()},0)}function E(){r.positionDropdown()}function $(e){if(r.opened){if(27===e.keyCode)return e.preventDefault(),void r.$inputEl.blur();if(13===e.keyCode){var t=r.$dropdownEl.find(".autocomplete-dropdown-selected label");return t.length?(e.preventDefault(),t.trigger("click"),void r.$inputEl.blur()):void(r.params.typeahead&&(e.preventDefault(),r.$inputEl.blur()))}if(40===e.keyCode||38===e.keyCode){e.preventDefault();var o,a=r.$dropdownEl.find(".autocomplete-dropdown-selected");a.length&&(o=a[40===e.keyCode?"next":"prev"]("li")).length||(o=r.$dropdownEl.find("li").eq(40===e.keyCode?0:r.$dropdownEl.find("li").length-1)),o.hasClass("autocomplete-dropdown-placeholder")||(a.removeClass("autocomplete-dropdown-selected"),o.addClass("autocomplete-dropdown-selected"))}}}function C(){for(var e,t=o(this),a=0;a0?m.left-p.offset().left:0,f=i.left-(u.length>0?m.left:0)-(n.rtl,0),g=i.top-(p.offset().top-p[0].scrollTop),b=p[0].scrollHeight-v-(g+p[0].scrollTop)-a[0].offsetHeight,w=n.rtl?"padding-right":"padding-left";u.length&&!t.params.expandInput&&(c=(n.rtl?u[0].offsetWidth-f-s:f)-("md"===n.theme?16:15)),r.css({left:(u.length>0?h:f)+"px",top:g+p[0].scrollTop+d+"px",width:(u.length>0?u[0].offsetWidth:s)+"px"}),r.children(".autocomplete-dropdown-inner").css(((e={maxHeight:b+"px"})[w]=u.length>0&&!t.params.expandInput?c+"px":"",e))}},t.prototype.focus=function(){this.$el.find("input[type=search]").focus()},t.prototype.source=function(e){var t=this;if(t.params.source){var o=t.$el;t.params.source.call(t,e,function(a){var n="",r=t.params.limit?Math.min(t.params.limit,a.length):a.length;t.items=a;for(var p=0;p'+(a[this.app.theme+"PreloaderContent"]||"")+"\n ").trim()},t.prototype.renderSearchbar=function(){var e=this;return e.params.renderSearchbar?e.params.renderSearchbar.call(e):('\n
\n
\n
\n \n \n \n
\n '+(e.params.searchbarDisableButton?'\n '+e.params.searchbarDisableText+"\n ":"")+"\n
\n
\n ").trim()},t.prototype.renderItem=function(e,t){if(this.params.renderItem)return this.params.renderItem.call(this,e,t);var o=e.value&&"string"==typeof e.value?e.value.replace(/"/g,"""):e.value;return("dropdown"!==this.params.openIn?'\n
  • \n \n
    • \n ":e.placeholder?'\n
  • \n \n
    • \n ":'\n
  • \n \n
    • \n ").trim()},t.prototype.renderNavbar=function(){var e=this;if(e.params.renderNavbar)return e.params.renderNavbar.call(e);var t=e.params.pageTitle;void 0===t&&e.$openerEl&&e.$openerEl.length&&(t=e.$openerEl.find(".item-title").text().trim());var o="popup"===e.params.openIn,a=o?"\n "+(e.params.preloader?'\n
    \n '+e.renderPreloader()+"\n
    \n ":"")+"\n ":'\n
    \n \n \n '+e.params.pageBackLinkText+"\n \n
    \n ",n=o?'\n
    \n \n '+e.params.popupCloseLinkText+"\n \n
    \n ":"\n "+(e.params.preloader?'\n
    \n '+e.renderPreloader()+"\n
    \n ":"")+"\n ";return('\n
    \n
    \n
    \n '+a+"\n "+(t?'
    '+t+"
    ":"")+"\n "+n+'\n
    '+e.renderSearchbar()+"
    \n
    \n
    \n ").trim()},t.prototype.renderDropdown=function(){var e=this;return e.params.renderDropdown?e.params.renderDropdown.call(e,e.items):('\n
    \n
    \n
    \n
      \n
      \n
      \n '+(e.params.preloader?e.renderPreloader():"")+"\n
      \n ").trim()},t.prototype.renderPage=function(e){var t=this;return t.params.renderPage?t.params.renderPage.call(t,t.items):('\n
      \n '+t.renderNavbar(e)+'\n
      \n
      \n
      \n
        \n
        \n
        \n
          \n
        • '+t.params.notFoundText+'
          • \n
        \n
        \n
        \n
          \n
          \n
          \n
          \n ').trim()},t.prototype.renderPopup=function(){var e=this;return e.params.renderPopup?e.params.renderPopup.call(e,e.items):('\n
          \n
          \n '+e.renderPage(!0)+";\n
          \n
          \n ").trim()},t.prototype.onOpen=function(e,t){var a=this,n=a.app,r=o(t);if(a.$el=r,a.el=r[0],a.openedIn=e,a.opened=!0,"dropdown"===a.params.openIn)a.attachDropdownEvents(),a.$dropdownEl.addClass("autocomplete-dropdown-in"),a.$inputEl.trigger("input");else{var p=r.find(".searchbar");"page"===a.params.openIn&&"ios"===n.theme&&0===p.length&&(p=o(n.navbar.getElByPage(r)).find(".searchbar")),a.searchbar=n.searchbar.create({el:p,backdropEl:r.find(".searchbar-backdrop"),customSearch:!0,on:{search:function(e,t){0===t.length&&a.searchbar.enabled?a.searchbar.backdropShow():a.searchbar.backdropHide(),a.source(t)}}}),a.attachPageEvents(),a.updateValues(),a.params.requestSourceOnOpen&&a.source("")}a.emit("local::open autocompleteOpen",a)},t.prototype.autoFocus=function(){return this.searchbar&&this.searchbar.$inputEl&&this.searchbar.$inputEl.focus(),this},t.prototype.onOpened=function(){var e=this;"dropdown"!==e.params.openIn&&e.params.autoFocus&&e.autoFocus(),e.emit("local::opened autocompleteOpened",e)},t.prototype.onClose=function(){var e=this;e.destroyed||(e.searchbar&&e.searchbar.destroy&&(e.searchbar.destroy(),e.searchbar=null,delete e.searchbar),"dropdown"===e.params.openIn?(e.detachDropdownEvents(),e.$dropdownEl.removeClass("autocomplete-dropdown-in").remove(),e.$inputEl.parents(".item-content-dropdown-expanded").removeClass("item-content-dropdown-expanded")):e.detachPageEvents(),e.emit("local::close autocompleteClose",e))},t.prototype.onClosed=function(){var e=this;e.destroyed||(e.opened=!1,e.$el=null,e.el=null,delete e.$el,delete e.el,e.emit("local::closed autocompleteClosed",e))},t.prototype.openPage=function(){var e=this;if(e.opened)return e;var t=e.renderPage();return e.view.router.navigate({url:e.url,route:{content:t,path:e.url,on:{pageBeforeIn:function(t,o){e.onOpen("page",o.el)},pageAfterIn:function(t,o){e.onOpened("page",o.el)},pageBeforeOut:function(t,o){e.onClose("page",o.el)},pageAfterOut:function(t,o){e.onClosed("page",o.el)}},options:{animate:e.params.animate}}}),e},t.prototype.openPopup=function(){var e=this;if(e.opened)return e;var t={content:e.renderPopup(),animate:e.params.animate,on:{popupOpen:function(t){e.onOpen("popup",t.el)},popupOpened:function(t){e.onOpened("popup",t.el)},popupClose:function(t){e.onClose("popup",t.el)},popupClosed:function(t){e.onClosed("popup",t.el)}}};return e.params.routableModals?e.view.router.navigate({url:e.url,route:{path:e.url,popup:t}}):e.modal=e.app.popup.create(t).open(e.params.animate),e},t.prototype.openDropdown=function(){var e=this;e.$dropdownEl||(e.$dropdownEl=o(e.renderDropdown())),e.$inputEl.parents(".list").length&&e.$inputEl.parents(".item-content").length>0&&e.params.expandInput&&e.$inputEl.parents(".item-content").addClass("item-content-dropdown-expanded");var t=e.$inputEl.parents(".page-content");e.params.dropdownContainerEl?o(e.params.dropdownContainerEl).append(e.$dropdownEl):0===t.length?e.$dropdownEl.insertAfter(e.$inputEl):(e.positionDropdown(),t.append(e.$dropdownEl)),e.onOpen("dropdown",e.$dropdownEl),e.onOpened("dropdown",e.$dropdownEl)},t.prototype.open=function(){var e=this;return e.opened?e:(e["open"+e.params.openIn.split("").map(function(e,t){return 0===t?e.toUpperCase():e}).join("")](),e)},t.prototype.close=function(){var e=this;return e.opened?("dropdown"===e.params.openIn?(e.onClose(),e.onClosed()):e.params.routableModals||"page"===e.openedIn?e.view.router.back({animate:e.params.animate}):(e.modal.once("modalClosed",function(){a.nextTick(function(){e.modal.destroy(),delete e.modal})}),e.modal.close()),e):e},t.prototype.init=function(){this.attachEvents()},t.prototype.destroy=function(){var e=this;e.emit("local::beforeDestroy autocompleteBeforeDestroy",e),e.detachEvents(),e.$inputEl&&e.$inputEl[0]&&delete e.$inputEl[0].f7Autocomplete,e.$openerEl&&e.$openerEl[0]&&delete e.$openerEl[0].f7Autocomplete,a.deleteProps(e),e.destroyed=!0},t}(n)),l={name:"autocomplete",params:{autocomplete:{openerEl:void 0,inputEl:void 0,view:void 0,dropdownContainerEl:void 0,dropdownPlaceholderText:void 0,typeahead:!1,highlightMatches:!0,expandInput:!1,updateInputValueOnSelect:!0,inputEvents:"input",value:void 0,multiple:!1,source:void 0,limit:void 0,valueProperty:"id",textProperty:"text",openIn:"page",pageBackLinkText:"Back",popupCloseLinkText:"Close",pageTitle:void 0,searchbarPlaceholder:"Search...",searchbarDisableText:"Cancel",searchbarDisableButton:void 0,animate:!0,autoFocus:!1,closeOnSelect:!1,notFoundText:"Nothing found",requestSourceOnOpen:!1,preloaderColor:void 0,preloader:!1,formColorTheme:void 0,navbarColorTheme:void 0,routableModals:!0,url:"select/",renderDropdown:void 0,renderPage:void 0,renderPopup:void 0,renderItem:void 0,renderSearchbar:void 0,renderNavbar:void 0}},static:{Autocomplete:p},create:function(){var e=this;e.autocomplete=a.extend(r({defaultSelector:void 0,constructor:p,app:e,domProp:"f7Autocomplete"}),{open:function(t){var o=e.autocomplete.get(t);if(o&&o.open)return o.open()},close:function(t){var o=e.autocomplete.get(t);if(o&&o.close)return o.close()}})}};if(t){if(e.prototype.modules&&e.prototype.modules[l.name])return;e.use(l),e.instance&&(e.instance.useModuleParams(l,e.instance.params),e.instance.useModule(l))}return l}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent)) +(function framework7ComponentLoader(e,t){void 0===t&&(t=!0);document,window;var o=e.$,a=(e.Template7,e.utils),n=(e.device,e.support,e.Class),r=(e.Modal,e.ConstructorMethods),p=(e.ModalMethods,function(e){function t(t,n){void 0===n&&(n={}),e.call(this,n,[t]);var r=this;r.app=t;var p,l,i,s=a.extend({on:{}},t.params.autocomplete);if(void 0===s.searchbarDisableButton&&(s.searchbarDisableButton="aurora"!==t.theme),r.useModulesParams(s),r.params=a.extend(s,n),r.params.openerEl&&(p=o(r.params.openerEl)).length&&(p[0].f7Autocomplete=r),r.params.inputEl&&(l=o(r.params.inputEl)).length&&(l[0].f7Autocomplete=r),r.params.view)i=r.params.view;else if(p||l){var d=p||l;i=d.closest(".view").length&&d.closest(".view")[0].f7View}i||(i=t.views.main);var u=a.id(),c=n.url;!c&&p&&p.length&&(p.attr("href")?c=p.attr("href"):p.find("a").length>0&&(c=p.find("a").attr("href"))),c&&"#"!==c&&""!==c||(c=r.params.url);var m=r.params.multiple?"checkbox":"radio";a.extend(r,{$openerEl:p,openerEl:p&&p[0],$inputEl:l,inputEl:l&&l[0],id:u,view:i,url:c,value:r.params.value||[],inputType:m,inputName:m+"-"+u,$modalEl:void 0,$dropdownEl:void 0});var v="";function h(){var e=r.$inputEl.val().trim();r.params.source&&r.params.source.call(r,e,function(t){var o,a,n,p="",i=r.params.limit?Math.min(r.params.limit,t.length):t.length;r.items=t,r.params.highlightMatches&&(e=e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&"),o=new RegExp("("+e+")","i"));for(var s=0;s$1"):u},s)}if(""===p&&""===e&&r.params.dropdownPlaceholderText&&(p+=r.renderItem({placeholder:!0,text:r.params.dropdownPlaceholderText})),r.$dropdownEl.find("ul").html(p),r.params.typeahead){if(!a||!n)return;if(0!==a.toLowerCase().indexOf(e.toLowerCase()))return;if(v.toLowerCase()===e.toLowerCase())return void(r.value=[]);if(0===v.toLowerCase().indexOf(e.toLowerCase()))return v=e,void(r.value=[]);l.val(a),l[0].setSelectionRange(e.length,a.length);var c="object"==typeof r.value[0]?r.value[0][r.params.valueProperty]:r.value[0];c&&a.toLowerCase()===c.toLowerCase()||(r.value=[n],r.emit("local::change autocompleteChange",[n]))}v=e})}function f(){var e,t,a,n=this.value;if(o(this).parents(".autocomplete-values").length>0){if("checkbox"===r.inputType&&!this.checked){for(var p=0;p0||setTimeout(function(){r.close()},0)}function E(){r.positionDropdown()}function $(e){if(r.opened){if(27===e.keyCode)return e.preventDefault(),void r.$inputEl.blur();if(13===e.keyCode){var t=r.$dropdownEl.find(".autocomplete-dropdown-selected label");return t.length?(e.preventDefault(),t.trigger("click"),void r.$inputEl.blur()):void(r.params.typeahead&&(e.preventDefault(),r.$inputEl.blur()))}if(40===e.keyCode||38===e.keyCode){e.preventDefault();var o,a=r.$dropdownEl.find(".autocomplete-dropdown-selected");a.length&&(o=a[40===e.keyCode?"next":"prev"]("li")).length||(o=r.$dropdownEl.find("li").eq(40===e.keyCode?0:r.$dropdownEl.find("li").length-1)),o.hasClass("autocomplete-dropdown-placeholder")||(a.removeClass("autocomplete-dropdown-selected"),o.addClass("autocomplete-dropdown-selected"))}}}function C(){for(var e,t=o(this),a=0;a0?m.left-p.offset().left:0,f=i.left-(u.length>0?m.left:0)-(n.rtl,0),g=i.top-(p.offset().top-p[0].scrollTop),b=p[0].scrollHeight-v-(g+p[0].scrollTop)-a[0].offsetHeight,w=n.rtl?"padding-right":"padding-left";u.length&&!t.params.expandInput&&(c=(n.rtl?u[0].offsetWidth-f-s:f)-("md"===n.theme?16:15)),r.css({left:(u.length>0?h:f)+"px",top:g+p[0].scrollTop+d+"px",width:(u.length>0?u[0].offsetWidth:s)+"px"}),r.children(".autocomplete-dropdown-inner").css(((e={maxHeight:b+"px"})[w]=u.length>0&&!t.params.expandInput?c+"px":"",e))}},t.prototype.focus=function(){this.$el.find("input[type=search]").focus()},t.prototype.source=function(e){var t=this;if(t.params.source){var o=t.$el;t.params.source.call(t,e,function(a){var n="",r=t.params.limit?Math.min(t.params.limit,a.length):a.length;t.items=a;for(var p=0;p'+(a[this.app.theme+"PreloaderContent"]||"")+"\n ").trim()},t.prototype.renderSearchbar=function(){var e=this;return e.params.renderSearchbar?e.params.renderSearchbar.call(e):('\n
          \n
          \n
          \n \n \n \n
          \n '+(e.params.searchbarDisableButton?'\n '+e.params.searchbarDisableText+"\n ":"")+"\n
          \n
          \n ").trim()},t.prototype.renderItem=function(e,t){if(this.params.renderItem)return this.params.renderItem.call(this,e,t);var o=e.value&&"string"==typeof e.value?e.value.replace(/"/g,"""):e.value;return("dropdown"!==this.params.openIn?'\n
        • \n \n
          • \n ":e.placeholder?'\n
        • \n \n
          • \n ":'\n
        • \n \n
          • \n ").trim()},t.prototype.renderNavbar=function(){var e=this;if(e.params.renderNavbar)return e.params.renderNavbar.call(e);var t=e.params.pageTitle;void 0===t&&e.$openerEl&&e.$openerEl.length&&(t=e.$openerEl.find(".item-title").text().trim());var o="popup"===e.params.openIn,a=o?"\n "+(e.params.preloader?'\n
          \n '+e.renderPreloader()+"\n
          \n ":"")+"\n ":'\n
          \n \n \n '+e.params.pageBackLinkText+"\n \n
          \n ",n=o?'\n
          \n \n '+e.params.popupCloseLinkText+"\n \n
          \n ":"\n "+(e.params.preloader?'\n
          \n '+e.renderPreloader()+"\n
          \n ":"")+"\n ";return('\n
          \n
          \n
          \n '+a+"\n "+(t?'
          '+t+"
          ":"")+"\n "+n+'\n
          '+e.renderSearchbar()+"
          \n
          \n
          \n ").trim()},t.prototype.renderDropdown=function(){var e=this;return e.params.renderDropdown?e.params.renderDropdown.call(e,e.items):('\n
          \n
          \n
          \n
            \n
            \n
            \n '+(e.params.preloader?e.renderPreloader():"")+"\n
            \n ").trim()},t.prototype.renderPage=function(e){var t=this;return t.params.renderPage?t.params.renderPage.call(t,t.items):('\n
            \n '+t.renderNavbar(e)+'\n
            \n
            \n
            \n
              \n
              \n
              \n
                \n
              • '+t.params.notFoundText+'
                • \n
              \n
              \n
              \n
                \n
                \n
                \n
                \n ').trim()},t.prototype.renderPopup=function(){var e=this;return e.params.renderPopup?e.params.renderPopup.call(e,e.items):('\n
                \n
                \n '+e.renderPage(!0)+";\n
                \n
                \n ").trim()},t.prototype.onOpen=function(e,t){var a=this,n=a.app,r=o(t);if(a.$el=r,a.el=r[0],a.openedIn=e,a.opened=!0,"dropdown"===a.params.openIn)a.attachDropdownEvents(),a.$dropdownEl.addClass("autocomplete-dropdown-in"),a.$inputEl.trigger("input");else{var p=r.find(".searchbar");"page"===a.params.openIn&&"ios"===n.theme&&0===p.length&&(p=o(n.navbar.getElByPage(r)).find(".searchbar")),a.searchbar=n.searchbar.create({el:p,backdropEl:r.find(".searchbar-backdrop"),customSearch:!0,on:{search:function(e,t){0===t.length&&a.searchbar.enabled?a.searchbar.backdropShow():a.searchbar.backdropHide(),a.source(t)}}}),a.attachPageEvents(),a.updateValues(),a.params.requestSourceOnOpen&&a.source("")}a.emit("local::open autocompleteOpen",a)},t.prototype.autoFocus=function(){return this.searchbar&&this.searchbar.$inputEl&&this.searchbar.$inputEl.focus(),this},t.prototype.onOpened=function(){var e=this;"dropdown"!==e.params.openIn&&e.params.autoFocus&&e.autoFocus(),e.emit("local::opened autocompleteOpened",e)},t.prototype.onClose=function(){var e=this;e.destroyed||(e.searchbar&&e.searchbar.destroy&&(e.searchbar.destroy(),e.searchbar=null,delete e.searchbar),"dropdown"===e.params.openIn?(e.detachDropdownEvents(),e.$dropdownEl.removeClass("autocomplete-dropdown-in").remove(),e.$inputEl.parents(".item-content-dropdown-expanded").removeClass("item-content-dropdown-expanded")):e.detachPageEvents(),e.emit("local::close autocompleteClose",e))},t.prototype.onClosed=function(){var e=this;e.destroyed||(e.opened=!1,e.$el=null,e.el=null,delete e.$el,delete e.el,e.emit("local::closed autocompleteClosed",e))},t.prototype.openPage=function(){var e=this;if(e.opened)return e;var t=e.renderPage();return e.view.router.navigate({url:e.url,route:{content:t,path:e.url,on:{pageBeforeIn:function(t,o){e.onOpen("page",o.el)},pageAfterIn:function(t,o){e.onOpened("page",o.el)},pageBeforeOut:function(t,o){e.onClose("page",o.el)},pageAfterOut:function(t,o){e.onClosed("page",o.el)}},options:{animate:e.params.animate}}}),e},t.prototype.openPopup=function(){var e=this;if(e.opened)return e;var t={content:e.renderPopup(),animate:e.params.animate,on:{popupOpen:function(t){e.onOpen("popup",t.el)},popupOpened:function(t){e.onOpened("popup",t.el)},popupClose:function(t){e.onClose("popup",t.el)},popupClosed:function(t){e.onClosed("popup",t.el)}}};return e.params.routableModals?e.view.router.navigate({url:e.url,route:{path:e.url,popup:t}}):e.modal=e.app.popup.create(t).open(e.params.animate),e},t.prototype.openDropdown=function(){var e=this;e.$dropdownEl||(e.$dropdownEl=o(e.renderDropdown())),e.$inputEl.parents(".list").length&&e.$inputEl.parents(".item-content").length>0&&e.params.expandInput&&e.$inputEl.parents(".item-content").addClass("item-content-dropdown-expanded");var t=e.$inputEl.parents(".page-content");e.params.dropdownContainerEl?o(e.params.dropdownContainerEl).append(e.$dropdownEl):0===t.length?e.$dropdownEl.insertAfter(e.$inputEl):(e.positionDropdown(),t.append(e.$dropdownEl)),e.onOpen("dropdown",e.$dropdownEl),e.onOpened("dropdown",e.$dropdownEl)},t.prototype.open=function(){var e=this;return e.opened?e:(e["open"+e.params.openIn.split("").map(function(e,t){return 0===t?e.toUpperCase():e}).join("")](),e)},t.prototype.close=function(){var e=this;return e.opened?("dropdown"===e.params.openIn?(e.onClose(),e.onClosed()):e.params.routableModals||"page"===e.openedIn?e.view.router.back({animate:e.params.animate}):(e.modal.once("modalClosed",function(){a.nextTick(function(){e.modal.destroy(),delete e.modal})}),e.modal.close()),e):e},t.prototype.init=function(){this.attachEvents()},t.prototype.destroy=function(){var e=this;e.emit("local::beforeDestroy autocompleteBeforeDestroy",e),e.detachEvents(),e.$inputEl&&e.$inputEl[0]&&delete e.$inputEl[0].f7Autocomplete,e.$openerEl&&e.$openerEl[0]&&delete e.$openerEl[0].f7Autocomplete,a.deleteProps(e),e.destroyed=!0},t}(n)),l={name:"autocomplete",params:{autocomplete:{openerEl:void 0,inputEl:void 0,view:void 0,dropdownContainerEl:void 0,dropdownPlaceholderText:void 0,typeahead:!1,highlightMatches:!0,expandInput:!1,updateInputValueOnSelect:!0,inputEvents:"input",value:void 0,multiple:!1,source:void 0,limit:void 0,valueProperty:"id",textProperty:"text",openIn:"page",pageBackLinkText:"Back",popupCloseLinkText:"Close",pageTitle:void 0,searchbarPlaceholder:"Search...",searchbarDisableText:"Cancel",searchbarDisableButton:void 0,animate:!0,autoFocus:!1,closeOnSelect:!1,notFoundText:"Nothing found",requestSourceOnOpen:!1,preloaderColor:void 0,preloader:!1,formColorTheme:void 0,navbarColorTheme:void 0,routableModals:!0,url:"select/",renderDropdown:void 0,renderPage:void 0,renderPopup:void 0,renderItem:void 0,renderSearchbar:void 0,renderNavbar:void 0}},static:{Autocomplete:p},create:function(){var e=this;e.autocomplete=a.extend(r({defaultSelector:void 0,constructor:p,app:e,domProp:"f7Autocomplete"}),{open:function(t){var o=e.autocomplete.get(t);if(o&&o.open)return o.open()},close:function(t){var o=e.autocomplete.get(t);if(o&&o.close)return o.close()}})}};if(t){if(e.prototype.modules&&e.prototype.modules[l.name])return;e.use(l),e.instance&&(e.instance.useModuleParams(l,e.instance.params),e.instance.useModule(l))}return l}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent)) diff --git a/packages/core/components/autocomplete.rtl.css b/packages/core/components/autocomplete.rtl.css index 0fa811082d..5cae8077fa 100644 --- a/packages/core/components/autocomplete.rtl.css +++ b/packages/core/components/autocomplete.rtl.css @@ -1 +1 @@ -:root{--f7-autocomplete-dropdown-bg-color:#fff;--f7-autocomplete-dropdown-placeholder-color:#a9a9a9;--f7-autocomplete-dropdown-preloader-size:20px}.ios{--f7-autocomplete-dropdown-box-shadow:0px 3px 3px rgba(0, 0, 0, 0.2);--f7-autocomplete-dropdown-text-color:#000;--f7-autocomplete-dropdown-text-matching-color:#000;--f7-autocomplete-dropdown-text-matching-font-weight:600;--f7-autocomplete-dropdown-font-size:var(--f7-list-font-size)}.ios .theme-dark,.ios.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1d;--f7-autocomplete-dropdown-text-color:#fff;--f7-autocomplete-dropdown-text-matching-color:#fff}.md{--f7-autocomplete-dropdown-box-shadow:0 2px 2px rgba(0, 0, 0, 0.25);--f7-autocomplete-dropdown-text-color:rgba(0, 0, 0, 0.54);--f7-autocomplete-dropdown-text-matching-color:#212121;--f7-autocomplete-dropdown-text-matching-font-weight:400;--f7-autocomplete-dropdown-font-size:var(--f7-list-font-size)}.md .theme-dark,.md.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1d;--f7-autocomplete-dropdown-text-color:rgba(255, 255, 255, 0.54);--f7-autocomplete-dropdown-text-matching-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-autocomplete-dropdown-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);--f7-autocomplete-dropdown-text-color:#000;--f7-autocomplete-dropdown-text-matching-color:#000;--f7-autocomplete-dropdown-text-matching-font-weight:700;--f7-autocomplete-dropdown-font-size:13px}.aurora .theme-dark,.aurora.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1c;--f7-autocomplete-dropdown-text-color:#fff;--f7-autocomplete-dropdown-text-matching-color:#fff}.autocomplete-page .autocomplete-found{display:block}.autocomplete-page .autocomplete-not-found{display:none}.autocomplete-page .autocomplete-values{display:block}.autocomplete-page .list ul:empty{display:none}.autocomplete-preloader:not(.autocomplete-preloader-visible){visibility:hidden}.autocomplete-preloader:not(.autocomplete-preloader-visible),.autocomplete-preloader:not(.autocomplete-preloader-visible) *{animation:none}.autocomplete-dropdown{background:var(--f7-autocomplete-dropdown-bg-color);box-shadow:var(--f7-autocomplete-dropdown-box-shadow);box-sizing:border-box;position:absolute;z-index:500;width:100%;right:0}.autocomplete-dropdown .autocomplete-dropdown-inner{position:relative;overflow:auto;-webkit-overflow-scrolling:touch;height:100%;z-index:1}.autocomplete-dropdown .autocomplete-preloader{display:none;position:absolute;bottom:100%;width:var(--f7-autocomplete-dropdown-preloader-size);height:var(--f7-autocomplete-dropdown-preloader-size)}.autocomplete-dropdown .autocomplete-preloader-visible{display:block}.autocomplete-dropdown .autocomplete-dropdown-placeholder{color:var(--f7-autocomplete-dropdown-placeholder-color)}.autocomplete-dropdown .list{margin:0;color:var(--f7-autocomplete-dropdown-text-color);font-size:var(--f7-autocomplete-dropdown-font-size)}.autocomplete-dropdown .list b{color:var(--f7-autocomplete-dropdown-text-matching-color);font-weight:var(--f7-autocomplete-dropdown-text-matching-font-weight)}.autocomplete-dropdown .list ul{background:0 0!important}.autocomplete-dropdown .list ul:before{display:none!important}.autocomplete-dropdown .list ul:after{display:none!important}.autocomplete-dropdown .autocomplete-dropdown-selected{background:var(--f7-autocomplete-dropdown-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}.searchbar-input-wrap .autocomplete-dropdown{background-color:var(--f7-searchbar-input-bg-color,var(--f7-searchbar-bg-color));border-radius:var(--f7-searchbar-input-border-radius)}.searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder{color:var(--f7-searchbar-placeholder-color)}.searchbar-input-wrap .autocomplete-dropdown li:last-child{border-radius:0 0 var(--f7-searchbar-input-border-radius) var(--f7-searchbar-input-border-radius);position:relative;overflow:hidden}.searchbar-input-wrap .autocomplete-dropdown .item-content{padding-right:var(--f7-searchbar-input-padding-horizontal)}.list .item-content-dropdown-expanded .item-title.item-label{width:0;flex-shrink:10;overflow:hidden}.list .item-content-dropdown-expanded .item-title.item-label+.item-input-wrap{margin-right:0}.list .item-content-dropdown-expanded .item-input-wrap{width:100%}.ios .autocomplete-dropdown .autocomplete-preloader{left:15px;margin-bottom:12px}.ios .searchbar-input-wrap .autocomplete-dropdown{margin-top:calc(-1 * var(--f7-searchbar-input-height));top:100%;z-index:20}.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner{padding-top:var(--f7-searchbar-input-height)}.md .autocomplete-page .navbar .autocomplete-preloader{margin-left:8px}.md .autocomplete-popup .navbar .autocomplete-preloader{margin-right:8px;margin-left:16px}.md .autocomplete-dropdown .autocomplete-preloader{left:16px;margin-bottom:8px}.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-gap,.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle{border-width:3px}.aurora .autocomplete-dropdown .autocomplete-preloader{left:15px;margin-bottom:2px}.aurora .searchbar-input-wrap .autocomplete-dropdown{margin-top:calc(-1 * var(--f7-searchbar-input-height));top:100%;z-index:20}.aurora .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner{padding-top:var(--f7-searchbar-input-height)} \ No newline at end of file +:root{--f7-autocomplete-dropdown-bg-color:#fff;--f7-autocomplete-dropdown-placeholder-color:#a9a9a9;--f7-autocomplete-dropdown-preloader-size:20px}.ios{--f7-autocomplete-dropdown-box-shadow:0px 3px 3px rgba(0, 0, 0, 0.2);--f7-autocomplete-dropdown-text-color:#000;--f7-autocomplete-dropdown-text-matching-color:#000;--f7-autocomplete-dropdown-text-matching-font-weight:600;--f7-autocomplete-dropdown-font-size:var(--f7-list-font-size)}.ios .theme-dark,.ios.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1d;--f7-autocomplete-dropdown-text-color:#fff;--f7-autocomplete-dropdown-text-matching-color:#fff}.md{--f7-autocomplete-dropdown-box-shadow:0 2px 2px rgba(0, 0, 0, 0.25);--f7-autocomplete-dropdown-text-color:rgba(0, 0, 0, 0.54);--f7-autocomplete-dropdown-text-matching-color:#212121;--f7-autocomplete-dropdown-text-matching-font-weight:400;--f7-autocomplete-dropdown-font-size:var(--f7-list-font-size)}.md .theme-dark,.md.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1d;--f7-autocomplete-dropdown-text-color:rgba(255, 255, 255, 0.54);--f7-autocomplete-dropdown-text-matching-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-autocomplete-dropdown-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);--f7-autocomplete-dropdown-text-color:#000;--f7-autocomplete-dropdown-text-matching-color:#000;--f7-autocomplete-dropdown-text-matching-font-weight:700;--f7-autocomplete-dropdown-font-size:13px}.aurora .theme-dark,.aurora.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1c;--f7-autocomplete-dropdown-text-color:#fff;--f7-autocomplete-dropdown-text-matching-color:#fff}.autocomplete-page .autocomplete-found{display:block}.autocomplete-page .autocomplete-not-found{display:none}.autocomplete-page .autocomplete-values{display:block}.autocomplete-page .list ul:empty{display:none}.autocomplete-preloader:not(.autocomplete-preloader-visible){visibility:hidden}.autocomplete-preloader:not(.autocomplete-preloader-visible),.autocomplete-preloader:not(.autocomplete-preloader-visible) *{animation:none}.autocomplete-dropdown{background:var(--f7-autocomplete-dropdown-bg-color);box-shadow:var(--f7-autocomplete-dropdown-box-shadow);box-sizing:border-box;position:absolute;z-index:500;width:100%;right:0}.autocomplete-dropdown .autocomplete-dropdown-inner{position:relative;overflow:auto;-webkit-overflow-scrolling:touch;height:100%;z-index:1}.autocomplete-dropdown .autocomplete-preloader{display:none;position:absolute;bottom:100%;width:var(--f7-autocomplete-dropdown-preloader-size);height:var(--f7-autocomplete-dropdown-preloader-size)}.autocomplete-dropdown .autocomplete-preloader-visible{display:block}.autocomplete-dropdown .autocomplete-dropdown-placeholder{color:var(--f7-autocomplete-dropdown-placeholder-color)}.autocomplete-dropdown .list{margin:0;color:var(--f7-autocomplete-dropdown-text-color);font-size:var(--f7-autocomplete-dropdown-font-size)}.autocomplete-dropdown .list b{color:var(--f7-autocomplete-dropdown-text-matching-color);font-weight:var(--f7-autocomplete-dropdown-text-matching-font-weight)}.autocomplete-dropdown .list ul{background:0 0!important}.autocomplete-dropdown .list ul:before{display:none!important}.autocomplete-dropdown .list ul:after{display:none!important}.autocomplete-dropdown .autocomplete-dropdown-selected{background:var(--f7-autocomplete-dropdown-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}.searchbar-input-wrap .autocomplete-dropdown{background-color:var(--f7-searchbar-input-bg-color,var(--f7-searchbar-bg-color));border-radius:var(--f7-searchbar-input-border-radius)}.searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder{color:var(--f7-searchbar-placeholder-color)}.searchbar-input-wrap .autocomplete-dropdown li:last-child{border-radius:0 0 var(--f7-searchbar-input-border-radius) var(--f7-searchbar-input-border-radius);position:relative;overflow:hidden}.searchbar-input-wrap .autocomplete-dropdown .item-content{padding-right:var(--f7-searchbar-input-padding-horizontal)}.list .item-content-dropdown-expanded .item-title.item-label{width:0;flex-shrink:10;overflow:hidden}.list .item-content-dropdown-expanded .item-title.item-label+.item-input-wrap{margin-right:0}.list .item-content-dropdown-expanded .item-input-wrap{width:100%}.ios .autocomplete-dropdown .autocomplete-preloader{left:16px;margin-bottom:12px}.ios .searchbar-input-wrap .autocomplete-dropdown{margin-top:calc(-1 * var(--f7-searchbar-input-height));top:100%;z-index:20}.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner{padding-top:var(--f7-searchbar-input-height)}.md .autocomplete-page .navbar .autocomplete-preloader{margin-left:8px}.md .autocomplete-popup .navbar .autocomplete-preloader{margin-right:8px;margin-left:16px}.md .autocomplete-dropdown .autocomplete-preloader{left:16px;margin-bottom:8px}.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-gap,.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle{border-width:3px}.aurora .autocomplete-dropdown .autocomplete-preloader{left:16px;margin-bottom:2px}.aurora .searchbar-input-wrap .autocomplete-dropdown{margin-top:calc(-1 * var(--f7-searchbar-input-height));top:100%;z-index:20}.aurora .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner{padding-top:var(--f7-searchbar-input-height)} \ No newline at end of file diff --git a/packages/core/components/autocomplete/autocomplete-aurora.less b/packages/core/components/autocomplete/autocomplete-aurora.less index 4802485961..5aecd3e17f 100644 --- a/packages/core/components/autocomplete/autocomplete-aurora.less +++ b/packages/core/components/autocomplete/autocomplete-aurora.less @@ -1,8 +1,8 @@ .aurora { .autocomplete-dropdown { .autocomplete-preloader { - .ltr({ right: 15px; }); - .rtl({ left: 15px; }); + .ltr({ right: 16px; }); + .rtl({ left: 16px; }); margin-bottom: 2px; } } diff --git a/packages/core/components/autocomplete/autocomplete-class.js b/packages/core/components/autocomplete/autocomplete-class.js index 4de98b388e..9320d55f4c 100644 --- a/packages/core/components/autocomplete/autocomplete-class.js +++ b/packages/core/components/autocomplete/autocomplete-class.js @@ -561,8 +561,8 @@ class Autocomplete extends Framework7Class { `; const navbarHtml = `
                +
                -
                ${navbarLeft} ${pageTitle ? `
                ${pageTitle}
                ` : ''} ${navbarRight} diff --git a/packages/core/components/autocomplete/autocomplete-ios.less b/packages/core/components/autocomplete/autocomplete-ios.less index 08a2488fbd..ecbcdfb002 100644 --- a/packages/core/components/autocomplete/autocomplete-ios.less +++ b/packages/core/components/autocomplete/autocomplete-ios.less @@ -1,8 +1,8 @@ .ios { .autocomplete-dropdown { .autocomplete-preloader { - .ltr({ right: 15px; }); - .rtl({ left: 15px; }); + .ltr({ right: 16px; }); + .rtl({ left: 16px; }); margin-bottom: 12px; } } diff --git a/packages/core/components/block/block-vars.less b/packages/core/components/block/block-vars.less index 89b58451ed..bc84f45f20 100644 --- a/packages/core/components/block/block-vars.less +++ b/packages/core/components/block/block-vars.less @@ -1,4 +1,6 @@ :root { + --f7-block-padding-horizontal: 16px; + --f7-block-padding-vertical: 16px; --f7-block-font-size: inherit; --f7-block-text-color: inherit; --f7-block-strong-bg-color: #fff; @@ -12,7 +14,9 @@ --f7-block-title-medium-text-transform: none; --f7-block-title-large-text-color: #000; --f7-block-title-large-text-transform: none; + --f7-block-inset-side-margin: 16px; .theme-dark, &.theme-dark { + --f7-block-title-text-color: #fff; --f7-block-strong-border-color: rgba(255, 255, 255, 0.15); --f7-block-title-medium-text-color: #fff; --f7-block-title-large-text-color: #fff; @@ -20,8 +24,6 @@ } } .ios-vars({ - --f7-block-padding-horizontal: 15px; - --f7-block-padding-vertical: 15px; --f7-block-margin-vertical: 35px; --f7-block-strong-text-color: #000; --f7-block-strong-border-color: rgba(0,0,0,0.22); @@ -36,21 +38,16 @@ --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-side-margin: 15px; --f7-block-inset-border-radius: 7px; --f7-block-header-text-color: rgba(0, 0, 0, 0.45); --f7-block-footer-text-color: rgba(0, 0, 0, 0.45); .theme-dark, &.theme-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; } }); .md-vars({ - - --f7-block-padding-horizontal: 16px; - --f7-block-padding-vertical: 16px; --f7-block-margin-vertical: 32px; --f7-block-strong-text-color: inherit; --f7-block-strong-border-color: rgba(0,0,0,0.12); @@ -65,20 +62,15 @@ --f7-block-title-large-font-size: 34px; --f7-block-title-large-font-weight: 500; --f7-block-title-large-line-height: 1.2; - --f7-block-inset-side-margin: 16px; --f7-block-inset-border-radius: 4px; --f7-block-header-text-color: rgba(0,0,0,0.54); --f7-block-footer-text-color: rgba(0,0,0,0.54); .theme-dark, &.theme-dark { - --f7-block-title-text-color: #fff; --f7-block-header-text-color: rgba(255,255,255,0.54); --f7-block-footer-text-color: rgba(255,255,255,0.54); } }); .aurora-vars({ - - --f7-block-padding-horizontal: 15px; - --f7-block-padding-vertical: 15px; --f7-block-margin-vertical: 15px; --f7-block-strong-text-color: inherit; --f7-block-strong-border-color: rgba(0,0,0,0.12); @@ -94,14 +86,12 @@ --f7-block-title-large-font-size: 28px; --f7-block-title-large-font-weight: bold; --f7-block-title-large-line-height: 1.3; - --f7-block-inset-side-margin: 15px; --f7-block-inset-border-radius: 4px; --f7-block-header-text-color: rgba(0,0,0,0.6); --f7-block-footer-text-color: rgba(0,0,0,0.6); .theme-dark, &.theme-dark { - --f7-block-title-text-color: #fff; - --f7-block-header-text-color: rgba(255,255,255,0.52); - --f7-block-footer-text-color: rgba(255,255,255,0.52); + --f7-block-header-text-color: rgba(255,255,255,0.54); + --f7-block-footer-text-color: rgba(255,255,255,0.54); --f7-block-strong-text-color: #fff; } }); \ No newline at end of file diff --git a/packages/core/components/button/button-vars.less b/packages/core/components/button/button-vars.less index 2ffe311d2e..148c1cdcb5 100644 --- a/packages/core/components/button/button-vars.less +++ b/packages/core/components/button/button-vars.less @@ -10,6 +10,7 @@ --f7-button-fill-bg-color: var(--f7-theme-color); --f7-button-outline-border-color: var(--f7-theme-color); */ + --f7-button-outline-border-width: 2px; --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); @@ -17,6 +18,7 @@ --f7-segmented-strong-bg-color: rgba(0,0,0,0.07); --f7-segmented-strong-padding: 2px; --f7-segmented-strong-between-buttons: 4px; + --f7-segmented-strong-button-font-weight: 500; --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); @@ -44,7 +46,6 @@ --f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); --f7-button-fill-pressed-bg-color: var(--f7-theme-color-tint); */ - --f7-button-outline-border-width: 2px; --f7-button-large-height: 44px; --f7-button-large-font-size: 17px; --f7-button-large-font-weight: 500; @@ -55,9 +56,7 @@ --f7-button-small-text-transform: uppercase; --f7-button-small-outline-border-width: 2px; - --f7-segmented-strong-button-text-transform: none; - --f7-segmented-strong-button-font-weight: 500; --f7-segmented-strong-button-active-font-weight: 600; }); .md-vars({ @@ -72,7 +71,6 @@ /* --f7-button-fill-pressed-bg-color: var(--f7-theme-color-shade); */ - --f7-button-outline-border-width: 2px; --f7-button-large-height: 48px; --f7-button-large-font-size: 14px; --f7-button-large-font-weight: 500; @@ -84,7 +82,6 @@ --f7-button-small-outline-border-width: 2px; --f7-segmented-strong-button-text-transform: uppercase; - --f7-segmented-strong-button-font-weight: 500; --f7-segmented-strong-button-active-font-weight: 500; .theme-dark, &.theme-dark { --f7-button-pressed-bg-color: rgba(255,255,255,0.1); @@ -107,7 +104,6 @@ --f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); --f7-button-fill-pressed-bg-color: var(--f7-theme-color-shade); */ - --f7-button-outline-border-width: 2px; --f7-button-large-height: 34px; --f7-button-large-font-size: 14px; --f7-button-large-font-weight: 600; @@ -118,6 +114,5 @@ --f7-button-small-text-transform: none; --f7-button-small-outline-border-width: 1px; --f7-segmented-strong-button-text-transform: none; - --f7-segmented-strong-button-font-weight: 500; --f7-segmented-strong-button-active-font-weight: 600; }); \ No newline at end of file diff --git a/packages/core/components/calendar.css b/packages/core/components/calendar.css index 24a354cd01..e9002b7c5c 100644 --- a/packages/core/components/calendar.css +++ b/packages/core/components/calendar.css @@ -1 +1 @@ -:root{--f7-calendar-height:320px;--f7-calendar-sheet-landscape-height:220px;--f7-calendar-sheet-bg-color:#fff;--f7-calendar-popover-width:320px;--f7-calendar-popover-height:320px;--f7-calendar-modal-height:420px;--f7-calendar-modal-max-width:380px;--f7-calendar-modal-border-radius:4px;--f7-calendar-modal-bg-color:#fff;--f7-calendar-footer-padding:0 8px;--f7-calendar-week-header-font-size:11px;--f7-calendar-day-text-color:#000;--f7-calendar-selected-text-color:#fff;--f7-calendar-prev-next-text-color:#b8b8b8;--f7-calendar-disabled-text-color:#d4d4d4;--f7-calendar-event-dot-size:4px}:root .theme-dark,:root.theme-dark{--f7-calendar-sheet-border-color:var(--f7-bars-border-color);--f7-calendar-modal-bg-color:#171717;--f7-calendar-sheet-bg-color:#171717}.ios{--f7-calendar-sheet-border-color:#929499;--f7-calendar-header-height:44px;--f7-calendar-header-font-size:17px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 8px;--f7-calendar-footer-height:44px;--f7-calendar-footer-font-size:17px;--f7-calendar-week-header-height:18px;--f7-calendar-row-border-color:rgba(0, 0, 0, 0.25);--f7-calendar-day-font-size:15px;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3;--f7-calendar-day-size:30px}.ios .theme-dark,.ios.theme-dark{--f7-calendar-row-border-color:var(--f7-bars-border-color);--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.md{--f7-calendar-sheet-border-color:#ccc;--f7-calendar-header-height:56px;--f7-calendar-header-font-size:20px;--f7-calendar-header-font-weight:400;--f7-calendar-header-padding:0 24px;--f7-calendar-footer-height:48px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:24px;--f7-calendar-row-border-color:transparent;--f7-calendar-day-font-size:14px;--f7-calendar-today-bg-color:none;--f7-calendar-day-size:32px}.md .theme-dark,.md.theme-dark{--f7-calendar-day-text-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-calendar-sheet-border-color:#ccc;--f7-calendar-header-height:38px;--f7-calendar-header-font-size:14px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 8px;--f7-calendar-footer-height:38px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:18px;--f7-calendar-row-border-color:#e3e3e3;--f7-calendar-day-font-size:13px;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3;--f7-calendar-day-size:30px}.aurora .theme-dark,.aurora.theme-dark{--f7-calendar-row-border-color:var(--f7-bars-border-color);--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.calendar{overflow:hidden;height:var(--f7-calendar-height);width:100%;display:flex;flex-direction:column}.calendar.modal-in{display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:var(--f7-calendar-sheet-landscape-height)}.calendar.calendar-modal{height:calc(100vh - var(--f7-navbar-height))}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-sheet{--f7-sheet-border-color:var(--f7-calendar-sheet-border-color);background:var(--f7-calendar-sheet-bg-color)}.calendar-sheet:before{z-index:600}.calendar-sheet .sheet-modal-inner{margin-bottom:var(--f7-safe-area-bottom)}.calendar-modal .toolbar:before,.calendar-popover .toolbar:before,.calendar-sheet .toolbar:before{display:none}.calendar-popover{width:var(--f7-calendar-popover-width)}.calendar-popover .calendar{height:var(--f7-calendar-popover-height);border-radius:var(--f7-popover-border-radius)}.calendar-header{width:100%;position:relative;overflow:hidden;flex-shrink:0;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;padding:var(--f7-calendar-header-padding);background-color:var(--f7-calendar-header-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-header-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-header-height);line-height:var(--f7-calendar-header-height);font-size:var(--f7-calendar-header-font-size);font-weight:var(--f7-calendar-header-font-weight)}.calendar-header a{color:var(--f7-calendar-header-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer{width:100%;flex-shrink:0;padding:var(--f7-calendar-footer-padding);background-color:var(--f7-calendar-footer-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-footer-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-footer-height);font-size:var(--f7-calendar-header-font-size);display:flex;justify-content:flex-end;box-sizing:border-box;align-items:center;position:relative}.calendar-footer a{color:var(--f7-calendar-footer-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer:before{content:'';position:absolute;background-color:var(--f7-calendar-footer-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.calendar-modal{position:absolute;height:var(--f7-calendar-modal-height);overflow:hidden;top:50%;left:50%;min-width:300px;max-width:var(--f7-calendar-modal-max-width);transform:translate3d(-50%,100%,0);transition-property:transform;display:flex;z-index:12000;background:var(--f7-calendar-modal-bg-color);width:90%;border-radius:var(--f7-calendar-modal-border-radius);box-shadow:var(--f7-elevation-24)}.calendar-modal.modal-in,.calendar-modal.modal-out{transition-duration:.4s}.calendar-modal.modal-in{transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{transform:translate3d(-50%,100%,0)}.calendar-week-header{display:flex;box-sizing:border-box;position:relative;font-size:var(--f7-calendar-week-header-font-size);background-color:var(--f7-calendar-week-header-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-week-header-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-week-header-height);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}.calendar-week-header .calendar-week-day{flex-shrink:1;width:calc(100% / 7);text-align:center;line-height:var(--f7-calendar-week-header-height)}.calendar-months{width:100%;height:100%;overflow:hidden;position:relative;flex-shrink:10}.calendar-months-wrapper{position:relative;width:100%;height:100%;transition:.3s}.calendar-month{display:flex;flex-direction:column;width:100%;height:100%;position:absolute;left:0;top:0}.calendar-row{height:16.66666667%;height:calc(100% / 6);display:flex;flex-shrink:1;width:100%;position:relative;box-sizing:border-box;padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}.calendar-row:before{content:'';position:absolute;background-color:var(--f7-calendar-row-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.calendar-modal .calendar-months:first-child .calendar-row:first-child:before,.calendar-popover .calendar-months:first-child .calendar-row:first-child:before{display:none!important}.calendar-day{flex-shrink:1;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:14.28571429%;width:calc(100% / 7);text-align:center;cursor:pointer;z-index:20;color:var(--f7-calendar-day-text-color);height:100%;font-size:var(--f7-calendar-day-font-size)}.calendar-day.calendar-day-today .calendar-day-number{color:var(--f7-calendar-today-text-color,var(--f7-theme-color));background-color:var(--f7-calendar-today-bg-color)}.calendar-day.calendar-day-next,.calendar-day.calendar-day-prev{color:var(--f7-calendar-prev-next-text-color)}.calendar-day.calendar-day-disabled{color:var(--f7-calendar-disabled-text-color);cursor:auto}.calendar-day.calendar-day-selected .calendar-day-number{color:var(--f7-calendar-selected-text-color);background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color))}.calendar-day .calendar-day-number{display:inline-block;border-radius:50%;position:relative;width:var(--f7-calendar-day-size);height:var(--f7-calendar-day-size);line-height:var(--f7-calendar-day-size)}.calendar-day .calendar-day-events{position:absolute;display:flex;left:0;width:100%;top:100%;align-items:center;justify-content:center;margin-top:1px}.calendar-day .calendar-day-event{width:var(--f7-calendar-event-dot-size);height:var(--f7-calendar-event-dot-size);border-radius:calc(var(--f7-calendar-event-dot-size)/ 2);background-color:var(--f7-calendar-event-bg-color)}.calendar-day .calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-range .calendar-day.calendar-day-selected{align-items:stretch;align-content:stretch}.calendar-range .calendar-day.calendar-day-selected .calendar-day-number{width:100%;border-radius:0;height:auto;text-align:center;display:flex;align-items:center;justify-content:center}.calendar-month-selector,.calendar-year-selector{display:flex;justify-content:space-between;align-items:center;width:50%;max-width:200px;flex-shrink:10;margin-left:auto;margin-right:auto}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{flex-shrink:1;position:relative;overflow:hidden;text-overflow:ellipsis}.calendar-month-selector a.icon-only,.calendar-year-selector a.icon-only{min-width:36px} \ No newline at end of file +:root{--f7-calendar-height:320px;--f7-calendar-sheet-landscape-height:220px;--f7-calendar-sheet-bg-color:#fff;--f7-calendar-popover-width:320px;--f7-calendar-popover-height:320px;--f7-calendar-modal-height:420px;--f7-calendar-modal-max-width:380px;--f7-calendar-modal-border-radius:4px;--f7-calendar-modal-bg-color:#fff;--f7-calendar-footer-padding:0 8px;--f7-calendar-week-header-font-size:11px;--f7-calendar-day-text-color:#000;--f7-calendar-selected-text-color:#fff;--f7-calendar-prev-next-text-color:#b8b8b8;--f7-calendar-disabled-text-color:#d4d4d4;--f7-calendar-event-dot-size:4px}:root .theme-dark,:root.theme-dark{--f7-calendar-sheet-border-color:var(--f7-bars-border-color);--f7-calendar-modal-bg-color:#121212;--f7-calendar-sheet-bg-color:#121212}.ios{--f7-calendar-sheet-border-color:#929499;--f7-calendar-header-height:44px;--f7-calendar-header-font-size:17px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 8px;--f7-calendar-footer-height:44px;--f7-calendar-footer-font-size:17px;--f7-calendar-week-header-height:18px;--f7-calendar-row-border-color:rgba(0, 0, 0, 0.25);--f7-calendar-day-font-size:15px;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3;--f7-calendar-day-size:30px}.ios .theme-dark,.ios.theme-dark{--f7-calendar-row-border-color:var(--f7-bars-border-color);--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.md{--f7-calendar-sheet-border-color:#ccc;--f7-calendar-header-height:56px;--f7-calendar-header-font-size:20px;--f7-calendar-header-font-weight:400;--f7-calendar-header-padding:0 24px;--f7-calendar-footer-height:48px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:24px;--f7-calendar-row-border-color:transparent;--f7-calendar-day-font-size:14px;--f7-calendar-today-bg-color:none;--f7-calendar-day-size:32px}.md .theme-dark,.md.theme-dark{--f7-calendar-day-text-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-calendar-sheet-border-color:#ccc;--f7-calendar-header-height:38px;--f7-calendar-header-font-size:14px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 8px;--f7-calendar-footer-height:38px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:18px;--f7-calendar-row-border-color:#e3e3e3;--f7-calendar-day-font-size:13px;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3;--f7-calendar-day-size:30px}.aurora .theme-dark,.aurora.theme-dark{--f7-calendar-row-border-color:var(--f7-bars-border-color);--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.calendar{overflow:hidden;height:var(--f7-calendar-height);width:100%;display:flex;flex-direction:column}.calendar.modal-in{display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:var(--f7-calendar-sheet-landscape-height)}.calendar.calendar-modal{height:calc(100vh - var(--f7-navbar-height))}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-sheet{--f7-sheet-border-color:var(--f7-calendar-sheet-border-color);background:var(--f7-calendar-sheet-bg-color)}.calendar-sheet:before{z-index:600}.calendar-sheet .sheet-modal-inner{margin-bottom:var(--f7-safe-area-bottom)}.calendar-modal .toolbar:before,.calendar-popover .toolbar:before,.calendar-sheet .toolbar:before{display:none}.calendar-popover{width:var(--f7-calendar-popover-width)}.calendar-popover .calendar{height:var(--f7-calendar-popover-height);border-radius:var(--f7-popover-border-radius)}.calendar-header{width:100%;position:relative;overflow:hidden;flex-shrink:0;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;padding:var(--f7-calendar-header-padding);background-color:var(--f7-calendar-header-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-header-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-header-height);line-height:var(--f7-calendar-header-height);font-size:var(--f7-calendar-header-font-size);font-weight:var(--f7-calendar-header-font-weight)}.calendar-header a{color:var(--f7-calendar-header-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer{width:100%;flex-shrink:0;padding:var(--f7-calendar-footer-padding);background-color:var(--f7-calendar-footer-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-footer-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-footer-height);font-size:var(--f7-calendar-header-font-size);display:flex;justify-content:flex-end;box-sizing:border-box;align-items:center;position:relative}.calendar-footer a{color:var(--f7-calendar-footer-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer:before{content:'';position:absolute;background-color:var(--f7-calendar-footer-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.calendar-modal{position:absolute;height:var(--f7-calendar-modal-height);overflow:hidden;top:50%;left:50%;min-width:300px;max-width:var(--f7-calendar-modal-max-width);transform:translate3d(-50%,100%,0);transition-property:transform;display:flex;z-index:12000;background:var(--f7-calendar-modal-bg-color);width:90%;border-radius:var(--f7-calendar-modal-border-radius);box-shadow:var(--f7-elevation-24)}.calendar-modal.modal-in,.calendar-modal.modal-out{transition-duration:.4s}.calendar-modal.modal-in{transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{transform:translate3d(-50%,100%,0)}.calendar-week-header{display:flex;box-sizing:border-box;position:relative;font-size:var(--f7-calendar-week-header-font-size);background-color:var(--f7-calendar-week-header-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-week-header-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-week-header-height);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}.calendar-week-header .calendar-week-day{flex-shrink:1;width:calc(100% / 7);text-align:center;line-height:var(--f7-calendar-week-header-height)}.calendar-months{width:100%;height:100%;overflow:hidden;position:relative;flex-shrink:10}.calendar-months-wrapper{position:relative;width:100%;height:100%;transition:.3s}.calendar-month{display:flex;flex-direction:column;width:100%;height:100%;position:absolute;left:0;top:0}.calendar-row{height:16.66666667%;height:calc(100% / 6);display:flex;flex-shrink:1;width:100%;position:relative;box-sizing:border-box;padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}.calendar-row:before{content:'';position:absolute;background-color:var(--f7-calendar-row-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.calendar-modal .calendar-months:first-child .calendar-row:first-child:before,.calendar-popover .calendar-months:first-child .calendar-row:first-child:before{display:none!important}.calendar-day{flex-shrink:1;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:14.28571429%;width:calc(100% / 7);text-align:center;cursor:pointer;z-index:20;color:var(--f7-calendar-day-text-color);height:100%;font-size:var(--f7-calendar-day-font-size)}.calendar-day.calendar-day-today .calendar-day-number{color:var(--f7-calendar-today-text-color,var(--f7-theme-color));background-color:var(--f7-calendar-today-bg-color)}.calendar-day.calendar-day-next,.calendar-day.calendar-day-prev{color:var(--f7-calendar-prev-next-text-color)}.calendar-day.calendar-day-disabled{color:var(--f7-calendar-disabled-text-color);cursor:auto}.calendar-day.calendar-day-selected .calendar-day-number{color:var(--f7-calendar-selected-text-color);background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color))}.calendar-day .calendar-day-number{display:inline-block;border-radius:50%;position:relative;width:var(--f7-calendar-day-size);height:var(--f7-calendar-day-size);line-height:var(--f7-calendar-day-size)}.calendar-day .calendar-day-events{position:absolute;display:flex;left:0;width:100%;top:100%;align-items:center;justify-content:center;margin-top:1px}.calendar-day .calendar-day-event{width:var(--f7-calendar-event-dot-size);height:var(--f7-calendar-event-dot-size);border-radius:calc(var(--f7-calendar-event-dot-size)/ 2);background-color:var(--f7-calendar-event-bg-color)}.calendar-day .calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-range .calendar-day.calendar-day-selected{align-items:stretch;align-content:stretch}.calendar-range .calendar-day.calendar-day-selected .calendar-day-number{width:100%;border-radius:0;height:auto;text-align:center;display:flex;align-items:center;justify-content:center}.calendar-month-selector,.calendar-year-selector{display:flex;justify-content:space-between;align-items:center;width:50%;max-width:200px;flex-shrink:10;margin-left:auto;margin-right:auto}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{flex-shrink:1;position:relative;overflow:hidden;text-overflow:ellipsis}.calendar-month-selector a.icon-only,.calendar-year-selector a.icon-only{min-width:36px} \ No newline at end of file diff --git a/packages/core/components/calendar.rtl.css b/packages/core/components/calendar.rtl.css index 24a354cd01..e9002b7c5c 100644 --- a/packages/core/components/calendar.rtl.css +++ b/packages/core/components/calendar.rtl.css @@ -1 +1 @@ -:root{--f7-calendar-height:320px;--f7-calendar-sheet-landscape-height:220px;--f7-calendar-sheet-bg-color:#fff;--f7-calendar-popover-width:320px;--f7-calendar-popover-height:320px;--f7-calendar-modal-height:420px;--f7-calendar-modal-max-width:380px;--f7-calendar-modal-border-radius:4px;--f7-calendar-modal-bg-color:#fff;--f7-calendar-footer-padding:0 8px;--f7-calendar-week-header-font-size:11px;--f7-calendar-day-text-color:#000;--f7-calendar-selected-text-color:#fff;--f7-calendar-prev-next-text-color:#b8b8b8;--f7-calendar-disabled-text-color:#d4d4d4;--f7-calendar-event-dot-size:4px}:root .theme-dark,:root.theme-dark{--f7-calendar-sheet-border-color:var(--f7-bars-border-color);--f7-calendar-modal-bg-color:#171717;--f7-calendar-sheet-bg-color:#171717}.ios{--f7-calendar-sheet-border-color:#929499;--f7-calendar-header-height:44px;--f7-calendar-header-font-size:17px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 8px;--f7-calendar-footer-height:44px;--f7-calendar-footer-font-size:17px;--f7-calendar-week-header-height:18px;--f7-calendar-row-border-color:rgba(0, 0, 0, 0.25);--f7-calendar-day-font-size:15px;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3;--f7-calendar-day-size:30px}.ios .theme-dark,.ios.theme-dark{--f7-calendar-row-border-color:var(--f7-bars-border-color);--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.md{--f7-calendar-sheet-border-color:#ccc;--f7-calendar-header-height:56px;--f7-calendar-header-font-size:20px;--f7-calendar-header-font-weight:400;--f7-calendar-header-padding:0 24px;--f7-calendar-footer-height:48px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:24px;--f7-calendar-row-border-color:transparent;--f7-calendar-day-font-size:14px;--f7-calendar-today-bg-color:none;--f7-calendar-day-size:32px}.md .theme-dark,.md.theme-dark{--f7-calendar-day-text-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-calendar-sheet-border-color:#ccc;--f7-calendar-header-height:38px;--f7-calendar-header-font-size:14px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 8px;--f7-calendar-footer-height:38px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:18px;--f7-calendar-row-border-color:#e3e3e3;--f7-calendar-day-font-size:13px;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3;--f7-calendar-day-size:30px}.aurora .theme-dark,.aurora.theme-dark{--f7-calendar-row-border-color:var(--f7-bars-border-color);--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.calendar{overflow:hidden;height:var(--f7-calendar-height);width:100%;display:flex;flex-direction:column}.calendar.modal-in{display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:var(--f7-calendar-sheet-landscape-height)}.calendar.calendar-modal{height:calc(100vh - var(--f7-navbar-height))}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-sheet{--f7-sheet-border-color:var(--f7-calendar-sheet-border-color);background:var(--f7-calendar-sheet-bg-color)}.calendar-sheet:before{z-index:600}.calendar-sheet .sheet-modal-inner{margin-bottom:var(--f7-safe-area-bottom)}.calendar-modal .toolbar:before,.calendar-popover .toolbar:before,.calendar-sheet .toolbar:before{display:none}.calendar-popover{width:var(--f7-calendar-popover-width)}.calendar-popover .calendar{height:var(--f7-calendar-popover-height);border-radius:var(--f7-popover-border-radius)}.calendar-header{width:100%;position:relative;overflow:hidden;flex-shrink:0;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;padding:var(--f7-calendar-header-padding);background-color:var(--f7-calendar-header-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-header-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-header-height);line-height:var(--f7-calendar-header-height);font-size:var(--f7-calendar-header-font-size);font-weight:var(--f7-calendar-header-font-weight)}.calendar-header a{color:var(--f7-calendar-header-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer{width:100%;flex-shrink:0;padding:var(--f7-calendar-footer-padding);background-color:var(--f7-calendar-footer-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-footer-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-footer-height);font-size:var(--f7-calendar-header-font-size);display:flex;justify-content:flex-end;box-sizing:border-box;align-items:center;position:relative}.calendar-footer a{color:var(--f7-calendar-footer-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer:before{content:'';position:absolute;background-color:var(--f7-calendar-footer-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.calendar-modal{position:absolute;height:var(--f7-calendar-modal-height);overflow:hidden;top:50%;left:50%;min-width:300px;max-width:var(--f7-calendar-modal-max-width);transform:translate3d(-50%,100%,0);transition-property:transform;display:flex;z-index:12000;background:var(--f7-calendar-modal-bg-color);width:90%;border-radius:var(--f7-calendar-modal-border-radius);box-shadow:var(--f7-elevation-24)}.calendar-modal.modal-in,.calendar-modal.modal-out{transition-duration:.4s}.calendar-modal.modal-in{transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{transform:translate3d(-50%,100%,0)}.calendar-week-header{display:flex;box-sizing:border-box;position:relative;font-size:var(--f7-calendar-week-header-font-size);background-color:var(--f7-calendar-week-header-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-week-header-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-week-header-height);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}.calendar-week-header .calendar-week-day{flex-shrink:1;width:calc(100% / 7);text-align:center;line-height:var(--f7-calendar-week-header-height)}.calendar-months{width:100%;height:100%;overflow:hidden;position:relative;flex-shrink:10}.calendar-months-wrapper{position:relative;width:100%;height:100%;transition:.3s}.calendar-month{display:flex;flex-direction:column;width:100%;height:100%;position:absolute;left:0;top:0}.calendar-row{height:16.66666667%;height:calc(100% / 6);display:flex;flex-shrink:1;width:100%;position:relative;box-sizing:border-box;padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}.calendar-row:before{content:'';position:absolute;background-color:var(--f7-calendar-row-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.calendar-modal .calendar-months:first-child .calendar-row:first-child:before,.calendar-popover .calendar-months:first-child .calendar-row:first-child:before{display:none!important}.calendar-day{flex-shrink:1;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:14.28571429%;width:calc(100% / 7);text-align:center;cursor:pointer;z-index:20;color:var(--f7-calendar-day-text-color);height:100%;font-size:var(--f7-calendar-day-font-size)}.calendar-day.calendar-day-today .calendar-day-number{color:var(--f7-calendar-today-text-color,var(--f7-theme-color));background-color:var(--f7-calendar-today-bg-color)}.calendar-day.calendar-day-next,.calendar-day.calendar-day-prev{color:var(--f7-calendar-prev-next-text-color)}.calendar-day.calendar-day-disabled{color:var(--f7-calendar-disabled-text-color);cursor:auto}.calendar-day.calendar-day-selected .calendar-day-number{color:var(--f7-calendar-selected-text-color);background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color))}.calendar-day .calendar-day-number{display:inline-block;border-radius:50%;position:relative;width:var(--f7-calendar-day-size);height:var(--f7-calendar-day-size);line-height:var(--f7-calendar-day-size)}.calendar-day .calendar-day-events{position:absolute;display:flex;left:0;width:100%;top:100%;align-items:center;justify-content:center;margin-top:1px}.calendar-day .calendar-day-event{width:var(--f7-calendar-event-dot-size);height:var(--f7-calendar-event-dot-size);border-radius:calc(var(--f7-calendar-event-dot-size)/ 2);background-color:var(--f7-calendar-event-bg-color)}.calendar-day .calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-range .calendar-day.calendar-day-selected{align-items:stretch;align-content:stretch}.calendar-range .calendar-day.calendar-day-selected .calendar-day-number{width:100%;border-radius:0;height:auto;text-align:center;display:flex;align-items:center;justify-content:center}.calendar-month-selector,.calendar-year-selector{display:flex;justify-content:space-between;align-items:center;width:50%;max-width:200px;flex-shrink:10;margin-left:auto;margin-right:auto}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{flex-shrink:1;position:relative;overflow:hidden;text-overflow:ellipsis}.calendar-month-selector a.icon-only,.calendar-year-selector a.icon-only{min-width:36px} \ No newline at end of file +:root{--f7-calendar-height:320px;--f7-calendar-sheet-landscape-height:220px;--f7-calendar-sheet-bg-color:#fff;--f7-calendar-popover-width:320px;--f7-calendar-popover-height:320px;--f7-calendar-modal-height:420px;--f7-calendar-modal-max-width:380px;--f7-calendar-modal-border-radius:4px;--f7-calendar-modal-bg-color:#fff;--f7-calendar-footer-padding:0 8px;--f7-calendar-week-header-font-size:11px;--f7-calendar-day-text-color:#000;--f7-calendar-selected-text-color:#fff;--f7-calendar-prev-next-text-color:#b8b8b8;--f7-calendar-disabled-text-color:#d4d4d4;--f7-calendar-event-dot-size:4px}:root .theme-dark,:root.theme-dark{--f7-calendar-sheet-border-color:var(--f7-bars-border-color);--f7-calendar-modal-bg-color:#121212;--f7-calendar-sheet-bg-color:#121212}.ios{--f7-calendar-sheet-border-color:#929499;--f7-calendar-header-height:44px;--f7-calendar-header-font-size:17px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 8px;--f7-calendar-footer-height:44px;--f7-calendar-footer-font-size:17px;--f7-calendar-week-header-height:18px;--f7-calendar-row-border-color:rgba(0, 0, 0, 0.25);--f7-calendar-day-font-size:15px;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3;--f7-calendar-day-size:30px}.ios .theme-dark,.ios.theme-dark{--f7-calendar-row-border-color:var(--f7-bars-border-color);--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.md{--f7-calendar-sheet-border-color:#ccc;--f7-calendar-header-height:56px;--f7-calendar-header-font-size:20px;--f7-calendar-header-font-weight:400;--f7-calendar-header-padding:0 24px;--f7-calendar-footer-height:48px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:24px;--f7-calendar-row-border-color:transparent;--f7-calendar-day-font-size:14px;--f7-calendar-today-bg-color:none;--f7-calendar-day-size:32px}.md .theme-dark,.md.theme-dark{--f7-calendar-day-text-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-calendar-sheet-border-color:#ccc;--f7-calendar-header-height:38px;--f7-calendar-header-font-size:14px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 8px;--f7-calendar-footer-height:38px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:18px;--f7-calendar-row-border-color:#e3e3e3;--f7-calendar-day-font-size:13px;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3;--f7-calendar-day-size:30px}.aurora .theme-dark,.aurora.theme-dark{--f7-calendar-row-border-color:var(--f7-bars-border-color);--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.calendar{overflow:hidden;height:var(--f7-calendar-height);width:100%;display:flex;flex-direction:column}.calendar.modal-in{display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:var(--f7-calendar-sheet-landscape-height)}.calendar.calendar-modal{height:calc(100vh - var(--f7-navbar-height))}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-sheet{--f7-sheet-border-color:var(--f7-calendar-sheet-border-color);background:var(--f7-calendar-sheet-bg-color)}.calendar-sheet:before{z-index:600}.calendar-sheet .sheet-modal-inner{margin-bottom:var(--f7-safe-area-bottom)}.calendar-modal .toolbar:before,.calendar-popover .toolbar:before,.calendar-sheet .toolbar:before{display:none}.calendar-popover{width:var(--f7-calendar-popover-width)}.calendar-popover .calendar{height:var(--f7-calendar-popover-height);border-radius:var(--f7-popover-border-radius)}.calendar-header{width:100%;position:relative;overflow:hidden;flex-shrink:0;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;padding:var(--f7-calendar-header-padding);background-color:var(--f7-calendar-header-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-header-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-header-height);line-height:var(--f7-calendar-header-height);font-size:var(--f7-calendar-header-font-size);font-weight:var(--f7-calendar-header-font-weight)}.calendar-header a{color:var(--f7-calendar-header-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer{width:100%;flex-shrink:0;padding:var(--f7-calendar-footer-padding);background-color:var(--f7-calendar-footer-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-footer-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-footer-height);font-size:var(--f7-calendar-header-font-size);display:flex;justify-content:flex-end;box-sizing:border-box;align-items:center;position:relative}.calendar-footer a{color:var(--f7-calendar-footer-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer:before{content:'';position:absolute;background-color:var(--f7-calendar-footer-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.calendar-modal{position:absolute;height:var(--f7-calendar-modal-height);overflow:hidden;top:50%;left:50%;min-width:300px;max-width:var(--f7-calendar-modal-max-width);transform:translate3d(-50%,100%,0);transition-property:transform;display:flex;z-index:12000;background:var(--f7-calendar-modal-bg-color);width:90%;border-radius:var(--f7-calendar-modal-border-radius);box-shadow:var(--f7-elevation-24)}.calendar-modal.modal-in,.calendar-modal.modal-out{transition-duration:.4s}.calendar-modal.modal-in{transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{transform:translate3d(-50%,100%,0)}.calendar-week-header{display:flex;box-sizing:border-box;position:relative;font-size:var(--f7-calendar-week-header-font-size);background-color:var(--f7-calendar-week-header-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-week-header-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-week-header-height);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}.calendar-week-header .calendar-week-day{flex-shrink:1;width:calc(100% / 7);text-align:center;line-height:var(--f7-calendar-week-header-height)}.calendar-months{width:100%;height:100%;overflow:hidden;position:relative;flex-shrink:10}.calendar-months-wrapper{position:relative;width:100%;height:100%;transition:.3s}.calendar-month{display:flex;flex-direction:column;width:100%;height:100%;position:absolute;left:0;top:0}.calendar-row{height:16.66666667%;height:calc(100% / 6);display:flex;flex-shrink:1;width:100%;position:relative;box-sizing:border-box;padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}.calendar-row:before{content:'';position:absolute;background-color:var(--f7-calendar-row-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.calendar-modal .calendar-months:first-child .calendar-row:first-child:before,.calendar-popover .calendar-months:first-child .calendar-row:first-child:before{display:none!important}.calendar-day{flex-shrink:1;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:14.28571429%;width:calc(100% / 7);text-align:center;cursor:pointer;z-index:20;color:var(--f7-calendar-day-text-color);height:100%;font-size:var(--f7-calendar-day-font-size)}.calendar-day.calendar-day-today .calendar-day-number{color:var(--f7-calendar-today-text-color,var(--f7-theme-color));background-color:var(--f7-calendar-today-bg-color)}.calendar-day.calendar-day-next,.calendar-day.calendar-day-prev{color:var(--f7-calendar-prev-next-text-color)}.calendar-day.calendar-day-disabled{color:var(--f7-calendar-disabled-text-color);cursor:auto}.calendar-day.calendar-day-selected .calendar-day-number{color:var(--f7-calendar-selected-text-color);background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color))}.calendar-day .calendar-day-number{display:inline-block;border-radius:50%;position:relative;width:var(--f7-calendar-day-size);height:var(--f7-calendar-day-size);line-height:var(--f7-calendar-day-size)}.calendar-day .calendar-day-events{position:absolute;display:flex;left:0;width:100%;top:100%;align-items:center;justify-content:center;margin-top:1px}.calendar-day .calendar-day-event{width:var(--f7-calendar-event-dot-size);height:var(--f7-calendar-event-dot-size);border-radius:calc(var(--f7-calendar-event-dot-size)/ 2);background-color:var(--f7-calendar-event-bg-color)}.calendar-day .calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-range .calendar-day.calendar-day-selected{align-items:stretch;align-content:stretch}.calendar-range .calendar-day.calendar-day-selected .calendar-day-number{width:100%;border-radius:0;height:auto;text-align:center;display:flex;align-items:center;justify-content:center}.calendar-month-selector,.calendar-year-selector{display:flex;justify-content:space-between;align-items:center;width:50%;max-width:200px;flex-shrink:10;margin-left:auto;margin-right:auto}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{flex-shrink:1;position:relative;overflow:hidden;text-overflow:ellipsis}.calendar-month-selector a.icon-only,.calendar-year-selector a.icon-only{min-width:36px} \ No newline at end of file diff --git a/packages/core/components/calendar/calendar-vars.less b/packages/core/components/calendar/calendar-vars.less index 7e4e7bde15..294dbbb00b 100644 --- a/packages/core/components/calendar/calendar-vars.less +++ b/packages/core/components/calendar/calendar-vars.less @@ -34,8 +34,8 @@ */ .theme-dark, &.theme-dark { --f7-calendar-sheet-border-color: var(--f7-bars-border-color); - --f7-calendar-modal-bg-color: #171717; - --f7-calendar-sheet-bg-color: #171717; + --f7-calendar-modal-bg-color: #121212; + --f7-calendar-sheet-bg-color: #121212; } } .ios-vars({ diff --git a/packages/core/components/card.css b/packages/core/components/card.css index b48539009e..c381dbf402 100644 --- a/packages/core/components/card.css +++ b/packages/core/components/card.css @@ -1 +1 @@ -:root{--f7-card-bg-color:#fff;--f7-card-outline-border-color:rgba(0, 0, 0, 0.12);--f7-card-border-radius:4px;--f7-card-font-size:inherit;--f7-card-header-text-color:inherit;--f7-card-header-font-weight:400;--f7-card-header-border-color:rgba(0, 0, 0, 0.1);--f7-card-footer-border-color:rgba(0, 0, 0, 0.1);--f7-card-footer-font-weight:400;--f7-card-footer-font-size:inherit;--f7-card-expandable-bg-color:#fff;--f7-card-expandable-font-size:16px;--f7-card-expandable-tablet-width:670px;--f7-card-expandable-tablet-height:670px}:root .theme-dark,:root.theme-dark{--f7-card-bg-color:#1c1c1d;--f7-card-expandable-bg-color:#1c1c1d;--f7-card-outline-border-color:rgba(255, 255, 255, 0.15);--f7-card-header-border-color:rgba(255, 255, 255, 0.15);--f7-card-footer-border-color:rgba(255, 255, 255, 0.15);--f7-card-footer-text-color:rgba(255, 255, 255, 0.55)}.ios{--f7-card-margin-horizontal:10px;--f7-card-margin-vertical:10px;--f7-card-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);--f7-card-content-padding-horizontal:15px;--f7-card-content-padding-vertical:15px;--f7-card-header-font-size:17px;--f7-card-header-padding-vertical:10px;--f7-card-header-padding-horizontal:15px;--f7-card-header-min-height:44px;--f7-card-footer-text-color:rgba(0, 0, 0, 0.45);--f7-card-footer-padding-vertical:10px;--f7-card-footer-padding-horizontal:15px;--f7-card-footer-min-height:44px;--f7-card-expandable-margin-horizontal:20px;--f7-card-expandable-margin-vertical:30px;--f7-card-expandable-box-shadow:0px 20px 40px rgba(0, 0, 0, 0.3);--f7-card-expandable-border-radius:15px;--f7-card-expandable-tablet-border-radius:5px;--f7-card-expandable-header-font-size:27px;--f7-card-expandable-header-font-weight:bold}.md{--f7-card-margin-horizontal:8px;--f7-card-margin-vertical:8px;--f7-card-box-shadow:var(--f7-elevation-1);--f7-card-content-padding-horizontal:16px;--f7-card-content-padding-vertical:16px;--f7-card-header-font-size:16px;--f7-card-header-padding-vertical:4px;--f7-card-header-padding-horizontal:16px;--f7-card-header-min-height:48px;--f7-card-footer-text-color:#757575;--f7-card-footer-padding-vertical:4px;--f7-card-footer-padding-horizontal:16px;--f7-card-footer-min-height:48px;--f7-card-expandable-margin-horizontal:12px;--f7-card-expandable-margin-vertical:24px;--f7-card-expandable-box-shadow:var(--f7-elevation-10);--f7-card-expandable-border-radius:8px;--f7-card-expandable-tablet-border-radius:4px;--f7-card-expandable-header-font-size:24px;--f7-card-expandable-header-font-weight:500}.aurora{--f7-card-margin-horizontal:10px;--f7-card-margin-vertical:10px;--f7-card-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);--f7-card-content-padding-horizontal:15px;--f7-card-content-padding-vertical:15px;--f7-card-header-font-size:14px;--f7-card-header-font-weight:bold;--f7-card-header-padding-vertical:10px;--f7-card-header-padding-horizontal:15px;--f7-card-header-min-height:38px;--f7-card-footer-text-color:rgba(0, 0, 0, 0.6);--f7-card-footer-padding-vertical:10px;--f7-card-footer-padding-horizontal:15px;--f7-card-footer-min-height:38px;--f7-card-expandable-margin-horizontal:10px;--f7-card-expandable-margin-vertical:20px;--f7-card-expandable-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.15);--f7-card-expandable-border-radius:15px;--f7-card-expandable-tablet-border-radius:5px;--f7-card-expandable-header-font-size:27px;--f7-card-expandable-header-font-weight:bold}.card .list>ul:before,.cards-list>ul:before{display:none!important}.card .list>ul:after,.cards-list>ul:after{display:none!important}.card .list ul,.cards-list ul{background:0 0}.card{background:var(--f7-card-bg-color);position:relative;border-radius:var(--f7-card-border-radius);font-size:var(--f7-card-font-size);margin-top:var(--f7-card-margin-vertical);margin-bottom:var(--f7-card-margin-vertical);margin-left:calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right));box-shadow:var(--f7-card-box-shadow)}.card .block,.card .list{margin:0}.row:not(.no-gap) .col>.card{margin-left:0;margin-right:0}.card.no-shadow{box-shadow:none}.aurora .card-outline-aurora,.card-outline,.ios .card-outline-ios,.md .card-outline-md{box-shadow:none;border:1px solid var(--f7-card-outline-border-color)}.aurora .card-outline-aurora.no-border,.aurora .card-outline-aurora.no-hairlines,.card-outline.no-border,.card-outline.no-hairlines,.ios .card-outline-ios.no-border,.ios .card-outline-ios.no-hairlines,.md .card-outline-md.no-border,.md .card-outline-md.no-hairlines{border:none}.card-content{position:relative}.card-content-padding{position:relative;padding:var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal)}.card-content-padding>.block,.card-content-padding>.list{margin:calc(-1 * var(--f7-card-content-padding-vertical)) calc(-1 * var(--f7-card-content-padding-horizontal))}.card-content-padding>p:first-child{margin-top:0}.card-content-padding>p:last-child{margin-bottom:0}.card-header{min-height:var(--f7-card-header-min-height);color:var(--f7-card-header-text-color);font-size:var(--f7-card-header-font-size);font-weight:var(--f7-card-header-font-weight);padding:var(--f7-card-header-padding-vertical) var(--f7-card-header-padding-horizontal)}.card-footer{min-height:var(--f7-card-footer-min-height);color:var(--f7-card-footer-text-color);font-size:var(--f7-card-footer-font-size);font-weight:var(--f7-card-footer-font-weight);padding:var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal)}.card-footer a.link{overflow:hidden}.card-footer,.card-header{position:relative;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.card-footer[valign=top],.card-header[valign=top]{align-items:flex-start}.card-footer[valign=bottom],.card-header[valign=bottom]{align-items:flex-end}.card-footer a.link,.card-header a.link{position:relative}.card-footer a.link i.icon,.card-header a.link i.icon{display:block}.card-footer a.icon-only,.card-header a.icon-only{display:flex;justify-content:center;align-items:center;margin:0}.card-header{border-radius:var(--f7-card-border-radius) var(--f7-card-border-radius) 0 0}.card-header:after{content:'';position:absolute;background-color:var(--f7-card-header-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.card-header.no-hairline:after{display:none!important}.card-footer{border-radius:0 0 var(--f7-card-border-radius) var(--f7-card-border-radius)}.card-footer:before{content:'';position:absolute;background-color:var(--f7-card-footer-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.card-footer.no-hairline:before{display:none!important}.card-expandable{overflow:hidden;height:300px;background:var(--f7-card-expandable-bg-color);position:relative;transform-origin:center center;transition-property:transform,border-radius;border-radius:var(--f7-card-expandable-border-radius);z-index:2;transition-duration:.2s;margin-left:calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-right));margin-top:var(--f7-card-expandable-margin-vertical);margin-bottom:var(--f7-card-expandable-margin-vertical);box-shadow:var(--f7-card-expandable-box-shadow);font-size:var(--f7-card-expandable-font-size)}.card-expandable.card-no-transition{transition-duration:0s}.card-expandable.card-expandable-animate-width .card-content{transition-property:width,transform;width:100%}.card-expandable.active-state{transform:scale(.97)}.card-expandable .card-opened-fade-in,.card-expandable .card-opened-fade-out{transition-duration:.4s}.card-expandable .card-opened-fade-in{opacity:0;pointer-events:none}.card-expandable .card-content{position:absolute;top:0;width:100vw;height:100vh;transform-origin:center top;overflow:hidden;transition-property:transform;box-sizing:border-box;pointer-events:none;left:0}.card-expandable .card-content .card-content-padding{padding-left:calc(var(--f7-safe-area-left) + var(--f7-card-content-padding-horizontal));padding-right:calc(var(--f7-safe-area-right) + var(--f7-card-content-padding-horizontal))}.card-expandable.card-opened{transition-duration:0s}.card-expandable.card-closing,.card-expandable.card-opening,.card-expandable.card-transitioning{transition-duration:.4s}.card-expandable.card-opening .card-content{transition-duration:.3s}.card-expandable.card-closing .card-content{transition-duration:.5s}.card-expandable.card-closing,.card-expandable.card-opened,.card-expandable.card-opening{z-index:100}.card-expandable.card-opened,.card-expandable.card-opening{border-radius:0}.card-expandable.card-opened .card-opened-fade-in,.card-expandable.card-opening .card-opened-fade-in{opacity:1;pointer-events:auto}.card-expandable.card-opened .card-opened-fade-out,.card-expandable.card-opening .card-opened-fade-out{opacity:0;pointer-events:none}.card-expandable.card-opened .card-content{overflow:auto;-webkit-overflow-scrolling:touch;pointer-events:auto}.card-expandable .card-header{font-size:var(--f7-card-expandable-header-font-size);font-weight:var(--f7-card-expandable-header-font-weight)}.card-expandable .card-header:after{display:none!important}.card-prevent-open{pointer-events:auto}.card-expandable-size{width:0;height:0;position:absolute;left:0;top:0;opacity:0;pointer-events:none;visibility:hidden}@media (min-width:768px) and (min-height:670px){.card-expandable:not(.card-tablet-fullscreen){max-width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen).card-opened,.card-expandable:not(.card-tablet-fullscreen).card-opening{border-radius:var(--f7-card-expandable-tablet-border-radius)}.card-expandable:not(.card-tablet-fullscreen):not(.card-expandable-animate-width) .card-content{width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen) .card-expandable-size{width:var(--f7-card-expandable-tablet-width);height:var(--f7-card-expandable-tablet-height)}}.page.page-with-card-opened .page-content{overflow:hidden}.card-backdrop{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;pointer-events:none;background:rgba(0,0,0,.2);opacity:0}.card-backdrop-in{animation:card-backdrop-fade-in .4s forwards;pointer-events:auto}.card-backdrop-out{animation:card-backdrop-fade-out .4s forwards}@supports ((-webkit-backdrop-filter:blur(15px)) or (backdrop-filter:blur(15px))){.card-backdrop{background:0 0;opacity:1}.card-backdrop-in{animation:card-backdrop-blur-in .4s forwards}.card-backdrop-out{animation:card-backdrop-blur-out .4s forwards}}@keyframes card-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes card-backdrop-fade-out{from{opacity:1}to{opacity:0}}@keyframes card-backdrop-blur-in{from{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}}@keyframes card-backdrop-blur-out{from{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}to{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}} \ No newline at end of file +:root{--f7-card-content-padding-horizontal:16px;--f7-card-content-padding-vertical:16px;--f7-card-bg-color:#fff;--f7-card-outline-border-color:rgba(0, 0, 0, 0.12);--f7-card-border-radius:4px;--f7-card-font-size:inherit;--f7-card-header-text-color:inherit;--f7-card-header-font-weight:400;--f7-card-header-border-color:rgba(0, 0, 0, 0.1);--f7-card-header-padding-horizontal:16px;--f7-card-footer-border-color:rgba(0, 0, 0, 0.1);--f7-card-footer-font-weight:400;--f7-card-footer-font-size:inherit;--f7-card-footer-padding-horizontal:16px;--f7-card-expandable-bg-color:#fff;--f7-card-expandable-font-size:16px;--f7-card-expandable-tablet-width:670px;--f7-card-expandable-tablet-height:670px}:root .theme-dark,:root.theme-dark{--f7-card-bg-color:#1c1c1d;--f7-card-expandable-bg-color:#1c1c1d;--f7-card-outline-border-color:rgba(255, 255, 255, 0.15);--f7-card-header-border-color:rgba(255, 255, 255, 0.15);--f7-card-footer-border-color:rgba(255, 255, 255, 0.15);--f7-card-footer-text-color:rgba(255, 255, 255, 0.55)}.ios{--f7-card-margin-horizontal:10px;--f7-card-margin-vertical:10px;--f7-card-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);--f7-card-header-font-size:17px;--f7-card-header-padding-vertical:10px;--f7-card-header-min-height:44px;--f7-card-footer-text-color:rgba(0, 0, 0, 0.45);--f7-card-footer-padding-vertical:10px;--f7-card-footer-min-height:44px;--f7-card-expandable-margin-horizontal:20px;--f7-card-expandable-margin-vertical:30px;--f7-card-expandable-box-shadow:0px 20px 40px rgba(0, 0, 0, 0.3);--f7-card-expandable-border-radius:15px;--f7-card-expandable-tablet-border-radius:5px;--f7-card-expandable-header-font-size:27px;--f7-card-expandable-header-font-weight:bold}.md{--f7-card-margin-horizontal:8px;--f7-card-margin-vertical:8px;--f7-card-box-shadow:var(--f7-elevation-1);--f7-card-header-font-size:16px;--f7-card-header-padding-vertical:4px;--f7-card-header-min-height:48px;--f7-card-footer-text-color:rgba(0, 0, 0, 0.54);--f7-card-footer-padding-vertical:4px;--f7-card-footer-min-height:48px;--f7-card-expandable-margin-horizontal:12px;--f7-card-expandable-margin-vertical:24px;--f7-card-expandable-box-shadow:var(--f7-elevation-10);--f7-card-expandable-border-radius:8px;--f7-card-expandable-tablet-border-radius:4px;--f7-card-expandable-header-font-size:24px;--f7-card-expandable-header-font-weight:500}.aurora{--f7-card-margin-horizontal:10px;--f7-card-margin-vertical:10px;--f7-card-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);--f7-card-header-font-size:14px;--f7-card-header-font-weight:bold;--f7-card-header-padding-vertical:10px;--f7-card-header-min-height:38px;--f7-card-footer-text-color:rgba(0, 0, 0, 0.6);--f7-card-footer-padding-vertical:10px;--f7-card-footer-min-height:38px;--f7-card-expandable-margin-horizontal:10px;--f7-card-expandable-margin-vertical:20px;--f7-card-expandable-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.15);--f7-card-expandable-border-radius:15px;--f7-card-expandable-tablet-border-radius:5px;--f7-card-expandable-header-font-size:27px;--f7-card-expandable-header-font-weight:bold}.card .list>ul:before,.cards-list>ul:before{display:none!important}.card .list>ul:after,.cards-list>ul:after{display:none!important}.card .list ul,.cards-list ul{background:0 0}.card{background:var(--f7-card-bg-color);position:relative;border-radius:var(--f7-card-border-radius);font-size:var(--f7-card-font-size);margin-top:var(--f7-card-margin-vertical);margin-bottom:var(--f7-card-margin-vertical);margin-left:calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right));box-shadow:var(--f7-card-box-shadow)}.card .block,.card .list{margin:0}.row:not(.no-gap) .col>.card{margin-left:0;margin-right:0}.card.no-shadow{box-shadow:none}.aurora .card-outline-aurora,.card-outline,.ios .card-outline-ios,.md .card-outline-md{box-shadow:none;border:1px solid var(--f7-card-outline-border-color)}.aurora .card-outline-aurora.no-border,.aurora .card-outline-aurora.no-hairlines,.card-outline.no-border,.card-outline.no-hairlines,.ios .card-outline-ios.no-border,.ios .card-outline-ios.no-hairlines,.md .card-outline-md.no-border,.md .card-outline-md.no-hairlines{border:none}.card-content{position:relative}.card-content-padding{position:relative;padding:var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal)}.card-content-padding>.block,.card-content-padding>.list{margin:calc(-1 * var(--f7-card-content-padding-vertical)) calc(-1 * var(--f7-card-content-padding-horizontal))}.card-content-padding>p:first-child{margin-top:0}.card-content-padding>p:last-child{margin-bottom:0}.card-header{min-height:var(--f7-card-header-min-height);color:var(--f7-card-header-text-color);font-size:var(--f7-card-header-font-size);font-weight:var(--f7-card-header-font-weight);padding:var(--f7-card-header-padding-vertical) var(--f7-card-header-padding-horizontal)}.card-footer{min-height:var(--f7-card-footer-min-height);color:var(--f7-card-footer-text-color);font-size:var(--f7-card-footer-font-size);font-weight:var(--f7-card-footer-font-weight);padding:var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal)}.card-footer a.link{overflow:hidden}.card-footer,.card-header{position:relative;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.card-footer[valign=top],.card-header[valign=top]{align-items:flex-start}.card-footer[valign=bottom],.card-header[valign=bottom]{align-items:flex-end}.card-footer a.link,.card-header a.link{position:relative}.card-footer a.link i.icon,.card-header a.link i.icon{display:block}.card-footer a.icon-only,.card-header a.icon-only{display:flex;justify-content:center;align-items:center;margin:0}.card-header{border-radius:var(--f7-card-border-radius) var(--f7-card-border-radius) 0 0}.card-header:after{content:'';position:absolute;background-color:var(--f7-card-header-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.card-header.no-hairline:after{display:none!important}.card-footer{border-radius:0 0 var(--f7-card-border-radius) var(--f7-card-border-radius)}.card-footer:before{content:'';position:absolute;background-color:var(--f7-card-footer-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.card-footer.no-hairline:before{display:none!important}.card-expandable{overflow:hidden;height:300px;background:var(--f7-card-expandable-bg-color);position:relative;transform-origin:center center;transition-property:transform,border-radius;border-radius:var(--f7-card-expandable-border-radius);z-index:2;transition-duration:.2s;margin-left:calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-right));margin-top:var(--f7-card-expandable-margin-vertical);margin-bottom:var(--f7-card-expandable-margin-vertical);box-shadow:var(--f7-card-expandable-box-shadow);font-size:var(--f7-card-expandable-font-size)}.card-expandable.card-no-transition{transition-duration:0s}.card-expandable.card-expandable-animate-width .card-content{transition-property:width,transform;width:100%}.card-expandable.active-state{transform:scale(.97)}.card-expandable .card-opened-fade-in,.card-expandable .card-opened-fade-out{transition-duration:.4s}.card-expandable .card-opened-fade-in{opacity:0;pointer-events:none}.card-expandable .card-content{position:absolute;top:0;width:100vw;height:100vh;transform-origin:center top;overflow:hidden;transition-property:transform;box-sizing:border-box;pointer-events:none;left:0}.card-expandable .card-content .card-content-padding{padding-left:calc(var(--f7-safe-area-left) + var(--f7-card-content-padding-horizontal));padding-right:calc(var(--f7-safe-area-right) + var(--f7-card-content-padding-horizontal))}.card-expandable.card-opened{transition-duration:0s}.card-expandable.card-closing,.card-expandable.card-opening,.card-expandable.card-transitioning{transition-duration:.4s}.card-expandable.card-opening .card-content{transition-duration:.3s}.card-expandable.card-closing .card-content{transition-duration:.5s}.card-expandable.card-closing,.card-expandable.card-opened,.card-expandable.card-opening{z-index:100}.card-expandable.card-opened,.card-expandable.card-opening{border-radius:0}.card-expandable.card-opened .card-opened-fade-in,.card-expandable.card-opening .card-opened-fade-in{opacity:1;pointer-events:auto}.card-expandable.card-opened .card-opened-fade-out,.card-expandable.card-opening .card-opened-fade-out{opacity:0;pointer-events:none}.card-expandable.card-opened .card-content{overflow:auto;-webkit-overflow-scrolling:touch;pointer-events:auto}.card-expandable .card-header{font-size:var(--f7-card-expandable-header-font-size);font-weight:var(--f7-card-expandable-header-font-weight)}.card-expandable .card-header:after{display:none!important}.card-prevent-open{pointer-events:auto}.card-expandable-size{width:0;height:0;position:absolute;left:0;top:0;opacity:0;pointer-events:none;visibility:hidden}@media (min-width:768px) and (min-height:670px){.card-expandable:not(.card-tablet-fullscreen){max-width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen).card-opened,.card-expandable:not(.card-tablet-fullscreen).card-opening{border-radius:var(--f7-card-expandable-tablet-border-radius)}.card-expandable:not(.card-tablet-fullscreen):not(.card-expandable-animate-width) .card-content{width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen) .card-expandable-size{width:var(--f7-card-expandable-tablet-width);height:var(--f7-card-expandable-tablet-height)}}.page.page-with-card-opened .page-content{overflow:hidden}.card-backdrop{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;pointer-events:none;background:rgba(0,0,0,.2);opacity:0}.card-backdrop-in{animation:card-backdrop-fade-in .4s forwards;pointer-events:auto}.card-backdrop-out{animation:card-backdrop-fade-out .4s forwards}@supports ((-webkit-backdrop-filter:blur(15px)) or (backdrop-filter:blur(15px))){.card-backdrop{background:0 0;opacity:1}.card-backdrop-in{animation:card-backdrop-blur-in .4s forwards}.card-backdrop-out{animation:card-backdrop-blur-out .4s forwards}}@keyframes card-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes card-backdrop-fade-out{from{opacity:1}to{opacity:0}}@keyframes card-backdrop-blur-in{from{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}}@keyframes card-backdrop-blur-out{from{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}to{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}} \ No newline at end of file diff --git a/packages/core/components/card.rtl.css b/packages/core/components/card.rtl.css index 06a96c9560..6e7e46acbc 100644 --- a/packages/core/components/card.rtl.css +++ b/packages/core/components/card.rtl.css @@ -1 +1 @@ -:root{--f7-card-bg-color:#fff;--f7-card-outline-border-color:rgba(0, 0, 0, 0.12);--f7-card-border-radius:4px;--f7-card-font-size:inherit;--f7-card-header-text-color:inherit;--f7-card-header-font-weight:400;--f7-card-header-border-color:rgba(0, 0, 0, 0.1);--f7-card-footer-border-color:rgba(0, 0, 0, 0.1);--f7-card-footer-font-weight:400;--f7-card-footer-font-size:inherit;--f7-card-expandable-bg-color:#fff;--f7-card-expandable-font-size:16px;--f7-card-expandable-tablet-width:670px;--f7-card-expandable-tablet-height:670px}:root .theme-dark,:root.theme-dark{--f7-card-bg-color:#1c1c1d;--f7-card-expandable-bg-color:#1c1c1d;--f7-card-outline-border-color:rgba(255, 255, 255, 0.15);--f7-card-header-border-color:rgba(255, 255, 255, 0.15);--f7-card-footer-border-color:rgba(255, 255, 255, 0.15);--f7-card-footer-text-color:rgba(255, 255, 255, 0.55)}.ios{--f7-card-margin-horizontal:10px;--f7-card-margin-vertical:10px;--f7-card-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);--f7-card-content-padding-horizontal:15px;--f7-card-content-padding-vertical:15px;--f7-card-header-font-size:17px;--f7-card-header-padding-vertical:10px;--f7-card-header-padding-horizontal:15px;--f7-card-header-min-height:44px;--f7-card-footer-text-color:rgba(0, 0, 0, 0.45);--f7-card-footer-padding-vertical:10px;--f7-card-footer-padding-horizontal:15px;--f7-card-footer-min-height:44px;--f7-card-expandable-margin-horizontal:20px;--f7-card-expandable-margin-vertical:30px;--f7-card-expandable-box-shadow:0px 20px 40px rgba(0, 0, 0, 0.3);--f7-card-expandable-border-radius:15px;--f7-card-expandable-tablet-border-radius:5px;--f7-card-expandable-header-font-size:27px;--f7-card-expandable-header-font-weight:bold}.md{--f7-card-margin-horizontal:8px;--f7-card-margin-vertical:8px;--f7-card-box-shadow:var(--f7-elevation-1);--f7-card-content-padding-horizontal:16px;--f7-card-content-padding-vertical:16px;--f7-card-header-font-size:16px;--f7-card-header-padding-vertical:4px;--f7-card-header-padding-horizontal:16px;--f7-card-header-min-height:48px;--f7-card-footer-text-color:#757575;--f7-card-footer-padding-vertical:4px;--f7-card-footer-padding-horizontal:16px;--f7-card-footer-min-height:48px;--f7-card-expandable-margin-horizontal:12px;--f7-card-expandable-margin-vertical:24px;--f7-card-expandable-box-shadow:var(--f7-elevation-10);--f7-card-expandable-border-radius:8px;--f7-card-expandable-tablet-border-radius:4px;--f7-card-expandable-header-font-size:24px;--f7-card-expandable-header-font-weight:500}.aurora{--f7-card-margin-horizontal:10px;--f7-card-margin-vertical:10px;--f7-card-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);--f7-card-content-padding-horizontal:15px;--f7-card-content-padding-vertical:15px;--f7-card-header-font-size:14px;--f7-card-header-font-weight:bold;--f7-card-header-padding-vertical:10px;--f7-card-header-padding-horizontal:15px;--f7-card-header-min-height:38px;--f7-card-footer-text-color:rgba(0, 0, 0, 0.6);--f7-card-footer-padding-vertical:10px;--f7-card-footer-padding-horizontal:15px;--f7-card-footer-min-height:38px;--f7-card-expandable-margin-horizontal:10px;--f7-card-expandable-margin-vertical:20px;--f7-card-expandable-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.15);--f7-card-expandable-border-radius:15px;--f7-card-expandable-tablet-border-radius:5px;--f7-card-expandable-header-font-size:27px;--f7-card-expandable-header-font-weight:bold}.card .list>ul:before,.cards-list>ul:before{display:none!important}.card .list>ul:after,.cards-list>ul:after{display:none!important}.card .list ul,.cards-list ul{background:0 0}.card{background:var(--f7-card-bg-color);position:relative;border-radius:var(--f7-card-border-radius);font-size:var(--f7-card-font-size);margin-top:var(--f7-card-margin-vertical);margin-bottom:var(--f7-card-margin-vertical);margin-left:calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right));box-shadow:var(--f7-card-box-shadow)}.card .block,.card .list{margin:0}.row:not(.no-gap) .col>.card{margin-left:0;margin-right:0}.card.no-shadow{box-shadow:none}.aurora .card-outline-aurora,.card-outline,.ios .card-outline-ios,.md .card-outline-md{box-shadow:none;border:1px solid var(--f7-card-outline-border-color)}.aurora .card-outline-aurora.no-border,.aurora .card-outline-aurora.no-hairlines,.card-outline.no-border,.card-outline.no-hairlines,.ios .card-outline-ios.no-border,.ios .card-outline-ios.no-hairlines,.md .card-outline-md.no-border,.md .card-outline-md.no-hairlines{border:none}.card-content{position:relative}.card-content-padding{position:relative;padding:var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal)}.card-content-padding>.block,.card-content-padding>.list{margin:calc(-1 * var(--f7-card-content-padding-vertical)) calc(-1 * var(--f7-card-content-padding-horizontal))}.card-content-padding>p:first-child{margin-top:0}.card-content-padding>p:last-child{margin-bottom:0}.card-header{min-height:var(--f7-card-header-min-height);color:var(--f7-card-header-text-color);font-size:var(--f7-card-header-font-size);font-weight:var(--f7-card-header-font-weight);padding:var(--f7-card-header-padding-vertical) var(--f7-card-header-padding-horizontal)}.card-footer{min-height:var(--f7-card-footer-min-height);color:var(--f7-card-footer-text-color);font-size:var(--f7-card-footer-font-size);font-weight:var(--f7-card-footer-font-weight);padding:var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal)}.card-footer a.link{overflow:hidden}.card-footer,.card-header{position:relative;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.card-footer[valign=top],.card-header[valign=top]{align-items:flex-start}.card-footer[valign=bottom],.card-header[valign=bottom]{align-items:flex-end}.card-footer a.link,.card-header a.link{position:relative}.card-footer a.link i.icon,.card-header a.link i.icon{display:block}.card-footer a.icon-only,.card-header a.icon-only{display:flex;justify-content:center;align-items:center;margin:0}.card-header{border-radius:var(--f7-card-border-radius) var(--f7-card-border-radius) 0 0}.card-header:after{content:'';position:absolute;background-color:var(--f7-card-header-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.card-header.no-hairline:after{display:none!important}.card-footer{border-radius:0 0 var(--f7-card-border-radius) var(--f7-card-border-radius)}.card-footer:before{content:'';position:absolute;background-color:var(--f7-card-footer-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.card-footer.no-hairline:before{display:none!important}.card-expandable{overflow:hidden;height:300px;background:var(--f7-card-expandable-bg-color);position:relative;transform-origin:center center;transition-property:transform,border-radius;border-radius:var(--f7-card-expandable-border-radius);z-index:2;transition-duration:.2s;margin-left:calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-right));margin-top:var(--f7-card-expandable-margin-vertical);margin-bottom:var(--f7-card-expandable-margin-vertical);box-shadow:var(--f7-card-expandable-box-shadow);font-size:var(--f7-card-expandable-font-size)}.card-expandable.card-no-transition{transition-duration:0s}.card-expandable.card-expandable-animate-width .card-content{transition-property:width,transform;width:100%}.card-expandable.active-state{transform:scale(.97)}.card-expandable .card-opened-fade-in,.card-expandable .card-opened-fade-out{transition-duration:.4s}.card-expandable .card-opened-fade-in{opacity:0;pointer-events:none}.card-expandable .card-content{position:absolute;top:0;width:100vw;height:100vh;transform-origin:center top;overflow:hidden;transition-property:transform;box-sizing:border-box;pointer-events:none;right:0}.card-expandable .card-content .card-content-padding{padding-left:calc(var(--f7-safe-area-left) + var(--f7-card-content-padding-horizontal));padding-right:calc(var(--f7-safe-area-right) + var(--f7-card-content-padding-horizontal))}.card-expandable.card-opened{transition-duration:0s}.card-expandable.card-closing,.card-expandable.card-opening,.card-expandable.card-transitioning{transition-duration:.4s}.card-expandable.card-opening .card-content{transition-duration:.3s}.card-expandable.card-closing .card-content{transition-duration:.5s}.card-expandable.card-closing,.card-expandable.card-opened,.card-expandable.card-opening{z-index:100}.card-expandable.card-opened,.card-expandable.card-opening{border-radius:0}.card-expandable.card-opened .card-opened-fade-in,.card-expandable.card-opening .card-opened-fade-in{opacity:1;pointer-events:auto}.card-expandable.card-opened .card-opened-fade-out,.card-expandable.card-opening .card-opened-fade-out{opacity:0;pointer-events:none}.card-expandable.card-opened .card-content{overflow:auto;-webkit-overflow-scrolling:touch;pointer-events:auto}.card-expandable .card-header{font-size:var(--f7-card-expandable-header-font-size);font-weight:var(--f7-card-expandable-header-font-weight)}.card-expandable .card-header:after{display:none!important}.card-prevent-open{pointer-events:auto}.card-expandable-size{width:0;height:0;position:absolute;left:0;top:0;opacity:0;pointer-events:none;visibility:hidden}@media (min-width:768px) and (min-height:670px){.card-expandable:not(.card-tablet-fullscreen){max-width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen).card-opened,.card-expandable:not(.card-tablet-fullscreen).card-opening{border-radius:var(--f7-card-expandable-tablet-border-radius)}.card-expandable:not(.card-tablet-fullscreen):not(.card-expandable-animate-width) .card-content{width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen) .card-expandable-size{width:var(--f7-card-expandable-tablet-width);height:var(--f7-card-expandable-tablet-height)}}.page.page-with-card-opened .page-content{overflow:hidden}.card-backdrop{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;pointer-events:none;background:rgba(0,0,0,.2);opacity:0}.card-backdrop-in{animation:card-backdrop-fade-in .4s forwards;pointer-events:auto}.card-backdrop-out{animation:card-backdrop-fade-out .4s forwards}@supports ((-webkit-backdrop-filter:blur(15px)) or (backdrop-filter:blur(15px))){.card-backdrop{background:0 0;opacity:1}.card-backdrop-in{animation:card-backdrop-blur-in .4s forwards}.card-backdrop-out{animation:card-backdrop-blur-out .4s forwards}}@keyframes card-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes card-backdrop-fade-out{from{opacity:1}to{opacity:0}}@keyframes card-backdrop-blur-in{from{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}}@keyframes card-backdrop-blur-out{from{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}to{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}} \ No newline at end of file +:root{--f7-card-content-padding-horizontal:16px;--f7-card-content-padding-vertical:16px;--f7-card-bg-color:#fff;--f7-card-outline-border-color:rgba(0, 0, 0, 0.12);--f7-card-border-radius:4px;--f7-card-font-size:inherit;--f7-card-header-text-color:inherit;--f7-card-header-font-weight:400;--f7-card-header-border-color:rgba(0, 0, 0, 0.1);--f7-card-header-padding-horizontal:16px;--f7-card-footer-border-color:rgba(0, 0, 0, 0.1);--f7-card-footer-font-weight:400;--f7-card-footer-font-size:inherit;--f7-card-footer-padding-horizontal:16px;--f7-card-expandable-bg-color:#fff;--f7-card-expandable-font-size:16px;--f7-card-expandable-tablet-width:670px;--f7-card-expandable-tablet-height:670px}:root .theme-dark,:root.theme-dark{--f7-card-bg-color:#1c1c1d;--f7-card-expandable-bg-color:#1c1c1d;--f7-card-outline-border-color:rgba(255, 255, 255, 0.15);--f7-card-header-border-color:rgba(255, 255, 255, 0.15);--f7-card-footer-border-color:rgba(255, 255, 255, 0.15);--f7-card-footer-text-color:rgba(255, 255, 255, 0.55)}.ios{--f7-card-margin-horizontal:10px;--f7-card-margin-vertical:10px;--f7-card-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);--f7-card-header-font-size:17px;--f7-card-header-padding-vertical:10px;--f7-card-header-min-height:44px;--f7-card-footer-text-color:rgba(0, 0, 0, 0.45);--f7-card-footer-padding-vertical:10px;--f7-card-footer-min-height:44px;--f7-card-expandable-margin-horizontal:20px;--f7-card-expandable-margin-vertical:30px;--f7-card-expandable-box-shadow:0px 20px 40px rgba(0, 0, 0, 0.3);--f7-card-expandable-border-radius:15px;--f7-card-expandable-tablet-border-radius:5px;--f7-card-expandable-header-font-size:27px;--f7-card-expandable-header-font-weight:bold}.md{--f7-card-margin-horizontal:8px;--f7-card-margin-vertical:8px;--f7-card-box-shadow:var(--f7-elevation-1);--f7-card-header-font-size:16px;--f7-card-header-padding-vertical:4px;--f7-card-header-min-height:48px;--f7-card-footer-text-color:rgba(0, 0, 0, 0.54);--f7-card-footer-padding-vertical:4px;--f7-card-footer-min-height:48px;--f7-card-expandable-margin-horizontal:12px;--f7-card-expandable-margin-vertical:24px;--f7-card-expandable-box-shadow:var(--f7-elevation-10);--f7-card-expandable-border-radius:8px;--f7-card-expandable-tablet-border-radius:4px;--f7-card-expandable-header-font-size:24px;--f7-card-expandable-header-font-weight:500}.aurora{--f7-card-margin-horizontal:10px;--f7-card-margin-vertical:10px;--f7-card-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);--f7-card-header-font-size:14px;--f7-card-header-font-weight:bold;--f7-card-header-padding-vertical:10px;--f7-card-header-min-height:38px;--f7-card-footer-text-color:rgba(0, 0, 0, 0.6);--f7-card-footer-padding-vertical:10px;--f7-card-footer-min-height:38px;--f7-card-expandable-margin-horizontal:10px;--f7-card-expandable-margin-vertical:20px;--f7-card-expandable-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.15);--f7-card-expandable-border-radius:15px;--f7-card-expandable-tablet-border-radius:5px;--f7-card-expandable-header-font-size:27px;--f7-card-expandable-header-font-weight:bold}.card .list>ul:before,.cards-list>ul:before{display:none!important}.card .list>ul:after,.cards-list>ul:after{display:none!important}.card .list ul,.cards-list ul{background:0 0}.card{background:var(--f7-card-bg-color);position:relative;border-radius:var(--f7-card-border-radius);font-size:var(--f7-card-font-size);margin-top:var(--f7-card-margin-vertical);margin-bottom:var(--f7-card-margin-vertical);margin-left:calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right));box-shadow:var(--f7-card-box-shadow)}.card .block,.card .list{margin:0}.row:not(.no-gap) .col>.card{margin-left:0;margin-right:0}.card.no-shadow{box-shadow:none}.aurora .card-outline-aurora,.card-outline,.ios .card-outline-ios,.md .card-outline-md{box-shadow:none;border:1px solid var(--f7-card-outline-border-color)}.aurora .card-outline-aurora.no-border,.aurora .card-outline-aurora.no-hairlines,.card-outline.no-border,.card-outline.no-hairlines,.ios .card-outline-ios.no-border,.ios .card-outline-ios.no-hairlines,.md .card-outline-md.no-border,.md .card-outline-md.no-hairlines{border:none}.card-content{position:relative}.card-content-padding{position:relative;padding:var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal)}.card-content-padding>.block,.card-content-padding>.list{margin:calc(-1 * var(--f7-card-content-padding-vertical)) calc(-1 * var(--f7-card-content-padding-horizontal))}.card-content-padding>p:first-child{margin-top:0}.card-content-padding>p:last-child{margin-bottom:0}.card-header{min-height:var(--f7-card-header-min-height);color:var(--f7-card-header-text-color);font-size:var(--f7-card-header-font-size);font-weight:var(--f7-card-header-font-weight);padding:var(--f7-card-header-padding-vertical) var(--f7-card-header-padding-horizontal)}.card-footer{min-height:var(--f7-card-footer-min-height);color:var(--f7-card-footer-text-color);font-size:var(--f7-card-footer-font-size);font-weight:var(--f7-card-footer-font-weight);padding:var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal)}.card-footer a.link{overflow:hidden}.card-footer,.card-header{position:relative;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.card-footer[valign=top],.card-header[valign=top]{align-items:flex-start}.card-footer[valign=bottom],.card-header[valign=bottom]{align-items:flex-end}.card-footer a.link,.card-header a.link{position:relative}.card-footer a.link i.icon,.card-header a.link i.icon{display:block}.card-footer a.icon-only,.card-header a.icon-only{display:flex;justify-content:center;align-items:center;margin:0}.card-header{border-radius:var(--f7-card-border-radius) var(--f7-card-border-radius) 0 0}.card-header:after{content:'';position:absolute;background-color:var(--f7-card-header-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.card-header.no-hairline:after{display:none!important}.card-footer{border-radius:0 0 var(--f7-card-border-radius) var(--f7-card-border-radius)}.card-footer:before{content:'';position:absolute;background-color:var(--f7-card-footer-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.card-footer.no-hairline:before{display:none!important}.card-expandable{overflow:hidden;height:300px;background:var(--f7-card-expandable-bg-color);position:relative;transform-origin:center center;transition-property:transform,border-radius;border-radius:var(--f7-card-expandable-border-radius);z-index:2;transition-duration:.2s;margin-left:calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-right));margin-top:var(--f7-card-expandable-margin-vertical);margin-bottom:var(--f7-card-expandable-margin-vertical);box-shadow:var(--f7-card-expandable-box-shadow);font-size:var(--f7-card-expandable-font-size)}.card-expandable.card-no-transition{transition-duration:0s}.card-expandable.card-expandable-animate-width .card-content{transition-property:width,transform;width:100%}.card-expandable.active-state{transform:scale(.97)}.card-expandable .card-opened-fade-in,.card-expandable .card-opened-fade-out{transition-duration:.4s}.card-expandable .card-opened-fade-in{opacity:0;pointer-events:none}.card-expandable .card-content{position:absolute;top:0;width:100vw;height:100vh;transform-origin:center top;overflow:hidden;transition-property:transform;box-sizing:border-box;pointer-events:none;right:0}.card-expandable .card-content .card-content-padding{padding-left:calc(var(--f7-safe-area-left) + var(--f7-card-content-padding-horizontal));padding-right:calc(var(--f7-safe-area-right) + var(--f7-card-content-padding-horizontal))}.card-expandable.card-opened{transition-duration:0s}.card-expandable.card-closing,.card-expandable.card-opening,.card-expandable.card-transitioning{transition-duration:.4s}.card-expandable.card-opening .card-content{transition-duration:.3s}.card-expandable.card-closing .card-content{transition-duration:.5s}.card-expandable.card-closing,.card-expandable.card-opened,.card-expandable.card-opening{z-index:100}.card-expandable.card-opened,.card-expandable.card-opening{border-radius:0}.card-expandable.card-opened .card-opened-fade-in,.card-expandable.card-opening .card-opened-fade-in{opacity:1;pointer-events:auto}.card-expandable.card-opened .card-opened-fade-out,.card-expandable.card-opening .card-opened-fade-out{opacity:0;pointer-events:none}.card-expandable.card-opened .card-content{overflow:auto;-webkit-overflow-scrolling:touch;pointer-events:auto}.card-expandable .card-header{font-size:var(--f7-card-expandable-header-font-size);font-weight:var(--f7-card-expandable-header-font-weight)}.card-expandable .card-header:after{display:none!important}.card-prevent-open{pointer-events:auto}.card-expandable-size{width:0;height:0;position:absolute;left:0;top:0;opacity:0;pointer-events:none;visibility:hidden}@media (min-width:768px) and (min-height:670px){.card-expandable:not(.card-tablet-fullscreen){max-width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen).card-opened,.card-expandable:not(.card-tablet-fullscreen).card-opening{border-radius:var(--f7-card-expandable-tablet-border-radius)}.card-expandable:not(.card-tablet-fullscreen):not(.card-expandable-animate-width) .card-content{width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen) .card-expandable-size{width:var(--f7-card-expandable-tablet-width);height:var(--f7-card-expandable-tablet-height)}}.page.page-with-card-opened .page-content{overflow:hidden}.card-backdrop{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;pointer-events:none;background:rgba(0,0,0,.2);opacity:0}.card-backdrop-in{animation:card-backdrop-fade-in .4s forwards;pointer-events:auto}.card-backdrop-out{animation:card-backdrop-fade-out .4s forwards}@supports ((-webkit-backdrop-filter:blur(15px)) or (backdrop-filter:blur(15px))){.card-backdrop{background:0 0;opacity:1}.card-backdrop-in{animation:card-backdrop-blur-in .4s forwards}.card-backdrop-out{animation:card-backdrop-blur-out .4s forwards}}@keyframes card-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes card-backdrop-fade-out{from{opacity:1}to{opacity:0}}@keyframes card-backdrop-blur-in{from{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}}@keyframes card-backdrop-blur-out{from{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}to{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}} \ No newline at end of file diff --git a/packages/core/components/card/card-vars.less b/packages/core/components/card/card-vars.less index 097b0a525f..8541903073 100644 --- a/packages/core/components/card/card-vars.less +++ b/packages/core/components/card/card-vars.less @@ -1,4 +1,6 @@ :root { + --f7-card-content-padding-horizontal: 16px; + --f7-card-content-padding-vertical: 16px; --f7-card-bg-color: #fff; --f7-card-outline-border-color: rgba(0,0,0,0.12); --f7-card-border-radius: 4px; @@ -6,9 +8,11 @@ --f7-card-header-text-color: inherit; --f7-card-header-font-weight: 400; --f7-card-header-border-color: rgba(0, 0, 0, 0.1); + --f7-card-header-padding-horizontal: 16px; --f7-card-footer-border-color: rgba(0, 0, 0, 0.1); --f7-card-footer-font-weight: 400; --f7-card-footer-font-size: inherit; + --f7-card-footer-padding-horizontal: 16px; --f7-card-expandable-bg-color: #fff; --f7-card-expandable-font-size: 16px; --f7-card-expandable-tablet-width: 670px; @@ -26,15 +30,11 @@ --f7-card-margin-horizontal: 10px; --f7-card-margin-vertical: 10px; --f7-card-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); - --f7-card-content-padding-horizontal: 15px; - --f7-card-content-padding-vertical: 15px; --f7-card-header-font-size: 17px; --f7-card-header-padding-vertical: 10px; - --f7-card-header-padding-horizontal: 15px; --f7-card-header-min-height: 44px; --f7-card-footer-text-color: rgba(0,0,0,0.45); --f7-card-footer-padding-vertical: 10px; - --f7-card-footer-padding-horizontal: 15px; --f7-card-footer-min-height: 44px; --f7-card-expandable-margin-horizontal: 20px; --f7-card-expandable-margin-vertical: 30px; @@ -48,15 +48,11 @@ --f7-card-margin-horizontal: 8px; --f7-card-margin-vertical: 8px; --f7-card-box-shadow: var(--f7-elevation-1); - --f7-card-content-padding-horizontal: 16px; - --f7-card-content-padding-vertical: 16px; --f7-card-header-font-size: 16px; --f7-card-header-padding-vertical: 4px; - --f7-card-header-padding-horizontal: 16px; --f7-card-header-min-height: 48px; - --f7-card-footer-text-color: #757575; + --f7-card-footer-text-color: rgba(0,0,0,0.54); --f7-card-footer-padding-vertical: 4px; - --f7-card-footer-padding-horizontal: 16px; --f7-card-footer-min-height: 48px; --f7-card-expandable-margin-horizontal: 12px; --f7-card-expandable-margin-vertical: 24px; @@ -70,16 +66,12 @@ --f7-card-margin-horizontal: 10px; --f7-card-margin-vertical: 10px; --f7-card-box-shadow: 0px 1px 2px rgba(0,0,0,0.15); - --f7-card-content-padding-horizontal: 15px; - --f7-card-content-padding-vertical: 15px; --f7-card-header-font-size: 14px; --f7-card-header-font-weight: bold; --f7-card-header-padding-vertical: 10px; - --f7-card-header-padding-horizontal: 15px; --f7-card-header-min-height: 38px; --f7-card-footer-text-color: rgba(0,0,0,0.6); --f7-card-footer-padding-vertical: 10px; - --f7-card-footer-padding-horizontal: 15px; --f7-card-footer-min-height: 38px; --f7-card-expandable-margin-horizontal: 10px; --f7-card-expandable-margin-vertical: 20px; diff --git a/packages/core/components/card/card.less b/packages/core/components/card/card.less index c2b781c687..e3a0bc2f72 100644 --- a/packages/core/components/card/card.less +++ b/packages/core/components/card/card.less @@ -174,7 +174,9 @@ &.card-opened { transition-duration: 0ms; } - &.card-opening, &.card-closing, &.card-transitioning { + &.card-opening, + &.card-closing, + &.card-transitioning { transition-duration: 400ms; } &.card-opening { diff --git a/packages/core/components/color-picker.css b/packages/core/components/color-picker.css index d7cf68f140..2c3001e8bc 100644 --- a/packages/core/components/color-picker.css +++ b/packages/core/components/color-picker.css @@ -1 +1 @@ -:root{--f7-color-picker-sheet-bg-color:#fff;--f7-color-picker-popup-bg-color:#fff;--f7-color-picker-popover-width:350px;--f7-color-picker-slider-size:6px;--f7-color-picker-slider-knob-size:16px;--f7-color-picker-bar-size:50px;--f7-color-picker-bar-min-height:260px;--f7-color-picker-value-bg-color:rgba(0, 0, 0, 0.05);--f7-color-picker-value-width:64px;--f7-color-picker-value-height:32px;--f7-color-picker-value-font-size:16px;--f7-color-picker-value-border-radius:4px;--f7-color-picker-hex-value-width:84px;--f7-color-picker-label-font-size:14px;--f7-color-picker-label-width:10px;--f7-color-picker-label-height:14px;--f7-color-picker-sb-spectrum-height:260px;--f7-color-picker-sb-spectrum-handle-size:16px;--f7-color-picker-wheel-width:330px;--f7-color-picker-group-bg-color:rgba(0, 0, 0, 0.05);--f7-color-picker-group-value-bg-color:#fff;--f7-color-picker-palette-value-width:36px;--f7-color-picker-palette-value-height:36px;--f7-color-picker-initial-current-color-height:40px;--f7-color-picker-initial-current-color-border-radius:4px}:root .theme-dark,:root.theme-dark{--f7-color-picker-sheet-bg-color:#171717;--f7-color-picker-popup-bg-color:#171717;--f7-color-picker-value-bg-color:rgba(255, 255, 255, 0.1);--f7-color-picker-group-bg-color:#000;--f7-color-picker-group-value-bg-color:rgba(255, 255, 255, 0.12)}.color-picker{overflow:hidden;width:100%;display:flex;flex-direction:column}.color-picker-popover .color-picker,.color-picker-popup .color-picker,.color-picker.color-picker-inline{position:relative}.color-picker-sheet-modal{background:var(--f7-color-picker-sheet-bg-color)}.color-picker-sheet-modal:before{z-index:600}.color-picker-sheet-modal .sheet-modal-inner{margin-bottom:var(--f7-safe-area-bottom)}.color-picker-popup .page{background:var(--f7-color-picker-popup-bg-color)}.color-picker-popup .page-content{padding-bottom:var(--f7-safe-area-bottom)}.color-picker-page .color-picker,.color-picker-popover .color-picker,.color-picker-popup .color-picker{height:100%}.color-picker-page .color-picker .toolbar,.color-picker-popover .color-picker .toolbar,.color-picker-popup .color-picker .toolbar{position:absolute}.color-picker-popover{width:var(--f7-color-picker-popover-width);max-width:90vw;max-height:80vh}.color-picker-popover .color-picker{max-height:80vh}.color-picker-popover .toolbar-top{border-top-left-radius:var(--f7-popover-border-radius);border-top-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette{overflow:hidden;flex-shrink:0}.color-picker-popover .color-picker-module-palette:first-child{border-top-left-radius:var(--f7-popover-border-radius);border-top-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette:last-child{border-bottom-left-radius:var(--f7-popover-border-radius);border-bottom-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette:first-child:last-child{border-radius:var(--f7-popover-border-radius)}.color-picker-popover .toolbar~.page-content .color-picker-module-palette:first-child{border-top-left-radius:0;border-top-right-radius:0}.color-picker-page .page-content,.color-picker-popover .page-content,.color-picker-popup .page-content,.color-picker-sheet-modal .page-content{display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column;overflow-x:hidden}.color-picker-module{margin-top:5px}.color-picker-module:last-child{margin-bottom:5px}.color-picker-module-hs-spectrum,.color-picker-module-sb-spectrum{margin-left:10px;margin-right:10px}.color-picker-module-hs-spectrum:first-child,.color-picker-module-sb-spectrum:first-child{margin-top:10px}.color-picker-module-hs-spectrum .color-picker-hs-spectrum,.color-picker-module-hs-spectrum .color-picker-sb-spectrum,.color-picker-module-sb-spectrum .color-picker-hs-spectrum,.color-picker-module-sb-spectrum .color-picker-sb-spectrum{border-radius:4px;height:var(--f7-color-picker-sb-spectrum-height)}.color-picker-sb-spectrum{background-color:#000;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#000 100%),linear-gradient(to left,rgba(255,255,255,0) 0%,#fff 100%);position:relative}.color-picker-hs-spectrum{position:relative;background-image:linear-gradient(to right,red,#feff00,#0f0,#00feff,#00f,#ff00fe,red)}.color-picker-hs-spectrum:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(to bottom,rgba(255,255,255,0),#fff)}.color-picker-hs-spectrum-handle,.color-picker-sb-spectrum-handle{width:4px;height:4px;position:absolute;left:-2px;top:-2px;z-index:1}.color-picker-hs-spectrum-handle:after,.color-picker-sb-spectrum-handle:after{background-color:inherit;content:'';position:absolute;width:var(--f7-color-picker-sb-spectrum-handle-size);height:var(--f7-color-picker-sb-spectrum-handle-size);border:1px solid #fff;border-radius:50%;box-shadow:0px 0px 2px rgba(0,0,0,.5);box-sizing:border-box;left:50%;top:50%;transform:translate(-50%,-50%);transition:150ms;transition-property:transform;transform-origin:center}.color-picker-hs-spectrum-handle.color-picker-hs-spectrum-handle-pressed:after,.color-picker-hs-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after,.color-picker-sb-spectrum-handle.color-picker-hs-spectrum-handle-pressed:after,.color-picker-sb-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after{transform:scale(1.5) translate(-33.333%,-33.333%)}.color-picker-module-wheel{margin-left:10px;margin-right:10px}.color-picker-wheel{position:relative;width:var(--f7-color-picker-wheel-width);max-width:100%;height:auto;font-size:0;margin-left:auto;margin-right:auto}.color-picker-wheel svg{width:100%;height:auto}.color-picker-wheel .color-picker-wheel-handle{width:calc(100% / 6);height:calc(100% / 6);position:absolute;box-sizing:border-box;border:2px solid #fff;box-shadow:0px 0px 5px rgba(0,0,0,.5);background:red;border-radius:50%;left:0;top:0}.color-picker-wheel .color-picker-sb-spectrum{width:45%;height:45%;left:50%;top:50%;transform:translate3d(-50%,-50%,0);position:absolute}.color-picker-slider-wrap{display:flex;align-items:center;margin-bottom:2px}.color-picker-slider-wrap+.color-picker-slider-wrap{margin-top:5px}.color-picker-hex-wrap{justify-content:space-between;display:flex;align-items:center}.color-picker-hex-label,.color-picker-slider-label{font-size:var(--f7-color-picker-label-font-size);width:var(--f7-color-picker-label-size);flex-shrink:0;margin-right:12px}.color-picker-hex-label{width:auto}.color-picker-bar-value,.color-picker-hex-value,.color-picker-slider-value{width:var(--f7-color-picker-value-width);height:var(--f7-color-picker-value-height);background:var(--f7-color-picker-value-bg-color);border-radius:var(--f7-color-picker-value-border-radius);text-align:center;font-size:var(--f7-color-picker-value-font-size);display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-left:10px}.color-picker-bar-value input,.color-picker-hex-value input,.color-picker-slider-value input{width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;background:0 0;color:inherit;font-family:inherit;font-size:inherit;text-align:center;display:block;border-radius:4px}.color-picker-bar-value input::-webkit-inner-spin-button,.color-picker-bar-value input::-webkit-outer-spin-button,.color-picker-hex-value input::-webkit-inner-spin-button,.color-picker-hex-value input::-webkit-outer-spin-button,.color-picker-slider-value input::-webkit-inner-spin-button,.color-picker-slider-value input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;display:none}.color-picker-hex-value{width:var(--f7-color-picker-hex-value-width)}.color-picker-hex-value:first-child{margin-left:auto}.color-picker-slider{--f7-range-bar-active-bg-color:transparent;--f7-range-bar-size:var(--f7-color-picker-slider-size);--f7-range-bar-border-radius:var(--f7-color-picker-slider-size);--f7-range-knob-size:var(--f7-color-picker-slider-knob-size);--f7-range-knob-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3)}.color-picker-slider .range-knob{transition-duration:.2s;transition-property:transform}.color-picker-slider .range-knob:after{width:30px;height:30px;margin-left:-15px;margin-top:-15px}.color-picker-slider .range-knob-active-state .range-knob{transform:scale(1.5)}.md .color-picker-slider.range-slider-min:not(.range-slider-dual) .range-knob{background:var(--f7-range-knob-color)!important;border:none}.color-picker-module-rgb-bars{display:flex;justify-content:space-around;justify-content:space-evenly;align-items:stretch;height:100%;min-height:var(--f7-color-picker-bar-min-height);padding-bottom:10px;padding-top:10px;box-sizing:border-box}.color-picker-bar-wrap{display:flex;align-items:center;flex-direction:column-reverse}.color-picker-bar{--f7-range-bar-active-bg-color:transparent;--f7-range-bar-size:var(--f7-color-picker-bar-size);--f7-range-bar-border-radius:2px;--f7-range-knob-size:6px;--f7-range-knob-box-shadow:0 0px 3px rgba(0, 0, 0, 0.3);--f7-range-knob-color:#fff}.color-picker-bar .range-knob{transition-duration:0s;transition-property:transform;border-radius:3px}.color-picker-bar .range-knob-wrap{height:6px;width:calc(var(--f7-color-picker-bar-size) - 4px);margin-left:calc(-.5 * (var(--f7-color-picker-bar-size) - 4px))}.color-picker-bar .range-knob-active-state .range-knob{transform:scale(1)}.md .color-picker-bar.range-slider-min:not(.range-slider-dual) .range-knob{background:var(--f7-range-knob-color)!important;border:none}.color-picker-bar-label{font-size:var(--f7-color-picker-label-size);margin-top:12px;line-height:1;height:var(--f7-color-picker-label-height);flex-shrink:0}.color-picker-bar-value{margin-left:0;margin-bottom:10px}.color-picker-slider-alpha{--f7-range-knob-color:#fff}.color-picker-slider-alpha .range-bar{background-image:linear-gradient(to right,rgba(0,0,0,0),#000),linear-gradient(to right,rgba(255,255,255,.2) 50%,rgba(0,0,0,.2) 50%),linear-gradient(to left,rgba(255,255,255,.2) 50%,rgba(0,0,0,.2) 50%);background-size:100% 100%,6px 3px,6px 3px;background-position:0 0,0px 3px,0 0;background-repeat:repeat-y,repeat-x,repeat-x}.color-picker-slider-hue .range-bar{background-image:linear-gradient(to right,red,#feff00,#0f0,#00feff,#00f,#ff00fe,red)}.color-picker-slider-brightness .range-bar{background-image:linear-gradient(to right,#000,#fff)}.color-picker-module-palette{margin-top:15px}.color-picker-module-palette:first-child{margin-top:0}.color-picker-module-palette:last-child{margin-bottom:0}.color-picker-module-palette:first-child:last-child{margin:0}.color-picker-palette{display:flex;flex-wrap:wrap}.color-picker-palette-row{width:100%;display:flex;flex-wrap:nowrap}.color-picker-palette-row .color-picker-palette-value{width:100%}.color-picker-palette-value{width:var(--f7-color-picker-palette-value-width);height:var(--f7-color-picker-palette-value-height);cursor:pointer}.color-picker-module-current-color,.color-picker-module-initial-current-colors{margin-left:10px;margin-right:10px;border-radius:var(--f7-color-picker-initial-current-color-border-radius);overflow:hidden;flex-shrink:0}.color-picker-current-color,.color-picker-initial-color{height:var(--f7-color-picker-initial-current-color-height)}.color-picker-initial-current-colors{display:flex}.color-picker-initial-current-colors .color-picker-current-color,.color-picker-initial-current-colors .color-picker-initial-color{width:50%}.color-picker-module-alpha-slider,.color-picker-module-brightness-slider,.color-picker-module-hex,.color-picker-module-hsb-sliders,.color-picker-module-hue-slider,.color-picker-module-rgb-sliders{margin-left:10px;margin-right:10px}.color-picker-grouped-modules .color-picker-module-alpha-slider,.color-picker-grouped-modules .color-picker-module-brightness-slider,.color-picker-grouped-modules .color-picker-module-hex,.color-picker-grouped-modules .color-picker-module-hsb-sliders,.color-picker-grouped-modules .color-picker-module-hue-slider,.color-picker-grouped-modules .color-picker-module-rgb-sliders{background:var(--f7-color-picker-group-bg-color);padding:5px;border-radius:4px;margin-top:15px;margin-left:5px;margin-right:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider:last-child,.color-picker-grouped-modules .color-picker-module-brightness-slider:last-child,.color-picker-grouped-modules .color-picker-module-hex:last-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders:last-child,.color-picker-grouped-modules .color-picker-module-hue-slider:last-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders:last-child{margin-bottom:15px}.color-picker-grouped-modules .color-picker-hex-value,.color-picker-grouped-modules .color-picker-slider-value{background:var(--f7-color-picker-group-value-bg-color)}.color-picker-grouped-modules .color-picker-hex-label,.color-picker-grouped-modules .color-picker-slider-label{margin-left:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:first-child{margin-left:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:last-child{margin-right:5px} \ No newline at end of file +:root{--f7-color-picker-sheet-bg-color:#fff;--f7-color-picker-popup-bg-color:#fff;--f7-color-picker-popover-width:350px;--f7-color-picker-slider-size:6px;--f7-color-picker-slider-knob-size:16px;--f7-color-picker-bar-size:50px;--f7-color-picker-bar-min-height:260px;--f7-color-picker-value-bg-color:rgba(0, 0, 0, 0.05);--f7-color-picker-value-width:64px;--f7-color-picker-value-height:32px;--f7-color-picker-value-font-size:16px;--f7-color-picker-value-border-radius:4px;--f7-color-picker-hex-value-width:84px;--f7-color-picker-label-font-size:14px;--f7-color-picker-label-width:10px;--f7-color-picker-label-height:14px;--f7-color-picker-sb-spectrum-height:260px;--f7-color-picker-sb-spectrum-handle-size:16px;--f7-color-picker-wheel-width:330px;--f7-color-picker-group-bg-color:rgba(0, 0, 0, 0.05);--f7-color-picker-group-value-bg-color:#fff;--f7-color-picker-palette-value-width:36px;--f7-color-picker-palette-value-height:36px;--f7-color-picker-initial-current-color-height:40px;--f7-color-picker-initial-current-color-border-radius:4px}:root .theme-dark,:root.theme-dark{--f7-color-picker-sheet-bg-color:#121212;--f7-color-picker-popup-bg-color:#121212;--f7-color-picker-value-bg-color:rgba(255, 255, 255, 0.1);--f7-color-picker-group-bg-color:#000;--f7-color-picker-group-value-bg-color:rgba(255, 255, 255, 0.12)}.color-picker{overflow:hidden;width:100%;display:flex;flex-direction:column}.color-picker-popover .color-picker,.color-picker-popup .color-picker,.color-picker.color-picker-inline{position:relative}.color-picker-sheet-modal{background:var(--f7-color-picker-sheet-bg-color)}.color-picker-sheet-modal:before{z-index:600}.color-picker-sheet-modal .sheet-modal-inner{margin-bottom:var(--f7-safe-area-bottom)}.color-picker-popup .page{background:var(--f7-color-picker-popup-bg-color)}.color-picker-popup .page-content{padding-bottom:var(--f7-safe-area-bottom)}.color-picker-page .color-picker,.color-picker-popover .color-picker,.color-picker-popup .color-picker{height:100%}.color-picker-page .color-picker .toolbar,.color-picker-popover .color-picker .toolbar,.color-picker-popup .color-picker .toolbar{position:absolute}.color-picker-popover{width:var(--f7-color-picker-popover-width);max-width:90vw;max-height:80vh}.color-picker-popover .color-picker{max-height:80vh}.color-picker-popover .toolbar-top{border-top-left-radius:var(--f7-popover-border-radius);border-top-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette{overflow:hidden;flex-shrink:0}.color-picker-popover .color-picker-module-palette:first-child{border-top-left-radius:var(--f7-popover-border-radius);border-top-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette:last-child{border-bottom-left-radius:var(--f7-popover-border-radius);border-bottom-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette:first-child:last-child{border-radius:var(--f7-popover-border-radius)}.color-picker-popover .toolbar~.page-content .color-picker-module-palette:first-child{border-top-left-radius:0;border-top-right-radius:0}.color-picker-page .page-content,.color-picker-popover .page-content,.color-picker-popup .page-content,.color-picker-sheet-modal .page-content{display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column;overflow-x:hidden}.color-picker-module{margin-top:5px}.color-picker-module:last-child{margin-bottom:5px}.color-picker-module-hs-spectrum,.color-picker-module-sb-spectrum{margin-left:10px;margin-right:10px}.color-picker-module-hs-spectrum:first-child,.color-picker-module-sb-spectrum:first-child{margin-top:10px}.color-picker-module-hs-spectrum .color-picker-hs-spectrum,.color-picker-module-hs-spectrum .color-picker-sb-spectrum,.color-picker-module-sb-spectrum .color-picker-hs-spectrum,.color-picker-module-sb-spectrum .color-picker-sb-spectrum{border-radius:4px;height:var(--f7-color-picker-sb-spectrum-height)}.color-picker-sb-spectrum{background-color:#000;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#000 100%),linear-gradient(to left,rgba(255,255,255,0) 0%,#fff 100%);position:relative}.color-picker-hs-spectrum{position:relative;background-image:linear-gradient(to right,red,#feff00,#0f0,#00feff,#00f,#ff00fe,red)}.color-picker-hs-spectrum:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(to bottom,rgba(255,255,255,0),#fff)}.color-picker-hs-spectrum-handle,.color-picker-sb-spectrum-handle{width:4px;height:4px;position:absolute;left:-2px;top:-2px;z-index:1}.color-picker-hs-spectrum-handle:after,.color-picker-sb-spectrum-handle:after{background-color:inherit;content:'';position:absolute;width:var(--f7-color-picker-sb-spectrum-handle-size);height:var(--f7-color-picker-sb-spectrum-handle-size);border:1px solid #fff;border-radius:50%;box-shadow:0px 0px 2px rgba(0,0,0,.5);box-sizing:border-box;left:50%;top:50%;transform:translate(-50%,-50%);transition:150ms;transition-property:transform;transform-origin:center}.color-picker-hs-spectrum-handle.color-picker-hs-spectrum-handle-pressed:after,.color-picker-hs-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after,.color-picker-sb-spectrum-handle.color-picker-hs-spectrum-handle-pressed:after,.color-picker-sb-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after{transform:scale(1.5) translate(-33.333%,-33.333%)}.color-picker-module-wheel{margin-left:10px;margin-right:10px}.color-picker-wheel{position:relative;width:var(--f7-color-picker-wheel-width);max-width:100%;height:auto;font-size:0;margin-left:auto;margin-right:auto}.color-picker-wheel svg{width:100%;height:auto}.color-picker-wheel .color-picker-wheel-handle{width:calc(100% / 6);height:calc(100% / 6);position:absolute;box-sizing:border-box;border:2px solid #fff;box-shadow:0px 0px 5px rgba(0,0,0,.5);background:red;border-radius:50%;left:0;top:0}.color-picker-wheel .color-picker-sb-spectrum{width:45%;height:45%;left:50%;top:50%;transform:translate3d(-50%,-50%,0);position:absolute}.color-picker-slider-wrap{display:flex;align-items:center;margin-bottom:2px}.color-picker-slider-wrap+.color-picker-slider-wrap{margin-top:5px}.color-picker-hex-wrap{justify-content:space-between;display:flex;align-items:center}.color-picker-hex-label,.color-picker-slider-label{font-size:var(--f7-color-picker-label-font-size);width:var(--f7-color-picker-label-size);flex-shrink:0;margin-right:12px}.color-picker-hex-label{width:auto}.color-picker-bar-value,.color-picker-hex-value,.color-picker-slider-value{width:var(--f7-color-picker-value-width);height:var(--f7-color-picker-value-height);background:var(--f7-color-picker-value-bg-color);border-radius:var(--f7-color-picker-value-border-radius);text-align:center;font-size:var(--f7-color-picker-value-font-size);display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-left:10px}.color-picker-bar-value input,.color-picker-hex-value input,.color-picker-slider-value input{width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;background:0 0;color:inherit;font-family:inherit;font-size:inherit;text-align:center;display:block;border-radius:4px}.color-picker-bar-value input::-webkit-inner-spin-button,.color-picker-bar-value input::-webkit-outer-spin-button,.color-picker-hex-value input::-webkit-inner-spin-button,.color-picker-hex-value input::-webkit-outer-spin-button,.color-picker-slider-value input::-webkit-inner-spin-button,.color-picker-slider-value input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;display:none}.color-picker-hex-value{width:var(--f7-color-picker-hex-value-width)}.color-picker-hex-value:first-child{margin-left:auto}.color-picker-slider{--f7-range-bar-active-bg-color:transparent;--f7-range-bar-size:var(--f7-color-picker-slider-size);--f7-range-bar-border-radius:var(--f7-color-picker-slider-size);--f7-range-knob-size:var(--f7-color-picker-slider-knob-size);--f7-range-knob-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3)}.color-picker-slider .range-knob{transition-duration:.2s;transition-property:transform}.color-picker-slider .range-knob:after{width:30px;height:30px;margin-left:-16px;margin-top:-16px}.color-picker-slider .range-knob-active-state .range-knob{transform:scale(1.5)}.md .color-picker-slider.range-slider-min:not(.range-slider-dual) .range-knob{background:var(--f7-range-knob-color)!important;border:none}.color-picker-module-rgb-bars{display:flex;justify-content:space-around;justify-content:space-evenly;align-items:stretch;height:100%;min-height:var(--f7-color-picker-bar-min-height);padding-bottom:10px;padding-top:10px;box-sizing:border-box}.color-picker-bar-wrap{display:flex;align-items:center;flex-direction:column-reverse}.color-picker-bar{--f7-range-bar-active-bg-color:transparent;--f7-range-bar-size:var(--f7-color-picker-bar-size);--f7-range-bar-border-radius:2px;--f7-range-knob-size:6px;--f7-range-knob-box-shadow:0 0px 3px rgba(0, 0, 0, 0.3);--f7-range-knob-color:#fff}.color-picker-bar .range-knob{transition-duration:0s;transition-property:transform;border-radius:3px}.color-picker-bar .range-knob-wrap{height:6px;width:calc(var(--f7-color-picker-bar-size) - 4px);margin-left:calc(-.5 * (var(--f7-color-picker-bar-size) - 4px))}.color-picker-bar .range-knob-active-state .range-knob{transform:scale(1)}.md .color-picker-bar.range-slider-min:not(.range-slider-dual) .range-knob{background:var(--f7-range-knob-color)!important;border:none}.color-picker-bar-label{font-size:var(--f7-color-picker-label-size);margin-top:12px;line-height:1;height:var(--f7-color-picker-label-height);flex-shrink:0}.color-picker-bar-value{margin-left:0;margin-bottom:10px}.color-picker-slider-alpha{--f7-range-knob-color:#fff}.color-picker-slider-alpha .range-bar{background-image:linear-gradient(to right,rgba(0,0,0,0),#000),linear-gradient(to right,rgba(255,255,255,.2) 50%,rgba(0,0,0,.2) 50%),linear-gradient(to left,rgba(255,255,255,.2) 50%,rgba(0,0,0,.2) 50%);background-size:100% 100%,6px 3px,6px 3px;background-position:0 0,0px 3px,0 0;background-repeat:repeat-y,repeat-x,repeat-x}.color-picker-slider-hue .range-bar{background-image:linear-gradient(to right,red,#feff00,#0f0,#00feff,#00f,#ff00fe,red)}.color-picker-slider-brightness .range-bar{background-image:linear-gradient(to right,#000,#fff)}.color-picker-module-palette{margin-top:16px}.color-picker-module-palette:first-child{margin-top:0}.color-picker-module-palette:last-child{margin-bottom:0}.color-picker-module-palette:first-child:last-child{margin:0}.color-picker-palette{display:flex;flex-wrap:wrap}.color-picker-palette-row{width:100%;display:flex;flex-wrap:nowrap}.color-picker-palette-row .color-picker-palette-value{width:100%}.color-picker-palette-value{width:var(--f7-color-picker-palette-value-width);height:var(--f7-color-picker-palette-value-height);cursor:pointer}.color-picker-module-current-color,.color-picker-module-initial-current-colors{margin-left:10px;margin-right:10px;border-radius:var(--f7-color-picker-initial-current-color-border-radius);overflow:hidden;flex-shrink:0}.color-picker-current-color,.color-picker-initial-color{height:var(--f7-color-picker-initial-current-color-height)}.color-picker-initial-current-colors{display:flex}.color-picker-initial-current-colors .color-picker-current-color,.color-picker-initial-current-colors .color-picker-initial-color{width:50%}.color-picker-module-alpha-slider,.color-picker-module-brightness-slider,.color-picker-module-hex,.color-picker-module-hsb-sliders,.color-picker-module-hue-slider,.color-picker-module-rgb-sliders{margin-left:10px;margin-right:10px}.color-picker-grouped-modules .color-picker-module-alpha-slider,.color-picker-grouped-modules .color-picker-module-brightness-slider,.color-picker-grouped-modules .color-picker-module-hex,.color-picker-grouped-modules .color-picker-module-hsb-sliders,.color-picker-grouped-modules .color-picker-module-hue-slider,.color-picker-grouped-modules .color-picker-module-rgb-sliders{background:var(--f7-color-picker-group-bg-color);padding:5px;border-radius:4px;margin-top:16px;margin-left:5px;margin-right:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider:last-child,.color-picker-grouped-modules .color-picker-module-brightness-slider:last-child,.color-picker-grouped-modules .color-picker-module-hex:last-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders:last-child,.color-picker-grouped-modules .color-picker-module-hue-slider:last-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders:last-child{margin-bottom:16px}.color-picker-grouped-modules .color-picker-hex-value,.color-picker-grouped-modules .color-picker-slider-value{background:var(--f7-color-picker-group-value-bg-color)}.color-picker-grouped-modules .color-picker-hex-label,.color-picker-grouped-modules .color-picker-slider-label{margin-left:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:first-child{margin-left:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:last-child{margin-right:5px} \ No newline at end of file diff --git a/packages/core/components/color-picker.js b/packages/core/components/color-picker.js index 37079c3f27..c86e2ea7ff 100644 --- a/packages/core/components/color-picker.js +++ b/packages/core/components/color-picker.js @@ -1 +1 @@ -(function framework7ComponentLoader(e,r){void 0===r&&(r=!0);document,window;var l=e.$,o=(e.Template7,e.utils),n=(e.device,e.support,e.Class),a=(e.Modal,e.ConstructorMethods),t=(e.ModalMethods,{render:function(e){var r=e.params,l=r.sliderLabel,o=r.sliderValue,n=r.sliderValueEditable,a=r.alphaLabelText;return'\n
                \n
                \n '+(l?'\n
                '+a+"
                \n ":"")+'\n
                \n '+(o?'\n
                \n '+(n?'\n \n ':'\n \n ')+"\n
                \n ":"")+"\n
                \n
                \n "},init:function(e){function r(r){var l=e.value.alpha,o=parseFloat(r.target.value);Number.isNaN(o)?r.target.value=l:(o=Math.max(0,Math.min(1,o)),e.setValue({alpha:o}))}e.alphaRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-alpha"),min:0,max:1,step:.01,value:1,on:{change:function(r,l){var o=Math.floor(100*l)/100;e.setValue({alpha:o})}}}),e.$el.on("change",".color-picker-module-alpha-slider input",r),e.destroyAlphaSliderEvents=function(){e.$el.off("change",".color-picker-module-alpha-slider input",r)}},update:function(e){var r=e.value,l=e.params,o=l.sliderValue,n=l.sliderValueEditable,a=r.alpha;e.alphaRangeSlider.value=a,e.alphaRangeSlider.layout(),o&&n?e.$el.find("input.color-picker-value-alpha").val(a):e.$el.find("span.color-picker-value-alpha").text(a)},destroy:function(e){e.alphaRangeSlider&&e.alphaRangeSlider.destroy&&e.alphaRangeSlider.destroy(),delete e.alphaRangeSlider,e.destroyAlphaSliderEvents&&e.destroyAlphaSliderEvents(),delete e.destroyAlphaSliderEvents}}),i={render:function(){return'\n
                \n
                \n
                \n '},update:function(e){e.$el.find(".color-picker-module-current-color .color-picker-current-color").css("background-color",e.value.hex)}},s={render:function(e){var r=e.params,l=r.hexLabel,o=r.hexLabelText;return'\n
                \n
                \n '+(l?'\n
                '+o+"
                \n ":"")+'\n
                \n '+(r.hexValueEditable?'\n \n ':'\n \n ')+"\n
                \n
                \n
                \n "},init:function(e){function r(r){var l=e.value.hex,o=r.target.value.replace(/#/g,"");if(Number.isNaN(o)||!o||3!==o.length&&6!==o.length)r.target.value=l;else{var n=parseInt(o,16);n>parseInt("ffffff",16)&&(o="fff"),n<0&&(o="000"),e.setValue({hex:o})}}e.$el.on("change",".color-picker-module-hex input",r),e.destroyHexEvents=function(){e.$el.off("change",".color-picker-module-hex input",r)}},update:function(e){var r=e.value,l=e.params.hexValueEditable,o=r.hex;l?e.$el.find("input.color-picker-value-hex").val(o):e.$el.find("span.color-picker-value-hex").text(o)},destroy:function(e){e.destroyHexEvents&&e.destroyHexEvents(),delete e.destroyHexEvents}},c={render:function(e){var r=e.params,l=r.sliderLabel,o=r.sliderValue,n=r.sliderValueEditable,a=r.hueLabelText,t=r.saturationLabelText,i=r.brightnessLabelText;return'\n
                \n
                \n '+(l?'\n
                '+a+"
                \n ":"")+'\n
                \n '+(o?'\n
                \n '+(n?'\n \n ':'\n \n ')+"\n
                \n ":"")+'\n
                \n
                \n '+(l?'\n
                '+t+"
                \n ":"")+'\n
                \n '+(o?'\n
                \n '+(n?'\n \n ':'\n \n ')+"\n
                \n ":"")+'\n
                \n
                \n '+(l?'\n
                '+i+"
                \n ":"")+'\n
                \n '+(o?'\n
                \n '+(n?'\n \n ':'\n \n ')+"\n
                \n ":"")+"\n
                \n
                \n "},init:function(e){function r(r){var o=[].concat(e.value.hsb),n=parseInt(l(r.target).attr("data-color-index"),10),a=parseFloat(r.target.value);Number.isNaN(a)?r.target.value=o[n]:(a=0===n?Math.max(0,Math.min(360,a)):Math.max(0,Math.min(100,a))/100,o[n]=a,e.setValue({hsb:o}))}e.hueRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-hue"),min:0,max:360,step:.1,value:0,on:{change:function(r,l){e.setValue({hue:l})}}}),e.saturationRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-saturation"),min:0,max:1,step:.001,value:0,on:{change:function(r,l){var o=Math.floor(1e3*l)/1e3;e.setValue({hsb:[e.value.hsb[0],o,e.value.hsb[2]]})}}}),e.brightnessRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-brightness"),min:0,max:1,step:.001,value:0,on:{change:function(r,l){var o=Math.floor(1e3*l)/1e3;e.setValue({hsb:[e.value.hsb[0],e.value.hsb[1],o]})}}}),e.$el.on("change",".color-picker-module-hsb-sliders input",r),e.destroyHsbSlidersEvents=function(){e.$el.off("change",".color-picker-module-hsb-sliders input",r)}},update:function(e){var r=e.app,l=e.value,n=e.params,a=n.sliderValue,t=n.sliderValueEditable,i=l.hsb,s=l.hue;e.hueRangeSlider.value=s,e.saturationRangeSlider.value=i[1],e.brightnessRangeSlider.value=i[2],e.hueRangeSlider.layout(),e.saturationRangeSlider.layout(),e.brightnessRangeSlider.layout();var c=o.colorHsbToHsl(i[0],i[1],1),d=o.colorHsbToHsl(i[0],0,1),p=o.colorHsbToHsl(i[0],1,1),u=i[2];e.hueRangeSlider.$el[0].style.setProperty("--f7-range-knob-color","hsl("+s+", 100%, 50%)"),e.saturationRangeSlider.$el[0].style.setProperty("--f7-range-knob-color","hsl("+c[0]+", "+100*c[1]+"%, "+100*c[2]+"%)"),e.brightnessRangeSlider.$el[0].style.setProperty("--f7-range-knob-color","rgb("+255*u+", "+255*u+", "+255*u+")"),e.saturationRangeSlider.$el.find(".range-bar").css("background-image","linear-gradient("+(r.rtl?"to left":"to right")+", hsl("+d[0]+", "+100*d[1]+"%, "+100*d[2]+"%), hsl("+p[0]+", "+100*p[1]+"%, "+100*p[2]+"%))"),a&&t?(e.$el.find("input.color-picker-value-hue").val(""+s),e.$el.find("input.color-picker-value-saturation").val(""+1e3*i[1]/10),e.$el.find("input.color-picker-value-brightness").val(""+1e3*i[2]/10)):a&&(e.$el.find("span.color-picker-value-hue").text(""+s),e.$el.find("span.color-picker-value-saturation").text(""+1e3*i[1]/10),e.$el.find("span.color-picker-value-brightness").text(""+1e3*i[2]/10))},destroy:function(e){e.hueRangeSlider&&e.hueRangeSlider.destroy&&e.hueRangeSlider.destroy(),e.saturationRangeSlider&&e.saturationRangeSlider.destroy&&e.saturationRangeSlider.destroy(),e.brightnessRangeSlider&&e.brightnessRangeSlider.destroy&&e.brightnessRangeSlider.destroy(),delete e.hueRangeSlider,delete e.saturationRangeSlider,delete e.brightnessRangeSlider,e.destroyHsbSlidersEvents&&e.destroyHsbSlidersEvents(),delete e.destroyHsbSlidersEvents}},d={render:function(e){var r=e.params,l=r.sliderLabel,o=r.sliderValue,n=r.sliderValueEditable,a=r.hueLabelText;return'\n
                \n
                \n '+(l?'\n
                '+a+"
                \n ":"")+'\n
                \n '+(o?'\n
                \n '+(n?'\n \n ':'\n \n ')+"\n
                \n ":"")+"\n
                \n
                \n "},init:function(e){e.hueRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-hue"),min:0,max:360,step:.1,value:0,on:{change:function(r,l){e.setValue({hue:l})}}})},update:function(e){var r=e.value,l=e.params,o=l.sliderValue,n=l.sliderValueEditable,a=r.hue;e.hueRangeSlider.value=a,e.hueRangeSlider.layout(),e.hueRangeSlider.$el[0].style.setProperty("--f7-range-knob-color","hsl("+a+", 100%, 50%)"),o&&n?e.$el.find("input.color-picker-value-hue").val(""+a):o&&e.$el.find("span.color-picker-value-hue").text(""+a)},destroy:function(e){e.hueRangeSlider&&e.hueRangeSlider.destroy&&e.hueRangeSlider.destroy(),delete e.hueRangeSlider}},p={render:function(e){var r=e.params,l=r.sliderLabel,o=r.sliderValue,n=r.sliderValueEditable,a=r.brightnessLabelText;return'\n
                \n
                \n '+(l?'\n
                '+a+"
                \n ":"")+'\n
                \n '+(o?'\n
                \n '+(n?'\n \n ':'\n \n ')+"\n
                \n ":"")+"\n
                \n
                \n "},init:function(e){e.brightnessRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-brightness"),min:0,max:1,step:.001,value:0,on:{change:function(r,l){var o=Math.floor(1e3*l)/1e3;e.setValue({hsb:[e.value.hsb[0],e.value.hsb[1],o]})}}})},update:function(e){var r=e.value,l=e.app,n=e.params,a=n.sliderValue,t=n.sliderValueEditable,i=r.hsb;e.brightnessRangeSlider.value=i[2],e.brightnessRangeSlider.layout();var s=o.colorHsbToHsl(i[0],i[1],i[2]),c=o.colorHsbToHsl(i[0],i[1],0),d=o.colorHsbToHsl(i[0],i[1],1);e.brightnessRangeSlider.$el[0].style.setProperty("--f7-range-knob-color","hsl("+s[0]+", "+100*s[1]+"%, "+100*s[2]+"%)"),e.brightnessRangeSlider.$el.find(".range-bar").css("background-image","linear-gradient("+(l.rtl?"to left":"to right")+", hsl("+c[0]+", "+100*c[1]+"%, "+100*c[2]+"%), hsl("+d[0]+", "+100*d[1]+"%, "+100*d[2]+"%))"),a&&t?e.$el.find("input.color-picker-value-brightness").val(""+1e3*i[2]/10):a&&e.$el.find("span.color-picker-value-brightness").text(""+1e3*i[2]/10)},destroy:function(e){e.brightnessRangeSlider&&e.brightnessRangeSlider.destroy&&e.brightnessRangeSlider.destroy(),delete e.brightnessRangeSlider}},u={render:function(e){return'\n
                \n
                \n '+e.params.palette.map(function(e){if(Array.isArray(e)){var r='
                ';return r+=e.map(function(e){return'\n
                \n '}).join(""),r+="
                "}return'\n
                \n '}).join("")+"\n
                \n
                \n "},init:function(e){function r(r){var o=l(r.target).attr("data-palette-color");e.setValue({hex:o})}e.$el.on("click",".color-picker-module-palette .color-picker-palette-value",r),e.destroyPaletteEvents=function(){e.$el.off("click",".color-picker-module-hex input",r)}},destroy:function(e){e.destroyPaletteEvents&&e.destroyPaletteEvents(),delete e.destroyPaletteEvents}},v={render:function(){return'\n
                \n
                \n
                \n
                \n
                \n
                \n '},init:function(e){function r(){if(e.initialValue){var r=e.initialValue,l=r.hex,o=r.alpha;e.setValue({hex:l,alpha:o})}}e.$el.on("click",".color-picker-initial-color",r),e.destroyInitialCurrentEvents=function(){e.$el.off("click",".color-picker-initial-color",r)}},update:function(e){e.$el.find(".color-picker-module-initial-current-colors .color-picker-initial-color").css("background-color",e.initialValue.hex),e.$el.find(".color-picker-module-initial-current-colors .color-picker-current-color").css("background-color",e.value.hex)},destroy:function(e){e.destroyInitialCurrentEvents&&e.destroyInitialCurrentEvents(),delete e.destroyInitialCurrentEvents}},h={render:function(e){var r=e.params,l=r.barLabel,o=r.barValue,n=r.barValueEditable,a=r.redLabelText,t=r.greenLabelText,i=r.blueLabelText;return'\n
                \n
                \n '+(l?'\n
                '+a+"
                \n ":"")+'\n
                \n '+(o?'\n
                \n '+(n?'\n \n ':'\n \n ')+"\n
                \n ":"")+'\n
                \n
                \n '+(l?'\n
                '+t+"
                \n ":"")+'\n
                \n '+(o?'\n
                \n '+(n?'\n \n ':'\n \n ')+"\n
                \n ":"")+'\n
                \n
                \n '+(l?'\n
                '+i+"
                \n ":"")+'\n
                \n '+(o?'\n
                \n '+(n?'\n \n ':'\n \n ')+"\n
                \n ":"")+"\n
                \n
                \n "},init:function(e){function r(r){var o=[].concat(e.value.rgb),n=parseInt(l(r.target).attr("data-color-index"),10),a=parseInt(r.target.value,10);Number.isNaN(a)?r.target.value=o[n]:(a=Math.max(0,Math.min(255,a)),o[n]=a,e.setValue({rgb:o}))}e.redBar=e.app.range.create({el:e.$el.find(".color-picker-bar-red"),min:0,max:255,step:1,value:0,vertical:!0,on:{change:function(r,l){e.setValue({rgb:[l,e.value.rgb[1],e.value.rgb[2]]})}}}),e.greenBar=e.app.range.create({el:e.$el.find(".color-picker-bar-green"),min:0,max:255,step:1,value:0,vertical:!0,on:{change:function(r,l){e.setValue({rgb:[e.value.rgb[0],l,e.value.rgb[2]]})}}}),e.blueBar=e.app.range.create({el:e.$el.find(".color-picker-bar-blue"),min:0,max:255,step:1,value:0,vertical:!0,on:{change:function(r,l){e.setValue({rgb:[e.value.rgb[0],e.value.rgb[1],l]})}}}),e.$el.on("change",".color-picker-module-rgb-bars input",r),e.destroyRgbBarsEvents=function(){e.$el.off("change",".color-picker-module-rgb-bars input",r)}},update:function(e){var r=e.value,l=e.redBar,o=e.greenBar,n=e.blueBar,a=e.params,t=a.barValue,i=a.barValueEditable,s=r.rgb;l.value=s[0],o.value=s[1],n.value=s[2],l.layout(),o.layout(),n.layout(),l.$el.find(".range-bar").css("background-image","linear-gradient(to top, rgb(0, "+s[1]+", "+s[2]+"), rgb(255, "+s[1]+", "+s[2]+"))"),o.$el.find(".range-bar").css("background-image","linear-gradient(to top, rgb("+s[0]+", 0, "+s[2]+"), rgb("+s[0]+", 255, "+s[2]+"))"),n.$el.find(".range-bar").css("background-image","linear-gradient(to top, rgb("+s[0]+", "+s[1]+", 0), rgb("+s[0]+", "+s[1]+", 255))"),t&&i?(e.$el.find("input.color-picker-value-bar-red").val(s[0]),e.$el.find("input.color-picker-value-bar-green").val(s[1]),e.$el.find("input.color-picker-value-bar-blue").val(s[2])):t&&(e.$el.find("span.color-picker-value-bar-red").text(s[0]),e.$el.find("span.color-picker-value-bar-green").text(s[1]),e.$el.find("span.color-picker-value-bar-blue").text(s[2]))},destroy:function(e){e.redBar&&e.redBar.destroy&&e.redBar.destroy(),e.greenBar&&e.greenBar.destroy&&e.greenBar.destroy(),e.blueBar&&e.blueBar.destroy&&e.blueBar.destroy(),delete e.redBar,delete e.greenBar,delete e.blueBar,e.destroyRgbBarsEvents&&e.destroyRgbBarsEvents(),delete e.destroyRgbBarsEvents}},g={render:function(e){var r=e.params,l=r.sliderLabel,o=r.sliderValue,n=r.sliderValueEditable,a=r.redLabelText,t=r.greenLabelText,i=r.blueLabelText;return'\n
                \n
                \n '+(l?'\n
                '+a+"
                \n ":"")+'\n
                \n '+(o?'\n
                \n '+(n?'\n \n ':'\n \n ')+"\n
                \n ":"")+'\n
                \n
                \n '+(l?'\n
                '+t+"
                \n ":"")+'\n
                \n '+(o?'\n
                \n '+(n?'\n \n ':'\n \n ')+"\n
                \n ":"")+'\n
                \n
                \n '+(l?'\n
                '+i+"
                \n ":"")+'\n
                \n '+(o?'\n
                \n '+(n?'\n \n ':'\n \n ')+"\n
                \n ":"")+"\n
                \n
                \n "},init:function(e){function r(r){var o=[].concat(e.value.rgb),n=parseInt(l(r.target).attr("data-color-index"),10),a=parseInt(r.target.value,10);Number.isNaN(a)?r.target.value=o[n]:(a=Math.max(0,Math.min(255,a)),o[n]=a,e.setValue({rgb:o}))}e.redRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-red"),min:0,max:255,step:1,value:0,on:{change:function(r,l){e.setValue({rgb:[l,e.value.rgb[1],e.value.rgb[2]]})}}}),e.greenRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-green"),min:0,max:255,step:1,value:0,on:{change:function(r,l){e.setValue({rgb:[e.value.rgb[0],l,e.value.rgb[2]]})}}}),e.blueRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-blue"),min:0,max:255,step:1,value:0,on:{change:function(r,l){e.setValue({rgb:[e.value.rgb[0],e.value.rgb[1],l]})}}}),e.$el.on("change",".color-picker-module-rgb-sliders input",r),e.destroyRgbSlidersEvents=function(){e.$el.off("change",".color-picker-module-rgb-sliders input",r)}},update:function(e){var r=e.app,l=e.value,o=e.redRangeSlider,n=e.greenRangeSlider,a=e.blueRangeSlider,t=e.params,i=t.sliderValue,s=t.sliderValueEditable,c=l.rgb;o.value=c[0],n.value=c[1],a.value=c[2],o.layout(),n.layout(),a.layout(),o.$el[0].style.setProperty("--f7-range-knob-color","rgb("+c[0]+", "+c[1]+", "+c[2]+")"),n.$el[0].style.setProperty("--f7-range-knob-color","rgb("+c[0]+", "+c[1]+", "+c[2]+")"),a.$el[0].style.setProperty("--f7-range-knob-color","rgb("+c[0]+", "+c[1]+", "+c[2]+")");var d=r.rtl?"to left":"to right";o.$el.find(".range-bar").css("background-image","linear-gradient("+d+", rgb(0, "+c[1]+", "+c[2]+"), rgb(255, "+c[1]+", "+c[2]+"))"),n.$el.find(".range-bar").css("background-image","linear-gradient("+d+", rgb("+c[0]+", 0, "+c[2]+"), rgb("+c[0]+", 255, "+c[2]+"))"),a.$el.find(".range-bar").css("background-image","linear-gradient("+d+", rgb("+c[0]+", "+c[1]+", 0), rgb("+c[0]+", "+c[1]+", 255))"),i&&s?(e.$el.find("input.color-picker-value-red").val(c[0]),e.$el.find("input.color-picker-value-green").val(c[1]),e.$el.find("input.color-picker-value-blue").val(c[2])):i&&(e.$el.find("span.color-picker-value-red").text(c[0]),e.$el.find("span.color-picker-value-green").text(c[1]),e.$el.find("span.color-picker-value-blue").text(c[2]))},destroy:function(e){e.redRangeSlider&&e.redRangeSlider.destroy&&e.redRangeSlider.destroy(),e.greenRangeSlider&&e.greenRangeSlider.destroy&&e.greenRangeSlider.destroy(),e.blueRangeSlider&&e.blueRangeSlider.destroy&&e.blueRangeSlider.destroy(),delete e.redRangeSlider,delete e.greenRangeSlider,delete e.blueRangeSlider,e.destroyRgbSlidersEvents&&e.destroyRgbSlidersEvents(),delete e.destroyRgbSlidersEvents}},b={render:function(){return'\n
                \n
                \n
                \n
                \n
                \n '},init:function(e){var r,o,n,a,t,i,s,c,d,p=e.app,u=e.$el;function v(r,l){var o=(r-s.left)/s.width,n=(l-s.top)/s.height;o=Math.max(0,Math.min(1,o)),n=1-Math.max(0,Math.min(1,n)),e.setValue({hsb:[e.value.hue,o,n]})}function h(e){if(!o&&!r){n="touchstart"===e.type?e.targetTouches[0].pageX:e.pageX,t=n,a="touchstart"===e.type?e.targetTouches[0].pageY:e.pageY,i=a;var p=l(e.target);(d=p.closest(".color-picker-sb-spectrum-handle").length>0)||(c=p.closest(".color-picker-sb-spectrum").length>0),c&&(s=u.find(".color-picker-sb-spectrum")[0].getBoundingClientRect(),v(n,a)),(d||c)&&u.find(".color-picker-sb-spectrum-handle").addClass("color-picker-sb-spectrum-handle-pressed")}}function g(e){(c||d)&&(t="touchmove"===e.type?e.targetTouches[0].pageX:e.pageX,i="touchmove"===e.type?e.targetTouches[0].pageY:e.pageY,e.preventDefault(),o||(o=!0,d&&(s=u.find(".color-picker-sb-spectrum")[0].getBoundingClientRect())),(c||d)&&v(t,i))}function b(){o=!1,(c||d)&&u.find(".color-picker-sb-spectrum-handle").removeClass("color-picker-sb-spectrum-handle-pressed"),c=!1,d=!1}function f(){e.modules["sb-spectrum"].update(e)}var k=!("touchstart"!==p.touchEvents.start||!p.support.passiveListener)&&{passive:!0,capture:!1};e.$el.on(p.touchEvents.start,h,k),p.on("touchmove:active",g),p.on("touchend:passive",b),p.on("resize",f),e.destroySpectrumEvents=function(){e.$el.off(p.touchEvents.start,h,k),p.off("touchmove:active",g),p.off("touchend:passive",b),p.off("resize",f)}},update:function(e){var r=e.value,l=r.hsl,o=r.hsb,n=e.$el.find(".color-picker-sb-spectrum")[0].offsetWidth,a=e.$el.find(".color-picker-sb-spectrum")[0].offsetHeight;e.$el.find(".color-picker-sb-spectrum").css("background-color","hsl("+l[0]+", 100%, 50%)"),e.$el.find(".color-picker-sb-spectrum-handle").css("background-color","hsl("+l[0]+", "+100*l[1]+"%, "+100*l[2]+"%)").transform("translate("+n*o[1]+"px, "+a*(1-o[2])+"px)")},destroy:function(e){e.destroySpectrumEvents&&e.destroySpectrumEvents(),delete e.destroySpectrumEvents}},f={render:function(){return'\n
                \n
                \n
                \n
                \n
                \n '},init:function(e){var r,o,n,a,t,i,s,c,d,p=e.app,u=e.$el;function v(r,l){var o=(r-s.left)/s.width*360,n=(l-s.top)/s.height;o=Math.max(0,Math.min(360,o)),n=1-Math.max(0,Math.min(1,n)),e.setValue({hsb:[o,n,e.value.hsb[2]]})}function h(e){if(!o&&!r){n="touchstart"===e.type?e.targetTouches[0].pageX:e.pageX,t=n,a="touchstart"===e.type?e.targetTouches[0].pageY:e.pageY,i=a;var p=l(e.target);(d=p.closest(".color-picker-hs-spectrum-handle").length>0)||(c=p.closest(".color-picker-hs-spectrum").length>0),c&&(s=u.find(".color-picker-hs-spectrum")[0].getBoundingClientRect(),v(n,a)),(d||c)&&u.find(".color-picker-hs-spectrum-handle").addClass("color-picker-hs-spectrum-handle-pressed")}}function g(e){(c||d)&&(t="touchmove"===e.type?e.targetTouches[0].pageX:e.pageX,i="touchmove"===e.type?e.targetTouches[0].pageY:e.pageY,e.preventDefault(),o||(o=!0,d&&(s=u.find(".color-picker-hs-spectrum")[0].getBoundingClientRect())),(c||d)&&v(t,i))}function b(){o=!1,(c||d)&&u.find(".color-picker-hs-spectrum-handle").removeClass("color-picker-hs-spectrum-handle-pressed"),c=!1,d=!1}function f(){e.modules["hs-spectrum"].update(e)}var k=!("touchstart"!==p.touchEvents.start||!p.support.passiveListener)&&{passive:!0,capture:!1};e.$el.on(p.touchEvents.start,h,k),p.on("touchmove:active",g),p.on("touchend:passive",b),p.on("resize",f),e.destroySpectrumEvents=function(){e.$el.off(p.touchEvents.start,h,k),p.off("touchmove:active",g),p.off("touchend:passive",b),p.off("resize",f)}},update:function(e){var r=e.value.hsb,l=e.$el.find(".color-picker-hs-spectrum")[0].offsetWidth,n=e.$el.find(".color-picker-hs-spectrum")[0].offsetHeight,a=o.colorHsbToHsl(r[0],r[1],1);e.$el.find(".color-picker-hs-spectrum-handle").css("background-color","hsl("+a[0]+", "+100*a[1]+"%, "+100*a[2]+"%)").transform("translate("+l*(r[0]/360)+"px, "+n*(1-r[1])+"px)")},destroy:function(e){e.destroySpectrumEvents&&e.destroySpectrumEvents(),delete e.destroySpectrumEvents}};var k={render:function(){return'\n
                \n
                \n '+function(){for(var e="",r=256;r>0;r-=1){var l=r*Math.PI/128,o=1.40625*r;e+=''}return e}()+'\n
                \n
                \n
                \n
                \n
                \n
                \n '},init:function(e){var r,o,n,a,t,i,s,c,d,p,u,v,h=e.app,g=e.$el;function b(r,l){var o=s.left+s.width/2,n=s.top+s.height/2,a=180*Math.atan2(l-n,r-o)/Math.PI+90;a<0&&(a+=360),a=360-a,e.setValue({hue:a})}function f(r,l){var o=(r-p.left)/p.width,n=(l-p.top)/p.height;o=Math.max(0,Math.min(1,o)),n=1-Math.max(0,Math.min(1,n)),e.setValue({hsb:[e.value.hue,o,n]})}function k(e){if(!o&&!r){n="touchstart"===e.type?e.targetTouches[0].pageX:e.pageX,t=n,a="touchstart"===e.type?e.targetTouches[0].pageY:e.pageY,i=a;var h=l(e.target);d=h.closest(".color-picker-wheel-handle").length>0,c=h.closest("circle").length>0,(v=h.closest(".color-picker-sb-spectrum-handle").length>0)||(u=h.closest(".color-picker-sb-spectrum").length>0),c&&(s=g.find(".color-picker-wheel")[0].getBoundingClientRect(),b(n,a)),u&&(p=g.find(".color-picker-sb-spectrum")[0].getBoundingClientRect(),f(n,a)),(v||u)&&g.find(".color-picker-sb-spectrum-handle").addClass("color-picker-sb-spectrum-handle-pressed")}}function m(e){(c||d||u||v)&&(t="touchmove"===e.type?e.targetTouches[0].pageX:e.pageX,i="touchmove"===e.type?e.targetTouches[0].pageY:e.pageY,e.preventDefault(),o||(o=!0,d&&(s=g.find(".color-picker-wheel")[0].getBoundingClientRect()),v&&(p=g.find(".color-picker-sb-spectrum")[0].getBoundingClientRect())),(c||d)&&b(t,i),(u||v)&&f(t,i))}function y(){o=!1,(u||v)&&g.find(".color-picker-sb-spectrum-handle").removeClass("color-picker-sb-spectrum-handle-pressed"),c=!1,d=!1,u=!1,v=!1}function E(){e.modules.wheel.update(e)}var $=!("touchstart"!==h.touchEvents.start||!h.support.passiveListener)&&{passive:!0,capture:!1};e.$el.on(h.touchEvents.start,k,$),h.on("touchmove:active",m),h.on("touchend:passive",y),h.on("resize",E),e.destroyWheelEvents=function(){e.$el.off(h.touchEvents.start,k,$),h.off("touchmove:active",m),h.off("touchend:passive",y),h.off("resize",E)}},update:function(e){var r=e.value,l=r.hsl,o=r.hsb,n=e.$el.find(".color-picker-sb-spectrum")[0].offsetWidth,a=e.$el.find(".color-picker-sb-spectrum")[0].offsetHeight,t=e.$el.find(".color-picker-wheel")[0].offsetWidth,i=t/2,s=r.hue*Math.PI/180,c=t/6/2,d=i-Math.sin(s)*(i-c)-c,p=i-Math.cos(s)*(i-c)-c;e.$el.find(".color-picker-wheel-handle").css("background-color","hsl("+l[0]+", 100%, 50%)").transform("translate("+d+"px, "+p+"px)"),e.$el.find(".color-picker-sb-spectrum").css("background-color","hsl("+l[0]+", 100%, 50%)"),e.$el.find(".color-picker-sb-spectrum-handle").css("background-color","hsl("+l[0]+", "+100*l[1]+"%, "+100*l[2]+"%)").transform("translate("+n*o[1]+"px, "+a*(1-o[2])+"px)")},destroy:function(e){e.destroyWheelEvents&&e.destroyWheelEvents(),delete e.destroyWheelEvents}},m=function(e){function r(r,n){void 0===n&&(n={}),e.call(this,n,[r]);var a,m,y,E,$=this;if($.params=o.extend({},r.params.colorPicker,n),$.params.containerEl&&0===(a=l($.params.containerEl)).length)return $;function x(){$.open()}function C(e){e.preventDefault()}function R(){$.open()}function S(e){if("page"!==$.params.openIn){var r=l(e.target);$.opened&&!$.closing&&(r.closest('[class*="backdrop"]').length||r.closest(".color-picker-popup, .color-picker-popover").length||(m&&m.length>0?r[0]!==m[0]&&0===r.closest(".sheet-modal").length&&$.close():0===l(e.target).closest(".sheet-modal").length&&$.close()))}}return $.params.inputEl&&(m=l($.params.inputEl)),$.params.targetEl&&(y=l($.params.targetEl)),m&&(E=m.parents(".view").length&&m.parents(".view")[0].f7View),!E&&y&&(E=y.parents(".view").length&&y.parents(".view")[0].f7View),E||(E=r.views.main),o.extend($,{app:r,$containerEl:a,containerEl:a&&a[0],inline:a&&a.length>0,$inputEl:m,inputEl:m&&m[0],$targetEl:y,targetEl:y&&y[0],initialized:!1,opened:!1,url:$.params.url,view:E,modules:{"alpha-slider":t,"current-color":i,hex:s,"hsb-sliders":c,"hue-slider":d,"brightness-slider":p,palette:u,"initial-current-colors":v,"rgb-bars":h,"rgb-sliders":g,"sb-spectrum":b,"hs-spectrum":f,wheel:k}}),o.extend($,{attachInputEvents:function(){$.$inputEl.on("click",x),$.params.inputReadOnly&&$.$inputEl.on("focus mousedown",C)},detachInputEvents:function(){$.$inputEl.off("click",x),$.params.inputReadOnly&&$.$inputEl.off("focus mousedown",C)},attachTargetEvents:function(){$.$targetEl.on("click",R)},detachTargetEvents:function(){$.$targetEl.off("click",R)},attachHtmlEvents:function(){r.on("click",S)},detachHtmlEvents:function(){r.off("click",S)}}),$.init(),$}return e&&(r.__proto__=e),r.prototype=Object.create(e&&e.prototype),r.prototype.constructor=r,r.prototype.attachEvents=function(){this.centerModules=this.centerModules.bind(this),this.params.centerModules&&this.app.on("resize",this.centerModules)},r.prototype.detachEvents=function(){this.params.centerModules&&this.app.off("resize",this.centerModules)},r.prototype.centerModules=function(){if(this.opened&&this.$el&&!this.inline){var e=this.$el.find(".page-content");if(e.length){var r=e[0];r.scrollHeight<=r.offsetHeight?e.addClass("justify-content-center"):e.removeClass("justify-content-center")}}},r.prototype.initInput=function(){this.$inputEl&&this.params.inputReadOnly&&this.$inputEl.prop("readOnly",!0)},r.prototype.getModalType=function(){var e=this.app,r=this.modal,l=this.params,o=l.openIn,n=l.openInPhone;return r&&r.type?r.type:"auto"!==o?o:this.inline?null:e.device.ios?e.device.ipad?"popover":n:e.width>=768||e.device.desktop&&"aurora"===e.theme?"popover":n},r.prototype.formatValue=function(){var e=this.value;return this.params.formatValue?this.params.formatValue.call(this,e):e.hex},r.prototype.normalizeHsValues=function(e){return[Math.floor(10*e[0])/10,Math.floor(1e3*e[1])/1e3,Math.floor(1e3*e[2])/1e3]},r.prototype.setValue=function(e,r){void 0===e&&(e={}),void 0===r&&(r=!0);var l=this;if(void 0!==e){var n=l.value||{},a=n.hex,t=n.rgb,i=n.hsl,s=n.hsb,c=n.alpha;void 0===c&&(c=1);var d,p=n.hue,u=n.rgba,v=n.hsla,h=l.value||!l.value&&!l.params.value;if(Object.keys(e).forEach(function(r){if(l.value&&void 0!==l.value[r]){var o=e[r];Array.isArray(o)?o.forEach(function(e,o){e!==l.value[r][o]&&(d=!0)}):o!==l.value[r]&&(d=!0)}else d=!0}),d){if(e.rgb||e.rgba){var g=e.rgb||e.rgba,b=g[0],f=g[1],k=g[2],m=g[3];void 0===m&&(m=c),t=[b,f,k],a=o.colorRgbToHex.apply(o,t),i=o.colorRgbToHsl.apply(o,t),s=o.colorHslToHsb.apply(o,i),i=l.normalizeHsValues(i),p=(s=l.normalizeHsValues(s))[0],c=m,u=[t[0],t[1],t[2],m],v=[i[0],i[1],i[2],m]}if(e.hsl||e.hsla){var y=e.hsl||e.hsla,E=y[0],$=y[1],x=y[2],C=y[3];void 0===C&&(C=c),i=[E,$,x],t=o.colorHslToRgb.apply(o,i),a=o.colorRgbToHex.apply(o,t),s=o.colorHslToHsb.apply(o,i),i=l.normalizeHsValues(i),p=(s=l.normalizeHsValues(s))[0],c=C,u=[t[0],t[1],t[2],C],v=[i[0],i[1],i[2],C]}if(e.hsb){var R=e.hsb,S=R[0],V=R[1],T=R[2],B=R[3];void 0===B&&(B=c),s=[S,V,T],i=o.colorHsbToHsl.apply(o,s),t=o.colorHslToRgb.apply(o,i),a=o.colorRgbToHex.apply(o,t),i=l.normalizeHsValues(i),p=(s=l.normalizeHsValues(s))[0],c=B,u=[t[0],t[1],t[2],B],v=[i[0],i[1],i[2],B]}if(e.hex&&(t=o.colorHexToRgb(e.hex),a=o.colorRgbToHex.apply(o,t),i=o.colorRgbToHsl.apply(o,t),s=o.colorHslToHsb.apply(o,i),i=l.normalizeHsValues(i),p=(s=l.normalizeHsValues(s))[0],u=[t[0],t[1],t[2],c],v=[i[0],i[1],i[2],c]),void 0!==e.alpha&&(c=e.alpha,void 0!==t&&(u=[t[0],t[1],t[2],c]),void 0!==i&&(v=[i[0],i[1],i[2],c])),void 0!==e.hue){i[0];var F=i[1],M=i[2];i=[e.hue,F,M],s=o.colorHslToHsb.apply(o,i),t=o.colorHslToRgb.apply(o,i),a=o.colorRgbToHex.apply(o,t),i=l.normalizeHsValues(i),p=(s=l.normalizeHsValues(s))[0],u=[t[0],t[1],t[2],c],v=[i[0],i[1],i[2],c]}l.value={hex:a,alpha:c,hue:p,rgb:t,hsl:i,hsb:s,rgba:u,hsla:v},l.initialValue||(l.initialValue=o.extend({},l.value)),l.updateValue(h),l.opened&&r&&l.updateModules()}}},r.prototype.getValue=function(){return this.value},r.prototype.updateValue=function(e){void 0===e&&(e=!0);var r=this.$inputEl,l=this.value,o=this.$targetEl;if(o&&this.params.targetElSetBackgroundColor){var n=l.rgba;o.css("background-color","rgba("+n.join(", ")+")")}if(e&&this.emit("local::change colorPickerChange",this,l),r&&r.length){var a=this.formatValue(l);r&&r.length&&(r.val(a),e&&r.trigger("change"))}},r.prototype.updateModules=function(){var e=this,r=e.modules;e.params.modules.forEach(function(l){"string"==typeof l&&r[l]&&r[l].update?r[l].update(e):l&&l.update&&l.update(e)})},r.prototype.update=function(){this.updateModules()},r.prototype.renderPicker=function(){var e=this,r=e.params,l=e.modules,o="";return r.modules.forEach(function(r){"string"==typeof r&&l[r]&&l[r].render?o+=l[r].render(e):r&&r.render&&(o+=r.render(e))}),o},r.prototype.renderNavbar=function(){if(this.params.renderNavbar)return this.params.renderNavbar.call(this,this);var e=this.params,r=e.openIn,l=e.navbarTitleText,o=e.navbarBackLinkText,n=e.navbarCloseText;return('\n
                \n
                \n
                \n '+("page"===r?'\n
                \n \n \n '+o+"\n \n
                \n ":"")+'\n
                '+l+"
                \n "+("page"!==r?'\n
                \n '+n+"\n
                \n ":"")+"\n
                \n
                \n ").trim()},r.prototype.renderToolbar=function(){return this.params.renderToolbar?this.params.renderToolbar.call(this,this):('\n
                \n
                \n
                \n
                \n '+this.params.toolbarCloseText+"\n
                \n
                \n
                \n ").trim()},r.prototype.renderInline=function(){var e=this.params,r=e.cssClass;return('\n
                \n '+this.renderPicker()+"\n
                \n ").trim()},r.prototype.renderSheet=function(){var e=this.params,r=e.cssClass,l=e.toolbarSheet;return('\n
                \n '+(l?this.renderToolbar():"")+'\n
                \n
                \n '+this.renderPicker()+"\n
                \n
                \n
                \n ").trim()},r.prototype.renderPopover=function(){var e=this.params,r=e.cssClass,l=e.toolbarPopover;return('\n
                \n
                \n
                \n '+(l?this.renderToolbar():"")+'\n
                \n '+this.renderPicker()+"\n
                \n
                \n
                \n
                \n ").trim()},r.prototype.renderPopup=function(){var e=this.params,r=e.cssClass,l=e.navbarPopup,o=e.groupedModules;return('\n
                \n
                \n '+(l?this.renderNavbar():"")+'\n
                \n
                \n '+this.renderPicker()+"\n
                \n
                \n
                \n
                \n ").trim()},r.prototype.renderPage=function(){var e=this.params,r=e.cssClass,l=e.groupedModules;return('\n
                \n '+this.renderNavbar()+'\n
                \n
                \n '+this.renderPicker()+"\n
                \n
                \n
                \n ").trim()},r.prototype.render=function(){var e=this.params;if(e.render)return e.render.call(this);if(this.inline)return this.renderInline();if("page"===e.openIn)return this.renderPage();var r=this.getModalType();return"popover"===r?this.renderPopover():"sheet"===r?this.renderSheet():"popup"===r?this.renderPopup():void 0},r.prototype.onOpen=function(){var e=this,r=e.initialized,l=e.$el,n=e.app,a=e.$inputEl,t=e.inline,i=e.value,s=e.params,c=e.modules;e.closing=!1,e.opened=!0,e.opening=!0,e.attachEvents(),s.modules.forEach(function(r){"string"==typeof r&&c[r]&&c[r].render?c[r].init(e):r&&r.init&&r.init(e)});var d=!i&&s.value;r?i&&(e.initialValue=o.extend({},i),e.setValue(i,!1)):i?e.setValue(i):s.value?e.setValue(s.value,!1):s.value||e.setValue({hex:"#ff0000"},!1),d&&e.updateValue(),e.updateModules(),s.centerModules&&e.centerModules(),!t&&a&&a.length&&"md"===n.theme&&a.trigger("focus"),e.initialized=!0,l&&l.trigger("colorpicker:open",e),a&&a.trigger("colorpicker:open",e),e.emit("local::open colorPickerOpen",e)},r.prototype.onOpened=function(){this.opening=!1,this.$el&&this.$el.trigger("colorpicker:opened",this),this.$inputEl&&this.$inputEl.trigger("colorpicker:opened",this),this.emit("local::opened colorPickerOpened",this)},r.prototype.onClose=function(){var e=this,r=e.app,l=e.params,o=e.modules;e.opening=!1,e.closing=!0,e.detachEvents(),e.$inputEl&&"md"===r.theme&&e.$inputEl.trigger("blur"),l.modules.forEach(function(r){"string"==typeof r&&o[r]&&o[r].update?o[r].destroy(e):r&&r.destroy&&r.destroy(e)}),e.$el&&e.$el.trigger("colorpicker:close",e),e.$inputEl&&e.$inputEl.trigger("colorpicker:close",e),e.emit("local::close colorPickerClose",e)},r.prototype.onClosed=function(){var e=this;e.opened=!1,e.closing=!1,e.inline||o.nextTick(function(){e.modal&&e.modal.el&&e.modal.destroy&&(e.params.routableModals||e.modal.destroy()),delete e.modal}),e.$el&&e.$el.trigger("colorpicker:closed",e),e.$inputEl&&e.$inputEl.trigger("colorpicker:closed",e),e.emit("local::closed colorPickerClosed",e)},r.prototype.open=function(){var e,r=this,o=r.app,n=r.opened,a=r.inline,t=r.$inputEl,i=r.$targetEl,s=r.params;if(!n){if(a)return r.$el=l(r.render()),r.$el[0].f7ColorPicker=r,r.$containerEl.append(r.$el),r.onOpen(),void r.onOpened();var c=r.render();if("page"===s.openIn)r.view.router.navigate({url:r.url,route:{content:c,path:r.url,on:{pageBeforeIn:function(e,l){r.$el=l.$el.find(".color-picker"),r.$el[0].f7ColorPicker=r,r.onOpen()},pageAfterIn:function(){r.onOpened()},pageBeforeOut:function(){r.onClose()},pageAfterOut:function(){r.onClosed(),r.$el&&r.$el[0]&&(r.$el[0].f7ColorPicker=null,delete r.$el[0].f7ColorPicker)}}}});else{var d=r.getModalType(),p=s.backdrop;null==p&&("popover"===d&&!1!==o.params.popover.backdrop&&(p=!0),"popup"===d&&(p=!0));var u={targetEl:i||t,scrollToEl:s.scrollToInput?i||t:void 0,content:c,backdrop:p,closeByBackdropClick:s.closeByBackdropClick,on:{open:function(){r.modal=this,r.$el="popover"===d||"popup"===d?this.$el.find(".color-picker"):this.$el,r.$el[0].f7ColorPicker=r,r.onOpen()},opened:function(){r.onOpened()},close:function(){r.onClose()},closed:function(){r.onClosed(),r.$el&&r.$el[0]&&(r.$el[0].f7ColorPicker=null,delete r.$el[0].f7ColorPicker)}}};s.routableModals?r.view.router.navigate({url:r.url,route:(e={path:r.url},e[d]=u,e)}):(r.modal=o[d].create(u),r.modal.open())}}},r.prototype.close=function(){var e=this.opened,r=this.inline;if(e)return r?(this.onClose(),void this.onClosed()):void(this.params.routableModals?this.view.router.back():this.modal.close())},r.prototype.init=function(){if(this.initInput(),this.inline)return this.open(),void this.emit("local::init colorPickerInit",this);!this.initialized&&this.params.value&&this.setValue(this.params.value),this.$inputEl&&this.attachInputEvents(),this.$targetEl&&this.attachTargetEvents(),this.params.closeByOutsideClick&&this.attachHtmlEvents(),this.emit("local::init colorPickerInit",this)},r.prototype.destroy=function(){if(!this.destroyed){var e=this.$el;this.emit("local::beforeDestroy colorPickerBeforeDestroy",this),e&&e.trigger("colorpicker:beforedestroy",this),this.close(),this.detachEvents(),this.$inputEl&&this.detachInputEvents(),this.$targetEl&&this.detachTargetEvents(),this.params.closeByOutsideClick&&this.detachHtmlEvents(),e&&e.length&&delete this.$el[0].f7ColorPicker,o.deleteProps(this),this.destroyed=!0}},r}(n),y={name:"colorPicker",static:{ColorPicker:m},create:function(){this.colorPicker=a({defaultSelector:".color-picker",constructor:m,app:this,domProp:"f7ColorPicker"}),this.colorPicker.close=function(e){void 0===e&&(e=".color-picker");var r=l(e);if(0!==r.length){var o=r[0].f7ColorPicker;!o||o&&!o.opened||o.close()}}},params:{colorPicker:{value:null,modules:["wheel"],palette:[["#FFEBEE","#FFCDD2","#EF9A9A","#E57373","#EF5350","#F44336","#E53935","#D32F2F","#C62828","#B71C1C"],["#F3E5F5","#E1BEE7","#CE93D8","#BA68C8","#AB47BC","#9C27B0","#8E24AA","#7B1FA2","#6A1B9A","#4A148C"],["#E8EAF6","#C5CAE9","#9FA8DA","#7986CB","#5C6BC0","#3F51B5","#3949AB","#303F9F","#283593","#1A237E"],["#E1F5FE","#B3E5FC","#81D4FA","#4FC3F7","#29B6F6","#03A9F4","#039BE5","#0288D1","#0277BD","#01579B"],["#E0F2F1","#B2DFDB","#80CBC4","#4DB6AC","#26A69A","#009688","#00897B","#00796B","#00695C","#004D40"],["#F1F8E9","#DCEDC8","#C5E1A5","#AED581","#9CCC65","#8BC34A","#7CB342","#689F38","#558B2F","#33691E"],["#FFFDE7","#FFF9C4","#FFF59D","#FFF176","#FFEE58","#FFEB3B","#FDD835","#FBC02D","#F9A825","#F57F17"],["#FFF3E0","#FFE0B2","#FFCC80","#FFB74D","#FFA726","#FF9800","#FB8C00","#F57C00","#EF6C00","#E65100"]],groupedModules:!1,centerModules:!0,sliderLabel:!1,sliderValue:!1,sliderValueEdiable:!1,barLabel:!1,barValue:!1,barValueEdiable:!1,hexLabel:!1,hexValueEditable:!1,redLabelText:"R",greenLabelText:"G",blueLabelText:"B",hueLabelText:"H",saturationLabelText:"S",brightnessLabelText:"B",hexLabelText:"HEX",alphaLabelText:"A",containerEl:null,openIn:"popover",openInPhone:"popup",formatValue:null,targetEl:null,targetElSetBackgroundColor:!1,inputEl:null,inputReadOnly:!0,closeByOutsideClick:!0,scrollToInput:!0,toolbarSheet:!0,toolbarPopover:!1,toolbarCloseText:"Done",navbarPopup:!0,navbarCloseText:"Done",navbarTitleText:"Color",navbarBackLinkText:"Back",cssClass:null,routableModals:!0,view:null,url:"color/",backdrop:null,closeByBackdropClick:!0,renderToolbar:null,renderNavbar:null,renderInline:null,renderPopover:null,renderSheet:null,renderPopup:null,render:null}}};if(r){if(e.prototype.modules&&e.prototype.modules[y.name])return;e.use(y),e.instance&&(e.instance.useModuleParams(y,e.instance.params),e.instance.useModule(y))}return y}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent)) +(function framework7ComponentLoader(e,r){void 0===r&&(r=!0);document,window;var l=e.$,o=(e.Template7,e.utils),n=(e.device,e.support,e.Class),a=(e.Modal,e.ConstructorMethods),t=(e.ModalMethods,{render:function(e){var r=e.params,l=r.sliderLabel,o=r.sliderValue,n=r.sliderValueEditable,a=r.alphaLabelText;return'\n
                \n
                \n '+(l?'\n
                '+a+"
                \n ":"")+'\n
                \n '+(o?'\n
                \n '+(n?'\n \n ':'\n \n ')+"\n
                \n ":"")+"\n
                \n
                \n "},init:function(e){function r(r){var l=e.value.alpha,o=parseFloat(r.target.value);Number.isNaN(o)?r.target.value=l:(o=Math.max(0,Math.min(1,o)),e.setValue({alpha:o}))}e.alphaRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-alpha"),min:0,max:1,step:.01,value:1,on:{change:function(r,l){var o=Math.floor(100*l)/100;e.setValue({alpha:o})}}}),e.$el.on("change",".color-picker-module-alpha-slider input",r),e.destroyAlphaSliderEvents=function(){e.$el.off("change",".color-picker-module-alpha-slider input",r)}},update:function(e){var r=e.value,l=e.params,o=l.sliderValue,n=l.sliderValueEditable,a=r.alpha;e.alphaRangeSlider.value=a,e.alphaRangeSlider.layout(),o&&n?e.$el.find("input.color-picker-value-alpha").val(a):e.$el.find("span.color-picker-value-alpha").text(a)},destroy:function(e){e.alphaRangeSlider&&e.alphaRangeSlider.destroy&&e.alphaRangeSlider.destroy(),delete e.alphaRangeSlider,e.destroyAlphaSliderEvents&&e.destroyAlphaSliderEvents(),delete e.destroyAlphaSliderEvents}}),i={render:function(){return'\n
                \n
                \n
                \n '},update:function(e){e.$el.find(".color-picker-module-current-color .color-picker-current-color").css("background-color",e.value.hex)}},s={render:function(e){var r=e.params,l=r.hexLabel,o=r.hexLabelText;return'\n
                \n
                \n '+(l?'\n
                '+o+"
                \n ":"")+'\n
                \n '+(r.hexValueEditable?'\n \n ':'\n \n ')+"\n
                \n
                \n
                \n "},init:function(e){function r(r){var l=e.value.hex,o=r.target.value.replace(/#/g,"");if(Number.isNaN(o)||!o||3!==o.length&&6!==o.length)r.target.value=l;else{var n=parseInt(o,16);n>parseInt("ffffff",16)&&(o="fff"),n<0&&(o="000"),e.setValue({hex:o})}}e.$el.on("change",".color-picker-module-hex input",r),e.destroyHexEvents=function(){e.$el.off("change",".color-picker-module-hex input",r)}},update:function(e){var r=e.value,l=e.params.hexValueEditable,o=r.hex;l?e.$el.find("input.color-picker-value-hex").val(o):e.$el.find("span.color-picker-value-hex").text(o)},destroy:function(e){e.destroyHexEvents&&e.destroyHexEvents(),delete e.destroyHexEvents}},c={render:function(e){var r=e.params,l=r.sliderLabel,o=r.sliderValue,n=r.sliderValueEditable,a=r.hueLabelText,t=r.saturationLabelText,i=r.brightnessLabelText;return'\n
                \n
                \n '+(l?'\n
                '+a+"
                \n ":"")+'\n
                \n '+(o?'\n
                \n '+(n?'\n \n ':'\n \n ')+"\n
                \n ":"")+'\n
                \n
                \n '+(l?'\n
                '+t+"
                \n ":"")+'\n
                \n '+(o?'\n
                \n '+(n?'\n \n ':'\n \n ')+"\n
                \n ":"")+'\n
                \n
                \n '+(l?'\n
                '+i+"
                \n ":"")+'\n
                \n '+(o?'\n
                \n '+(n?'\n \n ':'\n \n ')+"\n
                \n ":"")+"\n
                \n
                \n "},init:function(e){function r(r){var o=[].concat(e.value.hsb),n=parseInt(l(r.target).attr("data-color-index"),10),a=parseFloat(r.target.value);Number.isNaN(a)?r.target.value=o[n]:(a=0===n?Math.max(0,Math.min(360,a)):Math.max(0,Math.min(100,a))/100,o[n]=a,e.setValue({hsb:o}))}e.hueRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-hue"),min:0,max:360,step:.1,value:0,on:{change:function(r,l){e.setValue({hue:l})}}}),e.saturationRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-saturation"),min:0,max:1,step:.001,value:0,on:{change:function(r,l){var o=Math.floor(1e3*l)/1e3;e.setValue({hsb:[e.value.hsb[0],o,e.value.hsb[2]]})}}}),e.brightnessRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-brightness"),min:0,max:1,step:.001,value:0,on:{change:function(r,l){var o=Math.floor(1e3*l)/1e3;e.setValue({hsb:[e.value.hsb[0],e.value.hsb[1],o]})}}}),e.$el.on("change",".color-picker-module-hsb-sliders input",r),e.destroyHsbSlidersEvents=function(){e.$el.off("change",".color-picker-module-hsb-sliders input",r)}},update:function(e){var r=e.app,l=e.value,n=e.params,a=n.sliderValue,t=n.sliderValueEditable,i=l.hsb,s=l.hue;e.hueRangeSlider.value=s,e.saturationRangeSlider.value=i[1],e.brightnessRangeSlider.value=i[2],e.hueRangeSlider.layout(),e.saturationRangeSlider.layout(),e.brightnessRangeSlider.layout();var c=o.colorHsbToHsl(i[0],i[1],1),d=o.colorHsbToHsl(i[0],0,1),p=o.colorHsbToHsl(i[0],1,1),u=i[2];e.hueRangeSlider.$el[0].style.setProperty("--f7-range-knob-color","hsl("+s+", 100%, 50%)"),e.saturationRangeSlider.$el[0].style.setProperty("--f7-range-knob-color","hsl("+c[0]+", "+100*c[1]+"%, "+100*c[2]+"%)"),e.brightnessRangeSlider.$el[0].style.setProperty("--f7-range-knob-color","rgb("+255*u+", "+255*u+", "+255*u+")"),e.saturationRangeSlider.$el.find(".range-bar").css("background-image","linear-gradient("+(r.rtl?"to left":"to right")+", hsl("+d[0]+", "+100*d[1]+"%, "+100*d[2]+"%), hsl("+p[0]+", "+100*p[1]+"%, "+100*p[2]+"%))"),a&&t?(e.$el.find("input.color-picker-value-hue").val(""+s),e.$el.find("input.color-picker-value-saturation").val(""+1e3*i[1]/10),e.$el.find("input.color-picker-value-brightness").val(""+1e3*i[2]/10)):a&&(e.$el.find("span.color-picker-value-hue").text(""+s),e.$el.find("span.color-picker-value-saturation").text(""+1e3*i[1]/10),e.$el.find("span.color-picker-value-brightness").text(""+1e3*i[2]/10))},destroy:function(e){e.hueRangeSlider&&e.hueRangeSlider.destroy&&e.hueRangeSlider.destroy(),e.saturationRangeSlider&&e.saturationRangeSlider.destroy&&e.saturationRangeSlider.destroy(),e.brightnessRangeSlider&&e.brightnessRangeSlider.destroy&&e.brightnessRangeSlider.destroy(),delete e.hueRangeSlider,delete e.saturationRangeSlider,delete e.brightnessRangeSlider,e.destroyHsbSlidersEvents&&e.destroyHsbSlidersEvents(),delete e.destroyHsbSlidersEvents}},d={render:function(e){var r=e.params,l=r.sliderLabel,o=r.sliderValue,n=r.sliderValueEditable,a=r.hueLabelText;return'\n
                \n
                \n '+(l?'\n
                '+a+"
                \n ":"")+'\n
                \n '+(o?'\n
                \n '+(n?'\n \n ':'\n \n ')+"\n
                \n ":"")+"\n
                \n
                \n "},init:function(e){e.hueRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-hue"),min:0,max:360,step:.1,value:0,on:{change:function(r,l){e.setValue({hue:l})}}})},update:function(e){var r=e.value,l=e.params,o=l.sliderValue,n=l.sliderValueEditable,a=r.hue;e.hueRangeSlider.value=a,e.hueRangeSlider.layout(),e.hueRangeSlider.$el[0].style.setProperty("--f7-range-knob-color","hsl("+a+", 100%, 50%)"),o&&n?e.$el.find("input.color-picker-value-hue").val(""+a):o&&e.$el.find("span.color-picker-value-hue").text(""+a)},destroy:function(e){e.hueRangeSlider&&e.hueRangeSlider.destroy&&e.hueRangeSlider.destroy(),delete e.hueRangeSlider}},p={render:function(e){var r=e.params,l=r.sliderLabel,o=r.sliderValue,n=r.sliderValueEditable,a=r.brightnessLabelText;return'\n
                \n
                \n '+(l?'\n
                '+a+"
                \n ":"")+'\n
                \n '+(o?'\n
                \n '+(n?'\n \n ':'\n \n ')+"\n
                \n ":"")+"\n
                \n
                \n "},init:function(e){e.brightnessRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-brightness"),min:0,max:1,step:.001,value:0,on:{change:function(r,l){var o=Math.floor(1e3*l)/1e3;e.setValue({hsb:[e.value.hsb[0],e.value.hsb[1],o]})}}})},update:function(e){var r=e.value,l=e.app,n=e.params,a=n.sliderValue,t=n.sliderValueEditable,i=r.hsb;e.brightnessRangeSlider.value=i[2],e.brightnessRangeSlider.layout();var s=o.colorHsbToHsl(i[0],i[1],i[2]),c=o.colorHsbToHsl(i[0],i[1],0),d=o.colorHsbToHsl(i[0],i[1],1);e.brightnessRangeSlider.$el[0].style.setProperty("--f7-range-knob-color","hsl("+s[0]+", "+100*s[1]+"%, "+100*s[2]+"%)"),e.brightnessRangeSlider.$el.find(".range-bar").css("background-image","linear-gradient("+(l.rtl?"to left":"to right")+", hsl("+c[0]+", "+100*c[1]+"%, "+100*c[2]+"%), hsl("+d[0]+", "+100*d[1]+"%, "+100*d[2]+"%))"),a&&t?e.$el.find("input.color-picker-value-brightness").val(""+1e3*i[2]/10):a&&e.$el.find("span.color-picker-value-brightness").text(""+1e3*i[2]/10)},destroy:function(e){e.brightnessRangeSlider&&e.brightnessRangeSlider.destroy&&e.brightnessRangeSlider.destroy(),delete e.brightnessRangeSlider}},u={render:function(e){return'\n
                \n
                \n '+e.params.palette.map(function(e){if(Array.isArray(e)){var r='
                ';return r+=e.map(function(e){return'\n
                \n '}).join(""),r+="
                "}return'\n
                \n '}).join("")+"\n
                \n
                \n "},init:function(e){function r(r){var o=l(r.target).attr("data-palette-color");e.setValue({hex:o})}e.$el.on("click",".color-picker-module-palette .color-picker-palette-value",r),e.destroyPaletteEvents=function(){e.$el.off("click",".color-picker-module-hex input",r)}},destroy:function(e){e.destroyPaletteEvents&&e.destroyPaletteEvents(),delete e.destroyPaletteEvents}},v={render:function(){return'\n
                \n
                \n
                \n
                \n
                \n
                \n '},init:function(e){function r(){if(e.initialValue){var r=e.initialValue,l=r.hex,o=r.alpha;e.setValue({hex:l,alpha:o})}}e.$el.on("click",".color-picker-initial-color",r),e.destroyInitialCurrentEvents=function(){e.$el.off("click",".color-picker-initial-color",r)}},update:function(e){e.$el.find(".color-picker-module-initial-current-colors .color-picker-initial-color").css("background-color",e.initialValue.hex),e.$el.find(".color-picker-module-initial-current-colors .color-picker-current-color").css("background-color",e.value.hex)},destroy:function(e){e.destroyInitialCurrentEvents&&e.destroyInitialCurrentEvents(),delete e.destroyInitialCurrentEvents}},h={render:function(e){var r=e.params,l=r.barLabel,o=r.barValue,n=r.barValueEditable,a=r.redLabelText,t=r.greenLabelText,i=r.blueLabelText;return'\n
                \n
                \n '+(l?'\n
                '+a+"
                \n ":"")+'\n
                \n '+(o?'\n
                \n '+(n?'\n \n ':'\n \n ')+"\n
                \n ":"")+'\n
                \n
                \n '+(l?'\n
                '+t+"
                \n ":"")+'\n
                \n '+(o?'\n
                \n '+(n?'\n \n ':'\n \n ')+"\n
                \n ":"")+'\n
                \n
                \n '+(l?'\n
                '+i+"
                \n ":"")+'\n
                \n '+(o?'\n
                \n '+(n?'\n \n ':'\n \n ')+"\n
                \n ":"")+"\n
                \n
                \n "},init:function(e){function r(r){var o=[].concat(e.value.rgb),n=parseInt(l(r.target).attr("data-color-index"),10),a=parseInt(r.target.value,10);Number.isNaN(a)?r.target.value=o[n]:(a=Math.max(0,Math.min(255,a)),o[n]=a,e.setValue({rgb:o}))}e.redBar=e.app.range.create({el:e.$el.find(".color-picker-bar-red"),min:0,max:255,step:1,value:0,vertical:!0,on:{change:function(r,l){e.setValue({rgb:[l,e.value.rgb[1],e.value.rgb[2]]})}}}),e.greenBar=e.app.range.create({el:e.$el.find(".color-picker-bar-green"),min:0,max:255,step:1,value:0,vertical:!0,on:{change:function(r,l){e.setValue({rgb:[e.value.rgb[0],l,e.value.rgb[2]]})}}}),e.blueBar=e.app.range.create({el:e.$el.find(".color-picker-bar-blue"),min:0,max:255,step:1,value:0,vertical:!0,on:{change:function(r,l){e.setValue({rgb:[e.value.rgb[0],e.value.rgb[1],l]})}}}),e.$el.on("change",".color-picker-module-rgb-bars input",r),e.destroyRgbBarsEvents=function(){e.$el.off("change",".color-picker-module-rgb-bars input",r)}},update:function(e){var r=e.value,l=e.redBar,o=e.greenBar,n=e.blueBar,a=e.params,t=a.barValue,i=a.barValueEditable,s=r.rgb;l.value=s[0],o.value=s[1],n.value=s[2],l.layout(),o.layout(),n.layout(),l.$el.find(".range-bar").css("background-image","linear-gradient(to top, rgb(0, "+s[1]+", "+s[2]+"), rgb(255, "+s[1]+", "+s[2]+"))"),o.$el.find(".range-bar").css("background-image","linear-gradient(to top, rgb("+s[0]+", 0, "+s[2]+"), rgb("+s[0]+", 255, "+s[2]+"))"),n.$el.find(".range-bar").css("background-image","linear-gradient(to top, rgb("+s[0]+", "+s[1]+", 0), rgb("+s[0]+", "+s[1]+", 255))"),t&&i?(e.$el.find("input.color-picker-value-bar-red").val(s[0]),e.$el.find("input.color-picker-value-bar-green").val(s[1]),e.$el.find("input.color-picker-value-bar-blue").val(s[2])):t&&(e.$el.find("span.color-picker-value-bar-red").text(s[0]),e.$el.find("span.color-picker-value-bar-green").text(s[1]),e.$el.find("span.color-picker-value-bar-blue").text(s[2]))},destroy:function(e){e.redBar&&e.redBar.destroy&&e.redBar.destroy(),e.greenBar&&e.greenBar.destroy&&e.greenBar.destroy(),e.blueBar&&e.blueBar.destroy&&e.blueBar.destroy(),delete e.redBar,delete e.greenBar,delete e.blueBar,e.destroyRgbBarsEvents&&e.destroyRgbBarsEvents(),delete e.destroyRgbBarsEvents}},g={render:function(e){var r=e.params,l=r.sliderLabel,o=r.sliderValue,n=r.sliderValueEditable,a=r.redLabelText,t=r.greenLabelText,i=r.blueLabelText;return'\n
                \n
                \n '+(l?'\n
                '+a+"
                \n ":"")+'\n
                \n '+(o?'\n
                \n '+(n?'\n \n ':'\n \n ')+"\n
                \n ":"")+'\n
                \n
                \n '+(l?'\n
                '+t+"
                \n ":"")+'\n
                \n '+(o?'\n
                \n '+(n?'\n \n ':'\n \n ')+"\n
                \n ":"")+'\n
                \n
                \n '+(l?'\n
                '+i+"
                \n ":"")+'\n
                \n '+(o?'\n
                \n '+(n?'\n \n ':'\n \n ')+"\n
                \n ":"")+"\n
                \n
                \n "},init:function(e){function r(r){var o=[].concat(e.value.rgb),n=parseInt(l(r.target).attr("data-color-index"),10),a=parseInt(r.target.value,10);Number.isNaN(a)?r.target.value=o[n]:(a=Math.max(0,Math.min(255,a)),o[n]=a,e.setValue({rgb:o}))}e.redRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-red"),min:0,max:255,step:1,value:0,on:{change:function(r,l){e.setValue({rgb:[l,e.value.rgb[1],e.value.rgb[2]]})}}}),e.greenRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-green"),min:0,max:255,step:1,value:0,on:{change:function(r,l){e.setValue({rgb:[e.value.rgb[0],l,e.value.rgb[2]]})}}}),e.blueRangeSlider=e.app.range.create({el:e.$el.find(".color-picker-slider-blue"),min:0,max:255,step:1,value:0,on:{change:function(r,l){e.setValue({rgb:[e.value.rgb[0],e.value.rgb[1],l]})}}}),e.$el.on("change",".color-picker-module-rgb-sliders input",r),e.destroyRgbSlidersEvents=function(){e.$el.off("change",".color-picker-module-rgb-sliders input",r)}},update:function(e){var r=e.app,l=e.value,o=e.redRangeSlider,n=e.greenRangeSlider,a=e.blueRangeSlider,t=e.params,i=t.sliderValue,s=t.sliderValueEditable,c=l.rgb;o.value=c[0],n.value=c[1],a.value=c[2],o.layout(),n.layout(),a.layout(),o.$el[0].style.setProperty("--f7-range-knob-color","rgb("+c[0]+", "+c[1]+", "+c[2]+")"),n.$el[0].style.setProperty("--f7-range-knob-color","rgb("+c[0]+", "+c[1]+", "+c[2]+")"),a.$el[0].style.setProperty("--f7-range-knob-color","rgb("+c[0]+", "+c[1]+", "+c[2]+")");var d=r.rtl?"to left":"to right";o.$el.find(".range-bar").css("background-image","linear-gradient("+d+", rgb(0, "+c[1]+", "+c[2]+"), rgb(255, "+c[1]+", "+c[2]+"))"),n.$el.find(".range-bar").css("background-image","linear-gradient("+d+", rgb("+c[0]+", 0, "+c[2]+"), rgb("+c[0]+", 255, "+c[2]+"))"),a.$el.find(".range-bar").css("background-image","linear-gradient("+d+", rgb("+c[0]+", "+c[1]+", 0), rgb("+c[0]+", "+c[1]+", 255))"),i&&s?(e.$el.find("input.color-picker-value-red").val(c[0]),e.$el.find("input.color-picker-value-green").val(c[1]),e.$el.find("input.color-picker-value-blue").val(c[2])):i&&(e.$el.find("span.color-picker-value-red").text(c[0]),e.$el.find("span.color-picker-value-green").text(c[1]),e.$el.find("span.color-picker-value-blue").text(c[2]))},destroy:function(e){e.redRangeSlider&&e.redRangeSlider.destroy&&e.redRangeSlider.destroy(),e.greenRangeSlider&&e.greenRangeSlider.destroy&&e.greenRangeSlider.destroy(),e.blueRangeSlider&&e.blueRangeSlider.destroy&&e.blueRangeSlider.destroy(),delete e.redRangeSlider,delete e.greenRangeSlider,delete e.blueRangeSlider,e.destroyRgbSlidersEvents&&e.destroyRgbSlidersEvents(),delete e.destroyRgbSlidersEvents}},b={render:function(){return'\n
                \n
                \n
                \n
                \n
                \n '},init:function(e){var r,o,n,a,t,i,s,c,d,p=e.app,u=e.$el;function v(r,l){var o=(r-s.left)/s.width,n=(l-s.top)/s.height;o=Math.max(0,Math.min(1,o)),n=1-Math.max(0,Math.min(1,n)),e.setValue({hsb:[e.value.hue,o,n]})}function h(e){if(!o&&!r){n="touchstart"===e.type?e.targetTouches[0].pageX:e.pageX,t=n,a="touchstart"===e.type?e.targetTouches[0].pageY:e.pageY,i=a;var p=l(e.target);(d=p.closest(".color-picker-sb-spectrum-handle").length>0)||(c=p.closest(".color-picker-sb-spectrum").length>0),c&&(s=u.find(".color-picker-sb-spectrum")[0].getBoundingClientRect(),v(n,a)),(d||c)&&u.find(".color-picker-sb-spectrum-handle").addClass("color-picker-sb-spectrum-handle-pressed")}}function g(e){(c||d)&&(t="touchmove"===e.type?e.targetTouches[0].pageX:e.pageX,i="touchmove"===e.type?e.targetTouches[0].pageY:e.pageY,e.preventDefault(),o||(o=!0,d&&(s=u.find(".color-picker-sb-spectrum")[0].getBoundingClientRect())),(c||d)&&v(t,i))}function b(){o=!1,(c||d)&&u.find(".color-picker-sb-spectrum-handle").removeClass("color-picker-sb-spectrum-handle-pressed"),c=!1,d=!1}function f(){e.modules["sb-spectrum"].update(e)}var k=!("touchstart"!==p.touchEvents.start||!p.support.passiveListener)&&{passive:!0,capture:!1};e.$el.on(p.touchEvents.start,h,k),p.on("touchmove:active",g),p.on("touchend:passive",b),p.on("resize",f),e.destroySpectrumEvents=function(){e.$el.off(p.touchEvents.start,h,k),p.off("touchmove:active",g),p.off("touchend:passive",b),p.off("resize",f)}},update:function(e){var r=e.value,l=r.hsl,o=r.hsb,n=e.$el.find(".color-picker-sb-spectrum")[0].offsetWidth,a=e.$el.find(".color-picker-sb-spectrum")[0].offsetHeight;e.$el.find(".color-picker-sb-spectrum").css("background-color","hsl("+l[0]+", 100%, 50%)"),e.$el.find(".color-picker-sb-spectrum-handle").css("background-color","hsl("+l[0]+", "+100*l[1]+"%, "+100*l[2]+"%)").transform("translate("+n*o[1]+"px, "+a*(1-o[2])+"px)")},destroy:function(e){e.destroySpectrumEvents&&e.destroySpectrumEvents(),delete e.destroySpectrumEvents}},f={render:function(){return'\n
                \n
                \n
                \n
                \n
                \n '},init:function(e){var r,o,n,a,t,i,s,c,d,p=e.app,u=e.$el;function v(r,l){var o=(r-s.left)/s.width*360,n=(l-s.top)/s.height;o=Math.max(0,Math.min(360,o)),n=1-Math.max(0,Math.min(1,n)),e.setValue({hsb:[o,n,e.value.hsb[2]]})}function h(e){if(!o&&!r){n="touchstart"===e.type?e.targetTouches[0].pageX:e.pageX,t=n,a="touchstart"===e.type?e.targetTouches[0].pageY:e.pageY,i=a;var p=l(e.target);(d=p.closest(".color-picker-hs-spectrum-handle").length>0)||(c=p.closest(".color-picker-hs-spectrum").length>0),c&&(s=u.find(".color-picker-hs-spectrum")[0].getBoundingClientRect(),v(n,a)),(d||c)&&u.find(".color-picker-hs-spectrum-handle").addClass("color-picker-hs-spectrum-handle-pressed")}}function g(e){(c||d)&&(t="touchmove"===e.type?e.targetTouches[0].pageX:e.pageX,i="touchmove"===e.type?e.targetTouches[0].pageY:e.pageY,e.preventDefault(),o||(o=!0,d&&(s=u.find(".color-picker-hs-spectrum")[0].getBoundingClientRect())),(c||d)&&v(t,i))}function b(){o=!1,(c||d)&&u.find(".color-picker-hs-spectrum-handle").removeClass("color-picker-hs-spectrum-handle-pressed"),c=!1,d=!1}function f(){e.modules["hs-spectrum"].update(e)}var k=!("touchstart"!==p.touchEvents.start||!p.support.passiveListener)&&{passive:!0,capture:!1};e.$el.on(p.touchEvents.start,h,k),p.on("touchmove:active",g),p.on("touchend:passive",b),p.on("resize",f),e.destroySpectrumEvents=function(){e.$el.off(p.touchEvents.start,h,k),p.off("touchmove:active",g),p.off("touchend:passive",b),p.off("resize",f)}},update:function(e){var r=e.value.hsb,l=e.$el.find(".color-picker-hs-spectrum")[0].offsetWidth,n=e.$el.find(".color-picker-hs-spectrum")[0].offsetHeight,a=o.colorHsbToHsl(r[0],r[1],1);e.$el.find(".color-picker-hs-spectrum-handle").css("background-color","hsl("+a[0]+", "+100*a[1]+"%, "+100*a[2]+"%)").transform("translate("+l*(r[0]/360)+"px, "+n*(1-r[1])+"px)")},destroy:function(e){e.destroySpectrumEvents&&e.destroySpectrumEvents(),delete e.destroySpectrumEvents}};var k={render:function(){return'\n
                \n
                \n '+function(){for(var e="",r=256;r>0;r-=1){var l=r*Math.PI/128,o=1.40625*r;e+=''}return e}()+'\n
                \n
                \n
                \n
                \n
                \n
                \n '},init:function(e){var r,o,n,a,t,i,s,c,d,p,u,v,h=e.app,g=e.$el;function b(r,l){var o=s.left+s.width/2,n=s.top+s.height/2,a=180*Math.atan2(l-n,r-o)/Math.PI+90;a<0&&(a+=360),a=360-a,e.setValue({hue:a})}function f(r,l){var o=(r-p.left)/p.width,n=(l-p.top)/p.height;o=Math.max(0,Math.min(1,o)),n=1-Math.max(0,Math.min(1,n)),e.setValue({hsb:[e.value.hue,o,n]})}function k(e){if(!o&&!r){n="touchstart"===e.type?e.targetTouches[0].pageX:e.pageX,t=n,a="touchstart"===e.type?e.targetTouches[0].pageY:e.pageY,i=a;var h=l(e.target);d=h.closest(".color-picker-wheel-handle").length>0,c=h.closest("circle").length>0,(v=h.closest(".color-picker-sb-spectrum-handle").length>0)||(u=h.closest(".color-picker-sb-spectrum").length>0),c&&(s=g.find(".color-picker-wheel")[0].getBoundingClientRect(),b(n,a)),u&&(p=g.find(".color-picker-sb-spectrum")[0].getBoundingClientRect(),f(n,a)),(v||u)&&g.find(".color-picker-sb-spectrum-handle").addClass("color-picker-sb-spectrum-handle-pressed")}}function m(e){(c||d||u||v)&&(t="touchmove"===e.type?e.targetTouches[0].pageX:e.pageX,i="touchmove"===e.type?e.targetTouches[0].pageY:e.pageY,e.preventDefault(),o||(o=!0,d&&(s=g.find(".color-picker-wheel")[0].getBoundingClientRect()),v&&(p=g.find(".color-picker-sb-spectrum")[0].getBoundingClientRect())),(c||d)&&b(t,i),(u||v)&&f(t,i))}function y(){o=!1,(u||v)&&g.find(".color-picker-sb-spectrum-handle").removeClass("color-picker-sb-spectrum-handle-pressed"),c=!1,d=!1,u=!1,v=!1}function E(){e.modules.wheel.update(e)}var $=!("touchstart"!==h.touchEvents.start||!h.support.passiveListener)&&{passive:!0,capture:!1};e.$el.on(h.touchEvents.start,k,$),h.on("touchmove:active",m),h.on("touchend:passive",y),h.on("resize",E),e.destroyWheelEvents=function(){e.$el.off(h.touchEvents.start,k,$),h.off("touchmove:active",m),h.off("touchend:passive",y),h.off("resize",E)}},update:function(e){var r=e.value,l=r.hsl,o=r.hsb,n=e.$el.find(".color-picker-sb-spectrum")[0].offsetWidth,a=e.$el.find(".color-picker-sb-spectrum")[0].offsetHeight,t=e.$el.find(".color-picker-wheel")[0].offsetWidth,i=t/2,s=r.hue*Math.PI/180,c=t/6/2,d=i-Math.sin(s)*(i-c)-c,p=i-Math.cos(s)*(i-c)-c;e.$el.find(".color-picker-wheel-handle").css("background-color","hsl("+l[0]+", 100%, 50%)").transform("translate("+d+"px, "+p+"px)"),e.$el.find(".color-picker-sb-spectrum").css("background-color","hsl("+l[0]+", 100%, 50%)"),e.$el.find(".color-picker-sb-spectrum-handle").css("background-color","hsl("+l[0]+", "+100*l[1]+"%, "+100*l[2]+"%)").transform("translate("+n*o[1]+"px, "+a*(1-o[2])+"px)")},destroy:function(e){e.destroyWheelEvents&&e.destroyWheelEvents(),delete e.destroyWheelEvents}},m=function(e){function r(r,n){void 0===n&&(n={}),e.call(this,n,[r]);var a,m,y,E,$=this;if($.params=o.extend({},r.params.colorPicker,n),$.params.containerEl&&0===(a=l($.params.containerEl)).length)return $;function x(){$.open()}function C(e){e.preventDefault()}function R(){$.open()}function S(e){if("page"!==$.params.openIn){var r=l(e.target);$.opened&&!$.closing&&(r.closest('[class*="backdrop"]').length||r.closest(".color-picker-popup, .color-picker-popover").length||(m&&m.length>0?r[0]!==m[0]&&0===r.closest(".sheet-modal").length&&$.close():0===l(e.target).closest(".sheet-modal").length&&$.close()))}}return $.params.inputEl&&(m=l($.params.inputEl)),$.params.targetEl&&(y=l($.params.targetEl)),m&&(E=m.parents(".view").length&&m.parents(".view")[0].f7View),!E&&y&&(E=y.parents(".view").length&&y.parents(".view")[0].f7View),E||(E=r.views.main),o.extend($,{app:r,$containerEl:a,containerEl:a&&a[0],inline:a&&a.length>0,$inputEl:m,inputEl:m&&m[0],$targetEl:y,targetEl:y&&y[0],initialized:!1,opened:!1,url:$.params.url,view:E,modules:{"alpha-slider":t,"current-color":i,hex:s,"hsb-sliders":c,"hue-slider":d,"brightness-slider":p,palette:u,"initial-current-colors":v,"rgb-bars":h,"rgb-sliders":g,"sb-spectrum":b,"hs-spectrum":f,wheel:k}}),o.extend($,{attachInputEvents:function(){$.$inputEl.on("click",x),$.params.inputReadOnly&&$.$inputEl.on("focus mousedown",C)},detachInputEvents:function(){$.$inputEl.off("click",x),$.params.inputReadOnly&&$.$inputEl.off("focus mousedown",C)},attachTargetEvents:function(){$.$targetEl.on("click",R)},detachTargetEvents:function(){$.$targetEl.off("click",R)},attachHtmlEvents:function(){r.on("click",S)},detachHtmlEvents:function(){r.off("click",S)}}),$.init(),$}return e&&(r.__proto__=e),r.prototype=Object.create(e&&e.prototype),r.prototype.constructor=r,r.prototype.attachEvents=function(){this.centerModules=this.centerModules.bind(this),this.params.centerModules&&this.app.on("resize",this.centerModules)},r.prototype.detachEvents=function(){this.params.centerModules&&this.app.off("resize",this.centerModules)},r.prototype.centerModules=function(){if(this.opened&&this.$el&&!this.inline){var e=this.$el.find(".page-content");if(e.length){var r=e[0];r.scrollHeight<=r.offsetHeight?e.addClass("justify-content-center"):e.removeClass("justify-content-center")}}},r.prototype.initInput=function(){this.$inputEl&&this.params.inputReadOnly&&this.$inputEl.prop("readOnly",!0)},r.prototype.getModalType=function(){var e=this.app,r=this.modal,l=this.params,o=l.openIn,n=l.openInPhone;return r&&r.type?r.type:"auto"!==o?o:this.inline?null:e.device.ios?e.device.ipad?"popover":n:e.width>=768||e.device.desktop&&"aurora"===e.theme?"popover":n},r.prototype.formatValue=function(){var e=this.value;return this.params.formatValue?this.params.formatValue.call(this,e):e.hex},r.prototype.normalizeHsValues=function(e){return[Math.floor(10*e[0])/10,Math.floor(1e3*e[1])/1e3,Math.floor(1e3*e[2])/1e3]},r.prototype.setValue=function(e,r){void 0===e&&(e={}),void 0===r&&(r=!0);var l=this;if(void 0!==e){var n=l.value||{},a=n.hex,t=n.rgb,i=n.hsl,s=n.hsb,c=n.alpha;void 0===c&&(c=1);var d,p=n.hue,u=n.rgba,v=n.hsla,h=l.value||!l.value&&!l.params.value;if(Object.keys(e).forEach(function(r){if(l.value&&void 0!==l.value[r]){var o=e[r];Array.isArray(o)?o.forEach(function(e,o){e!==l.value[r][o]&&(d=!0)}):o!==l.value[r]&&(d=!0)}else d=!0}),d){if(e.rgb||e.rgba){var g=e.rgb||e.rgba,b=g[0],f=g[1],k=g[2],m=g[3];void 0===m&&(m=c),t=[b,f,k],a=o.colorRgbToHex.apply(o,t),i=o.colorRgbToHsl.apply(o,t),s=o.colorHslToHsb.apply(o,i),i=l.normalizeHsValues(i),p=(s=l.normalizeHsValues(s))[0],c=m,u=[t[0],t[1],t[2],m],v=[i[0],i[1],i[2],m]}if(e.hsl||e.hsla){var y=e.hsl||e.hsla,E=y[0],$=y[1],x=y[2],C=y[3];void 0===C&&(C=c),i=[E,$,x],t=o.colorHslToRgb.apply(o,i),a=o.colorRgbToHex.apply(o,t),s=o.colorHslToHsb.apply(o,i),i=l.normalizeHsValues(i),p=(s=l.normalizeHsValues(s))[0],c=C,u=[t[0],t[1],t[2],C],v=[i[0],i[1],i[2],C]}if(e.hsb){var R=e.hsb,S=R[0],V=R[1],T=R[2],B=R[3];void 0===B&&(B=c),s=[S,V,T],i=o.colorHsbToHsl.apply(o,s),t=o.colorHslToRgb.apply(o,i),a=o.colorRgbToHex.apply(o,t),i=l.normalizeHsValues(i),p=(s=l.normalizeHsValues(s))[0],c=B,u=[t[0],t[1],t[2],B],v=[i[0],i[1],i[2],B]}if(e.hex&&(t=o.colorHexToRgb(e.hex),a=o.colorRgbToHex.apply(o,t),i=o.colorRgbToHsl.apply(o,t),s=o.colorHslToHsb.apply(o,i),i=l.normalizeHsValues(i),p=(s=l.normalizeHsValues(s))[0],u=[t[0],t[1],t[2],c],v=[i[0],i[1],i[2],c]),void 0!==e.alpha&&(c=e.alpha,void 0!==t&&(u=[t[0],t[1],t[2],c]),void 0!==i&&(v=[i[0],i[1],i[2],c])),void 0!==e.hue){i[0];var F=i[1],M=i[2];i=[e.hue,F,M],s=o.colorHslToHsb.apply(o,i),t=o.colorHslToRgb.apply(o,i),a=o.colorRgbToHex.apply(o,t),i=l.normalizeHsValues(i),p=(s=l.normalizeHsValues(s))[0],u=[t[0],t[1],t[2],c],v=[i[0],i[1],i[2],c]}l.value={hex:a,alpha:c,hue:p,rgb:t,hsl:i,hsb:s,rgba:u,hsla:v},l.initialValue||(l.initialValue=o.extend({},l.value)),l.updateValue(h),l.opened&&r&&l.updateModules()}}},r.prototype.getValue=function(){return this.value},r.prototype.updateValue=function(e){void 0===e&&(e=!0);var r=this.$inputEl,l=this.value,o=this.$targetEl;if(o&&this.params.targetElSetBackgroundColor){var n=l.rgba;o.css("background-color","rgba("+n.join(", ")+")")}if(e&&this.emit("local::change colorPickerChange",this,l),r&&r.length){var a=this.formatValue(l);r&&r.length&&(r.val(a),e&&r.trigger("change"))}},r.prototype.updateModules=function(){var e=this,r=e.modules;e.params.modules.forEach(function(l){"string"==typeof l&&r[l]&&r[l].update?r[l].update(e):l&&l.update&&l.update(e)})},r.prototype.update=function(){this.updateModules()},r.prototype.renderPicker=function(){var e=this,r=e.params,l=e.modules,o="";return r.modules.forEach(function(r){"string"==typeof r&&l[r]&&l[r].render?o+=l[r].render(e):r&&r.render&&(o+=r.render(e))}),o},r.prototype.renderNavbar=function(){if(this.params.renderNavbar)return this.params.renderNavbar.call(this,this);var e=this.params,r=e.openIn,l=e.navbarTitleText,o=e.navbarBackLinkText,n=e.navbarCloseText;return('\n
                \n
                \n
                \n '+("page"===r?'\n
                \n \n \n '+o+"\n \n
                \n ":"")+'\n
                '+l+"
                \n "+("page"!==r?'\n
                \n '+n+"\n
                \n ":"")+"\n
                \n
                \n ").trim()},r.prototype.renderToolbar=function(){return this.params.renderToolbar?this.params.renderToolbar.call(this,this):('\n
                \n
                \n
                \n
                \n '+this.params.toolbarCloseText+"\n
                \n
                \n
                \n ").trim()},r.prototype.renderInline=function(){var e=this.params,r=e.cssClass;return('\n
                \n '+this.renderPicker()+"\n
                \n ").trim()},r.prototype.renderSheet=function(){var e=this.params,r=e.cssClass,l=e.toolbarSheet;return('\n
                \n '+(l?this.renderToolbar():"")+'\n
                \n
                \n '+this.renderPicker()+"\n
                \n
                \n
                \n ").trim()},r.prototype.renderPopover=function(){var e=this.params,r=e.cssClass,l=e.toolbarPopover;return('\n
                \n
                \n
                \n '+(l?this.renderToolbar():"")+'\n
                \n '+this.renderPicker()+"\n
                \n
                \n
                \n
                \n ").trim()},r.prototype.renderPopup=function(){var e=this.params,r=e.cssClass,l=e.navbarPopup,o=e.groupedModules;return('\n
                \n
                \n '+(l?this.renderNavbar():"")+'\n
                \n
                \n '+this.renderPicker()+"\n
                \n
                \n
                \n
                \n ").trim()},r.prototype.renderPage=function(){var e=this.params,r=e.cssClass,l=e.groupedModules;return('\n
                \n '+this.renderNavbar()+'\n
                \n
                \n '+this.renderPicker()+"\n
                \n
                \n
                \n ").trim()},r.prototype.render=function(){var e=this.params;if(e.render)return e.render.call(this);if(this.inline)return this.renderInline();if("page"===e.openIn)return this.renderPage();var r=this.getModalType();return"popover"===r?this.renderPopover():"sheet"===r?this.renderSheet():"popup"===r?this.renderPopup():void 0},r.prototype.onOpen=function(){var e=this,r=e.initialized,l=e.$el,n=e.app,a=e.$inputEl,t=e.inline,i=e.value,s=e.params,c=e.modules;e.closing=!1,e.opened=!0,e.opening=!0,e.attachEvents(),s.modules.forEach(function(r){"string"==typeof r&&c[r]&&c[r].render?c[r].init(e):r&&r.init&&r.init(e)});var d=!i&&s.value;r?i&&(e.initialValue=o.extend({},i),e.setValue(i,!1)):i?e.setValue(i):s.value?e.setValue(s.value,!1):s.value||e.setValue({hex:"#ff0000"},!1),d&&e.updateValue(),e.updateModules(),s.centerModules&&e.centerModules(),!t&&a&&a.length&&"md"===n.theme&&a.trigger("focus"),e.initialized=!0,l&&l.trigger("colorpicker:open",e),a&&a.trigger("colorpicker:open",e),e.emit("local::open colorPickerOpen",e)},r.prototype.onOpened=function(){this.opening=!1,this.$el&&this.$el.trigger("colorpicker:opened",this),this.$inputEl&&this.$inputEl.trigger("colorpicker:opened",this),this.emit("local::opened colorPickerOpened",this)},r.prototype.onClose=function(){var e=this,r=e.app,l=e.params,o=e.modules;e.opening=!1,e.closing=!0,e.detachEvents(),e.$inputEl&&"md"===r.theme&&e.$inputEl.trigger("blur"),l.modules.forEach(function(r){"string"==typeof r&&o[r]&&o[r].update?o[r].destroy(e):r&&r.destroy&&r.destroy(e)}),e.$el&&e.$el.trigger("colorpicker:close",e),e.$inputEl&&e.$inputEl.trigger("colorpicker:close",e),e.emit("local::close colorPickerClose",e)},r.prototype.onClosed=function(){var e=this;e.opened=!1,e.closing=!1,e.inline||o.nextTick(function(){e.modal&&e.modal.el&&e.modal.destroy&&(e.params.routableModals||e.modal.destroy()),delete e.modal}),e.$el&&e.$el.trigger("colorpicker:closed",e),e.$inputEl&&e.$inputEl.trigger("colorpicker:closed",e),e.emit("local::closed colorPickerClosed",e)},r.prototype.open=function(){var e,r=this,o=r.app,n=r.opened,a=r.inline,t=r.$inputEl,i=r.$targetEl,s=r.params;if(!n){if(a)return r.$el=l(r.render()),r.$el[0].f7ColorPicker=r,r.$containerEl.append(r.$el),r.onOpen(),void r.onOpened();var c=r.render();if("page"===s.openIn)r.view.router.navigate({url:r.url,route:{content:c,path:r.url,on:{pageBeforeIn:function(e,l){r.$el=l.$el.find(".color-picker"),r.$el[0].f7ColorPicker=r,r.onOpen()},pageAfterIn:function(){r.onOpened()},pageBeforeOut:function(){r.onClose()},pageAfterOut:function(){r.onClosed(),r.$el&&r.$el[0]&&(r.$el[0].f7ColorPicker=null,delete r.$el[0].f7ColorPicker)}}}});else{var d=r.getModalType(),p=s.backdrop;null==p&&("popover"===d&&!1!==o.params.popover.backdrop&&(p=!0),"popup"===d&&(p=!0));var u={targetEl:i||t,scrollToEl:s.scrollToInput?i||t:void 0,content:c,backdrop:p,closeByBackdropClick:s.closeByBackdropClick,on:{open:function(){r.modal=this,r.$el="popover"===d||"popup"===d?this.$el.find(".color-picker"):this.$el,r.$el[0].f7ColorPicker=r,r.onOpen()},opened:function(){r.onOpened()},close:function(){r.onClose()},closed:function(){r.onClosed(),r.$el&&r.$el[0]&&(r.$el[0].f7ColorPicker=null,delete r.$el[0].f7ColorPicker)}}};s.routableModals?r.view.router.navigate({url:r.url,route:(e={path:r.url},e[d]=u,e)}):(r.modal=o[d].create(u),r.modal.open())}}},r.prototype.close=function(){var e=this.opened,r=this.inline;if(e)return r?(this.onClose(),void this.onClosed()):void(this.params.routableModals?this.view.router.back():this.modal.close())},r.prototype.init=function(){if(this.initInput(),this.inline)return this.open(),void this.emit("local::init colorPickerInit",this);!this.initialized&&this.params.value&&this.setValue(this.params.value),this.$inputEl&&this.attachInputEvents(),this.$targetEl&&this.attachTargetEvents(),this.params.closeByOutsideClick&&this.attachHtmlEvents(),this.emit("local::init colorPickerInit",this)},r.prototype.destroy=function(){if(!this.destroyed){var e=this.$el;this.emit("local::beforeDestroy colorPickerBeforeDestroy",this),e&&e.trigger("colorpicker:beforedestroy",this),this.close(),this.detachEvents(),this.$inputEl&&this.detachInputEvents(),this.$targetEl&&this.detachTargetEvents(),this.params.closeByOutsideClick&&this.detachHtmlEvents(),e&&e.length&&delete this.$el[0].f7ColorPicker,o.deleteProps(this),this.destroyed=!0}},r}(n),y={name:"colorPicker",static:{ColorPicker:m},create:function(){this.colorPicker=a({defaultSelector:".color-picker",constructor:m,app:this,domProp:"f7ColorPicker"}),this.colorPicker.close=function(e){void 0===e&&(e=".color-picker");var r=l(e);if(0!==r.length){var o=r[0].f7ColorPicker;!o||o&&!o.opened||o.close()}}},params:{colorPicker:{value:null,modules:["wheel"],palette:[["#FFEBEE","#FFCDD2","#EF9A9A","#E57373","#EF5350","#F44336","#E53935","#D32F2F","#C62828","#B71C1C"],["#F3E5F5","#E1BEE7","#CE93D8","#BA68C8","#AB47BC","#9C27B0","#8E24AA","#7B1FA2","#6A1B9A","#4A148C"],["#E8EAF6","#C5CAE9","#9FA8DA","#7986CB","#5C6BC0","#3F51B5","#3949AB","#303F9F","#283593","#1A237E"],["#E1F5FE","#B3E5FC","#81D4FA","#4FC3F7","#29B6F6","#03A9F4","#039BE5","#0288D1","#0277BD","#01579B"],["#E0F2F1","#B2DFDB","#80CBC4","#4DB6AC","#26A69A","#009688","#00897B","#00796B","#00695C","#004D40"],["#F1F8E9","#DCEDC8","#C5E1A5","#AED581","#9CCC65","#8BC34A","#7CB342","#689F38","#558B2F","#33691E"],["#FFFDE7","#FFF9C4","#FFF59D","#FFF176","#FFEE58","#FFEB3B","#FDD835","#FBC02D","#F9A825","#F57F17"],["#FFF3E0","#FFE0B2","#FFCC80","#FFB74D","#FFA726","#FF9800","#FB8C00","#F57C00","#EF6C00","#E65100"]],groupedModules:!1,centerModules:!0,sliderLabel:!1,sliderValue:!1,sliderValueEdiable:!1,barLabel:!1,barValue:!1,barValueEdiable:!1,hexLabel:!1,hexValueEditable:!1,redLabelText:"R",greenLabelText:"G",blueLabelText:"B",hueLabelText:"H",saturationLabelText:"S",brightnessLabelText:"B",hexLabelText:"HEX",alphaLabelText:"A",containerEl:null,openIn:"popover",openInPhone:"popup",formatValue:null,targetEl:null,targetElSetBackgroundColor:!1,inputEl:null,inputReadOnly:!0,closeByOutsideClick:!0,scrollToInput:!0,toolbarSheet:!0,toolbarPopover:!1,toolbarCloseText:"Done",navbarPopup:!0,navbarCloseText:"Done",navbarTitleText:"Color",navbarBackLinkText:"Back",cssClass:null,routableModals:!0,view:null,url:"color/",backdrop:null,closeByBackdropClick:!0,renderToolbar:null,renderNavbar:null,renderInline:null,renderPopover:null,renderSheet:null,renderPopup:null,render:null}}};if(r){if(e.prototype.modules&&e.prototype.modules[y.name])return;e.use(y),e.instance&&(e.instance.useModuleParams(y,e.instance.params),e.instance.useModule(y))}return y}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent)) diff --git a/packages/core/components/color-picker.rtl.css b/packages/core/components/color-picker.rtl.css index f78c5a7c7b..b3404e6277 100644 --- a/packages/core/components/color-picker.rtl.css +++ b/packages/core/components/color-picker.rtl.css @@ -1 +1 @@ -:root{--f7-color-picker-sheet-bg-color:#fff;--f7-color-picker-popup-bg-color:#fff;--f7-color-picker-popover-width:350px;--f7-color-picker-slider-size:6px;--f7-color-picker-slider-knob-size:16px;--f7-color-picker-bar-size:50px;--f7-color-picker-bar-min-height:260px;--f7-color-picker-value-bg-color:rgba(0, 0, 0, 0.05);--f7-color-picker-value-width:64px;--f7-color-picker-value-height:32px;--f7-color-picker-value-font-size:16px;--f7-color-picker-value-border-radius:4px;--f7-color-picker-hex-value-width:84px;--f7-color-picker-label-font-size:14px;--f7-color-picker-label-width:10px;--f7-color-picker-label-height:14px;--f7-color-picker-sb-spectrum-height:260px;--f7-color-picker-sb-spectrum-handle-size:16px;--f7-color-picker-wheel-width:330px;--f7-color-picker-group-bg-color:rgba(0, 0, 0, 0.05);--f7-color-picker-group-value-bg-color:#fff;--f7-color-picker-palette-value-width:36px;--f7-color-picker-palette-value-height:36px;--f7-color-picker-initial-current-color-height:40px;--f7-color-picker-initial-current-color-border-radius:4px}:root .theme-dark,:root.theme-dark{--f7-color-picker-sheet-bg-color:#171717;--f7-color-picker-popup-bg-color:#171717;--f7-color-picker-value-bg-color:rgba(255, 255, 255, 0.1);--f7-color-picker-group-bg-color:#000;--f7-color-picker-group-value-bg-color:rgba(255, 255, 255, 0.12)}.color-picker{overflow:hidden;width:100%;display:flex;flex-direction:column}.color-picker-popover .color-picker,.color-picker-popup .color-picker,.color-picker.color-picker-inline{position:relative}.color-picker-sheet-modal{background:var(--f7-color-picker-sheet-bg-color)}.color-picker-sheet-modal:before{z-index:600}.color-picker-sheet-modal .sheet-modal-inner{margin-bottom:var(--f7-safe-area-bottom)}.color-picker-popup .page{background:var(--f7-color-picker-popup-bg-color)}.color-picker-popup .page-content{padding-bottom:var(--f7-safe-area-bottom)}.color-picker-page .color-picker,.color-picker-popover .color-picker,.color-picker-popup .color-picker{height:100%}.color-picker-page .color-picker .toolbar,.color-picker-popover .color-picker .toolbar,.color-picker-popup .color-picker .toolbar{position:absolute}.color-picker-popover{width:var(--f7-color-picker-popover-width);max-width:90vw;max-height:80vh}.color-picker-popover .color-picker{max-height:80vh}.color-picker-popover .toolbar-top{border-top-left-radius:var(--f7-popover-border-radius);border-top-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette{overflow:hidden;flex-shrink:0}.color-picker-popover .color-picker-module-palette:first-child{border-top-left-radius:var(--f7-popover-border-radius);border-top-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette:last-child{border-bottom-left-radius:var(--f7-popover-border-radius);border-bottom-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette:first-child:last-child{border-radius:var(--f7-popover-border-radius)}.color-picker-popover .toolbar~.page-content .color-picker-module-palette:first-child{border-top-left-radius:0;border-top-right-radius:0}.color-picker-page .page-content,.color-picker-popover .page-content,.color-picker-popup .page-content,.color-picker-sheet-modal .page-content{display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column;overflow-x:hidden}.color-picker-module{margin-top:5px}.color-picker-module:last-child{margin-bottom:5px}.color-picker-module-hs-spectrum,.color-picker-module-sb-spectrum{margin-left:10px;margin-right:10px}.color-picker-module-hs-spectrum:first-child,.color-picker-module-sb-spectrum:first-child{margin-top:10px}.color-picker-module-hs-spectrum .color-picker-hs-spectrum,.color-picker-module-hs-spectrum .color-picker-sb-spectrum,.color-picker-module-sb-spectrum .color-picker-hs-spectrum,.color-picker-module-sb-spectrum .color-picker-sb-spectrum{border-radius:4px;height:var(--f7-color-picker-sb-spectrum-height)}.color-picker-sb-spectrum{background-color:#000;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#000 100%),linear-gradient(to left,rgba(255,255,255,0) 0%,#fff 100%);position:relative}.color-picker-hs-spectrum{position:relative;background-image:linear-gradient(to right,red,#feff00,#0f0,#00feff,#00f,#ff00fe,red)}.color-picker-hs-spectrum:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(to bottom,rgba(255,255,255,0),#fff)}.color-picker-hs-spectrum-handle,.color-picker-sb-spectrum-handle{width:4px;height:4px;position:absolute;left:-2px;top:-2px;z-index:1}.color-picker-hs-spectrum-handle:after,.color-picker-sb-spectrum-handle:after{background-color:inherit;content:'';position:absolute;width:var(--f7-color-picker-sb-spectrum-handle-size);height:var(--f7-color-picker-sb-spectrum-handle-size);border:1px solid #fff;border-radius:50%;box-shadow:0px 0px 2px rgba(0,0,0,.5);box-sizing:border-box;left:50%;top:50%;transform:translate(-50%,-50%);transition:150ms;transition-property:transform;transform-origin:center}.color-picker-hs-spectrum-handle.color-picker-hs-spectrum-handle-pressed:after,.color-picker-hs-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after,.color-picker-sb-spectrum-handle.color-picker-hs-spectrum-handle-pressed:after,.color-picker-sb-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after{transform:scale(1.5) translate(-33.333%,-33.333%)}.color-picker-module-wheel{margin-left:10px;margin-right:10px}.color-picker-wheel{position:relative;width:var(--f7-color-picker-wheel-width);max-width:100%;height:auto;font-size:0;margin-left:auto;margin-right:auto}.color-picker-wheel svg{width:100%;height:auto}.color-picker-wheel .color-picker-wheel-handle{width:calc(100% / 6);height:calc(100% / 6);position:absolute;box-sizing:border-box;border:2px solid #fff;box-shadow:0px 0px 5px rgba(0,0,0,.5);background:red;border-radius:50%;left:0;top:0}.color-picker-wheel .color-picker-sb-spectrum{width:45%;height:45%;left:50%;top:50%;transform:translate3d(-50%,-50%,0);position:absolute}.color-picker-slider-wrap{display:flex;align-items:center;margin-bottom:2px}.color-picker-slider-wrap+.color-picker-slider-wrap{margin-top:5px}.color-picker-hex-wrap{justify-content:space-between;display:flex;align-items:center}.color-picker-hex-label,.color-picker-slider-label{font-size:var(--f7-color-picker-label-font-size);width:var(--f7-color-picker-label-size);flex-shrink:0;margin-left:12px}.color-picker-hex-label{width:auto}.color-picker-bar-value,.color-picker-hex-value,.color-picker-slider-value{width:var(--f7-color-picker-value-width);height:var(--f7-color-picker-value-height);background:var(--f7-color-picker-value-bg-color);border-radius:var(--f7-color-picker-value-border-radius);text-align:center;font-size:var(--f7-color-picker-value-font-size);display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-right:10px}.color-picker-bar-value input,.color-picker-hex-value input,.color-picker-slider-value input{width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;background:0 0;color:inherit;font-family:inherit;font-size:inherit;text-align:center;display:block;border-radius:4px}.color-picker-bar-value input::-webkit-inner-spin-button,.color-picker-bar-value input::-webkit-outer-spin-button,.color-picker-hex-value input::-webkit-inner-spin-button,.color-picker-hex-value input::-webkit-outer-spin-button,.color-picker-slider-value input::-webkit-inner-spin-button,.color-picker-slider-value input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;display:none}.color-picker-hex-value{width:var(--f7-color-picker-hex-value-width)}.color-picker-hex-value:first-child{margin-right:auto}.color-picker-slider{--f7-range-bar-active-bg-color:transparent;--f7-range-bar-size:var(--f7-color-picker-slider-size);--f7-range-bar-border-radius:var(--f7-color-picker-slider-size);--f7-range-knob-size:var(--f7-color-picker-slider-knob-size);--f7-range-knob-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3)}.color-picker-slider .range-knob{transition-duration:.2s;transition-property:transform}.color-picker-slider .range-knob:after{width:30px;height:30px;margin-left:-15px;margin-top:-15px}.color-picker-slider .range-knob-active-state .range-knob{transform:scale(1.5)}.md .color-picker-slider.range-slider-min:not(.range-slider-dual) .range-knob{background:var(--f7-range-knob-color)!important;border:none}.color-picker-module-rgb-bars{display:flex;justify-content:space-around;justify-content:space-evenly;align-items:stretch;height:100%;min-height:var(--f7-color-picker-bar-min-height);padding-bottom:10px;padding-top:10px;box-sizing:border-box}.color-picker-bar-wrap{display:flex;align-items:center;flex-direction:column-reverse}.color-picker-bar{--f7-range-bar-active-bg-color:transparent;--f7-range-bar-size:var(--f7-color-picker-bar-size);--f7-range-bar-border-radius:2px;--f7-range-knob-size:6px;--f7-range-knob-box-shadow:0 0px 3px rgba(0, 0, 0, 0.3);--f7-range-knob-color:#fff}.color-picker-bar .range-knob{transition-duration:0s;transition-property:transform;border-radius:3px}.color-picker-bar .range-knob-wrap{height:6px;width:calc(var(--f7-color-picker-bar-size) - 4px);margin-left:calc(-.5 * (var(--f7-color-picker-bar-size) - 4px))}.color-picker-bar .range-knob-active-state .range-knob{transform:scale(1)}.md .color-picker-bar.range-slider-min:not(.range-slider-dual) .range-knob{background:var(--f7-range-knob-color)!important;border:none}.color-picker-bar-label{font-size:var(--f7-color-picker-label-size);margin-top:12px;line-height:1;height:var(--f7-color-picker-label-height);flex-shrink:0}.color-picker-bar-value{margin-left:0;margin-bottom:10px}.color-picker-slider-alpha{--f7-range-knob-color:#fff}.color-picker-slider-alpha .range-bar{background-image:linear-gradient(to left,rgba(0,0,0,0),#000),linear-gradient(to right,rgba(255,255,255,.2) 50%,rgba(0,0,0,.2) 50%),linear-gradient(to left,rgba(255,255,255,.2) 50%,rgba(0,0,0,.2) 50%);background-size:100% 100%,6px 3px,6px 3px;background-position:0 0,0px 3px,0 0;background-repeat:repeat-y,repeat-x,repeat-x}.color-picker-slider-hue .range-bar{background-image:linear-gradient(to left,red,#feff00,#0f0,#00feff,#00f,#ff00fe,red)}.color-picker-slider-brightness .range-bar{background-image:linear-gradient(to left,#000,#fff)}.color-picker-module-palette{margin-top:15px}.color-picker-module-palette:first-child{margin-top:0}.color-picker-module-palette:last-child{margin-bottom:0}.color-picker-module-palette:first-child:last-child{margin:0}.color-picker-palette{display:flex;flex-wrap:wrap}.color-picker-palette-row{width:100%;display:flex;flex-wrap:nowrap}.color-picker-palette-row .color-picker-palette-value{width:100%}.color-picker-palette-value{width:var(--f7-color-picker-palette-value-width);height:var(--f7-color-picker-palette-value-height);cursor:pointer}.color-picker-module-current-color,.color-picker-module-initial-current-colors{margin-left:10px;margin-right:10px;border-radius:var(--f7-color-picker-initial-current-color-border-radius);overflow:hidden;flex-shrink:0}.color-picker-current-color,.color-picker-initial-color{height:var(--f7-color-picker-initial-current-color-height)}.color-picker-initial-current-colors{display:flex}.color-picker-initial-current-colors .color-picker-current-color,.color-picker-initial-current-colors .color-picker-initial-color{width:50%}.color-picker-module-alpha-slider,.color-picker-module-brightness-slider,.color-picker-module-hex,.color-picker-module-hsb-sliders,.color-picker-module-hue-slider,.color-picker-module-rgb-sliders{margin-left:10px;margin-right:10px}.color-picker-grouped-modules .color-picker-module-alpha-slider,.color-picker-grouped-modules .color-picker-module-brightness-slider,.color-picker-grouped-modules .color-picker-module-hex,.color-picker-grouped-modules .color-picker-module-hsb-sliders,.color-picker-grouped-modules .color-picker-module-hue-slider,.color-picker-grouped-modules .color-picker-module-rgb-sliders{background:var(--f7-color-picker-group-bg-color);padding:5px;border-radius:4px;margin-top:15px;margin-left:5px;margin-right:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider:last-child,.color-picker-grouped-modules .color-picker-module-brightness-slider:last-child,.color-picker-grouped-modules .color-picker-module-hex:last-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders:last-child,.color-picker-grouped-modules .color-picker-module-hue-slider:last-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders:last-child{margin-bottom:15px}.color-picker-grouped-modules .color-picker-hex-value,.color-picker-grouped-modules .color-picker-slider-value{background:var(--f7-color-picker-group-value-bg-color)}.color-picker-grouped-modules .color-picker-hex-label,.color-picker-grouped-modules .color-picker-slider-label{margin-right:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:first-child{margin-right:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:last-child{margin-left:5px} \ No newline at end of file +:root{--f7-color-picker-sheet-bg-color:#fff;--f7-color-picker-popup-bg-color:#fff;--f7-color-picker-popover-width:350px;--f7-color-picker-slider-size:6px;--f7-color-picker-slider-knob-size:16px;--f7-color-picker-bar-size:50px;--f7-color-picker-bar-min-height:260px;--f7-color-picker-value-bg-color:rgba(0, 0, 0, 0.05);--f7-color-picker-value-width:64px;--f7-color-picker-value-height:32px;--f7-color-picker-value-font-size:16px;--f7-color-picker-value-border-radius:4px;--f7-color-picker-hex-value-width:84px;--f7-color-picker-label-font-size:14px;--f7-color-picker-label-width:10px;--f7-color-picker-label-height:14px;--f7-color-picker-sb-spectrum-height:260px;--f7-color-picker-sb-spectrum-handle-size:16px;--f7-color-picker-wheel-width:330px;--f7-color-picker-group-bg-color:rgba(0, 0, 0, 0.05);--f7-color-picker-group-value-bg-color:#fff;--f7-color-picker-palette-value-width:36px;--f7-color-picker-palette-value-height:36px;--f7-color-picker-initial-current-color-height:40px;--f7-color-picker-initial-current-color-border-radius:4px}:root .theme-dark,:root.theme-dark{--f7-color-picker-sheet-bg-color:#121212;--f7-color-picker-popup-bg-color:#121212;--f7-color-picker-value-bg-color:rgba(255, 255, 255, 0.1);--f7-color-picker-group-bg-color:#000;--f7-color-picker-group-value-bg-color:rgba(255, 255, 255, 0.12)}.color-picker{overflow:hidden;width:100%;display:flex;flex-direction:column}.color-picker-popover .color-picker,.color-picker-popup .color-picker,.color-picker.color-picker-inline{position:relative}.color-picker-sheet-modal{background:var(--f7-color-picker-sheet-bg-color)}.color-picker-sheet-modal:before{z-index:600}.color-picker-sheet-modal .sheet-modal-inner{margin-bottom:var(--f7-safe-area-bottom)}.color-picker-popup .page{background:var(--f7-color-picker-popup-bg-color)}.color-picker-popup .page-content{padding-bottom:var(--f7-safe-area-bottom)}.color-picker-page .color-picker,.color-picker-popover .color-picker,.color-picker-popup .color-picker{height:100%}.color-picker-page .color-picker .toolbar,.color-picker-popover .color-picker .toolbar,.color-picker-popup .color-picker .toolbar{position:absolute}.color-picker-popover{width:var(--f7-color-picker-popover-width);max-width:90vw;max-height:80vh}.color-picker-popover .color-picker{max-height:80vh}.color-picker-popover .toolbar-top{border-top-left-radius:var(--f7-popover-border-radius);border-top-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette{overflow:hidden;flex-shrink:0}.color-picker-popover .color-picker-module-palette:first-child{border-top-left-radius:var(--f7-popover-border-radius);border-top-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette:last-child{border-bottom-left-radius:var(--f7-popover-border-radius);border-bottom-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette:first-child:last-child{border-radius:var(--f7-popover-border-radius)}.color-picker-popover .toolbar~.page-content .color-picker-module-palette:first-child{border-top-left-radius:0;border-top-right-radius:0}.color-picker-page .page-content,.color-picker-popover .page-content,.color-picker-popup .page-content,.color-picker-sheet-modal .page-content{display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column;overflow-x:hidden}.color-picker-module{margin-top:5px}.color-picker-module:last-child{margin-bottom:5px}.color-picker-module-hs-spectrum,.color-picker-module-sb-spectrum{margin-left:10px;margin-right:10px}.color-picker-module-hs-spectrum:first-child,.color-picker-module-sb-spectrum:first-child{margin-top:10px}.color-picker-module-hs-spectrum .color-picker-hs-spectrum,.color-picker-module-hs-spectrum .color-picker-sb-spectrum,.color-picker-module-sb-spectrum .color-picker-hs-spectrum,.color-picker-module-sb-spectrum .color-picker-sb-spectrum{border-radius:4px;height:var(--f7-color-picker-sb-spectrum-height)}.color-picker-sb-spectrum{background-color:#000;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#000 100%),linear-gradient(to left,rgba(255,255,255,0) 0%,#fff 100%);position:relative}.color-picker-hs-spectrum{position:relative;background-image:linear-gradient(to right,red,#feff00,#0f0,#00feff,#00f,#ff00fe,red)}.color-picker-hs-spectrum:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(to bottom,rgba(255,255,255,0),#fff)}.color-picker-hs-spectrum-handle,.color-picker-sb-spectrum-handle{width:4px;height:4px;position:absolute;left:-2px;top:-2px;z-index:1}.color-picker-hs-spectrum-handle:after,.color-picker-sb-spectrum-handle:after{background-color:inherit;content:'';position:absolute;width:var(--f7-color-picker-sb-spectrum-handle-size);height:var(--f7-color-picker-sb-spectrum-handle-size);border:1px solid #fff;border-radius:50%;box-shadow:0px 0px 2px rgba(0,0,0,.5);box-sizing:border-box;left:50%;top:50%;transform:translate(-50%,-50%);transition:150ms;transition-property:transform;transform-origin:center}.color-picker-hs-spectrum-handle.color-picker-hs-spectrum-handle-pressed:after,.color-picker-hs-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after,.color-picker-sb-spectrum-handle.color-picker-hs-spectrum-handle-pressed:after,.color-picker-sb-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after{transform:scale(1.5) translate(-33.333%,-33.333%)}.color-picker-module-wheel{margin-left:10px;margin-right:10px}.color-picker-wheel{position:relative;width:var(--f7-color-picker-wheel-width);max-width:100%;height:auto;font-size:0;margin-left:auto;margin-right:auto}.color-picker-wheel svg{width:100%;height:auto}.color-picker-wheel .color-picker-wheel-handle{width:calc(100% / 6);height:calc(100% / 6);position:absolute;box-sizing:border-box;border:2px solid #fff;box-shadow:0px 0px 5px rgba(0,0,0,.5);background:red;border-radius:50%;left:0;top:0}.color-picker-wheel .color-picker-sb-spectrum{width:45%;height:45%;left:50%;top:50%;transform:translate3d(-50%,-50%,0);position:absolute}.color-picker-slider-wrap{display:flex;align-items:center;margin-bottom:2px}.color-picker-slider-wrap+.color-picker-slider-wrap{margin-top:5px}.color-picker-hex-wrap{justify-content:space-between;display:flex;align-items:center}.color-picker-hex-label,.color-picker-slider-label{font-size:var(--f7-color-picker-label-font-size);width:var(--f7-color-picker-label-size);flex-shrink:0;margin-left:12px}.color-picker-hex-label{width:auto}.color-picker-bar-value,.color-picker-hex-value,.color-picker-slider-value{width:var(--f7-color-picker-value-width);height:var(--f7-color-picker-value-height);background:var(--f7-color-picker-value-bg-color);border-radius:var(--f7-color-picker-value-border-radius);text-align:center;font-size:var(--f7-color-picker-value-font-size);display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-right:10px}.color-picker-bar-value input,.color-picker-hex-value input,.color-picker-slider-value input{width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;background:0 0;color:inherit;font-family:inherit;font-size:inherit;text-align:center;display:block;border-radius:4px}.color-picker-bar-value input::-webkit-inner-spin-button,.color-picker-bar-value input::-webkit-outer-spin-button,.color-picker-hex-value input::-webkit-inner-spin-button,.color-picker-hex-value input::-webkit-outer-spin-button,.color-picker-slider-value input::-webkit-inner-spin-button,.color-picker-slider-value input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;display:none}.color-picker-hex-value{width:var(--f7-color-picker-hex-value-width)}.color-picker-hex-value:first-child{margin-right:auto}.color-picker-slider{--f7-range-bar-active-bg-color:transparent;--f7-range-bar-size:var(--f7-color-picker-slider-size);--f7-range-bar-border-radius:var(--f7-color-picker-slider-size);--f7-range-knob-size:var(--f7-color-picker-slider-knob-size);--f7-range-knob-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3)}.color-picker-slider .range-knob{transition-duration:.2s;transition-property:transform}.color-picker-slider .range-knob:after{width:30px;height:30px;margin-left:-16px;margin-top:-16px}.color-picker-slider .range-knob-active-state .range-knob{transform:scale(1.5)}.md .color-picker-slider.range-slider-min:not(.range-slider-dual) .range-knob{background:var(--f7-range-knob-color)!important;border:none}.color-picker-module-rgb-bars{display:flex;justify-content:space-around;justify-content:space-evenly;align-items:stretch;height:100%;min-height:var(--f7-color-picker-bar-min-height);padding-bottom:10px;padding-top:10px;box-sizing:border-box}.color-picker-bar-wrap{display:flex;align-items:center;flex-direction:column-reverse}.color-picker-bar{--f7-range-bar-active-bg-color:transparent;--f7-range-bar-size:var(--f7-color-picker-bar-size);--f7-range-bar-border-radius:2px;--f7-range-knob-size:6px;--f7-range-knob-box-shadow:0 0px 3px rgba(0, 0, 0, 0.3);--f7-range-knob-color:#fff}.color-picker-bar .range-knob{transition-duration:0s;transition-property:transform;border-radius:3px}.color-picker-bar .range-knob-wrap{height:6px;width:calc(var(--f7-color-picker-bar-size) - 4px);margin-left:calc(-.5 * (var(--f7-color-picker-bar-size) - 4px))}.color-picker-bar .range-knob-active-state .range-knob{transform:scale(1)}.md .color-picker-bar.range-slider-min:not(.range-slider-dual) .range-knob{background:var(--f7-range-knob-color)!important;border:none}.color-picker-bar-label{font-size:var(--f7-color-picker-label-size);margin-top:12px;line-height:1;height:var(--f7-color-picker-label-height);flex-shrink:0}.color-picker-bar-value{margin-left:0;margin-bottom:10px}.color-picker-slider-alpha{--f7-range-knob-color:#fff}.color-picker-slider-alpha .range-bar{background-image:linear-gradient(to left,rgba(0,0,0,0),#000),linear-gradient(to right,rgba(255,255,255,.2) 50%,rgba(0,0,0,.2) 50%),linear-gradient(to left,rgba(255,255,255,.2) 50%,rgba(0,0,0,.2) 50%);background-size:100% 100%,6px 3px,6px 3px;background-position:0 0,0px 3px,0 0;background-repeat:repeat-y,repeat-x,repeat-x}.color-picker-slider-hue .range-bar{background-image:linear-gradient(to left,red,#feff00,#0f0,#00feff,#00f,#ff00fe,red)}.color-picker-slider-brightness .range-bar{background-image:linear-gradient(to left,#000,#fff)}.color-picker-module-palette{margin-top:16px}.color-picker-module-palette:first-child{margin-top:0}.color-picker-module-palette:last-child{margin-bottom:0}.color-picker-module-palette:first-child:last-child{margin:0}.color-picker-palette{display:flex;flex-wrap:wrap}.color-picker-palette-row{width:100%;display:flex;flex-wrap:nowrap}.color-picker-palette-row .color-picker-palette-value{width:100%}.color-picker-palette-value{width:var(--f7-color-picker-palette-value-width);height:var(--f7-color-picker-palette-value-height);cursor:pointer}.color-picker-module-current-color,.color-picker-module-initial-current-colors{margin-left:10px;margin-right:10px;border-radius:var(--f7-color-picker-initial-current-color-border-radius);overflow:hidden;flex-shrink:0}.color-picker-current-color,.color-picker-initial-color{height:var(--f7-color-picker-initial-current-color-height)}.color-picker-initial-current-colors{display:flex}.color-picker-initial-current-colors .color-picker-current-color,.color-picker-initial-current-colors .color-picker-initial-color{width:50%}.color-picker-module-alpha-slider,.color-picker-module-brightness-slider,.color-picker-module-hex,.color-picker-module-hsb-sliders,.color-picker-module-hue-slider,.color-picker-module-rgb-sliders{margin-left:10px;margin-right:10px}.color-picker-grouped-modules .color-picker-module-alpha-slider,.color-picker-grouped-modules .color-picker-module-brightness-slider,.color-picker-grouped-modules .color-picker-module-hex,.color-picker-grouped-modules .color-picker-module-hsb-sliders,.color-picker-grouped-modules .color-picker-module-hue-slider,.color-picker-grouped-modules .color-picker-module-rgb-sliders{background:var(--f7-color-picker-group-bg-color);padding:5px;border-radius:4px;margin-top:16px;margin-left:5px;margin-right:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider:last-child,.color-picker-grouped-modules .color-picker-module-brightness-slider:last-child,.color-picker-grouped-modules .color-picker-module-hex:last-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders:last-child,.color-picker-grouped-modules .color-picker-module-hue-slider:last-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders:last-child{margin-bottom:16px}.color-picker-grouped-modules .color-picker-hex-value,.color-picker-grouped-modules .color-picker-slider-value{background:var(--f7-color-picker-group-value-bg-color)}.color-picker-grouped-modules .color-picker-hex-label,.color-picker-grouped-modules .color-picker-slider-label{margin-right:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:first-child{margin-right:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:last-child{margin-left:5px} \ No newline at end of file diff --git a/packages/core/components/color-picker/color-picker-class.js b/packages/core/components/color-picker/color-picker-class.js index a8dc741a0d..c5276eed99 100644 --- a/packages/core/components/color-picker/color-picker-class.js +++ b/packages/core/components/color-picker/color-picker-class.js @@ -400,8 +400,8 @@ class ColorPicker extends Framework7Class { const { openIn, navbarTitleText, navbarBackLinkText, navbarCloseText } = self.params; return `
                +
                -
                ${openIn === 'page' ? `
                diff --git a/packages/core/components/color-picker/color-picker-vars.less b/packages/core/components/color-picker/color-picker-vars.less index d1df438861..2155757d49 100644 --- a/packages/core/components/color-picker/color-picker-vars.less +++ b/packages/core/components/color-picker/color-picker-vars.less @@ -30,8 +30,8 @@ --f7-color-picker-initial-current-color-border-radius: 4px; .theme-dark, &.theme-dark { - --f7-color-picker-sheet-bg-color: #171717; - --f7-color-picker-popup-bg-color: #171717; + --f7-color-picker-sheet-bg-color: #121212; + --f7-color-picker-popup-bg-color: #121212; --f7-color-picker-value-bg-color: rgba(255,255,255,0.1); --f7-color-picker-group-bg-color: #000; --f7-color-picker-group-value-bg-color: rgba(255,255,255,0.12); diff --git a/packages/core/components/color-picker/color-picker.less b/packages/core/components/color-picker/color-picker.less index ea55dcb79e..d8f5084876 100644 --- a/packages/core/components/color-picker/color-picker.less +++ b/packages/core/components/color-picker/color-picker.less @@ -290,8 +290,8 @@ &:after { width: 30px; height: 30px; - margin-left: -15px; - margin-top: -15px; + margin-left: -16px; + margin-top: -16px; } } .range-knob-active-state .range-knob { @@ -416,7 +416,7 @@ } // Palette .color-picker-module-palette { - margin-top: 15px; + margin-top: 16px; &:first-child { margin-top: 0; } @@ -484,11 +484,11 @@ background: var(--f7-color-picker-group-bg-color); padding: 5px; border-radius: 4px; - margin-top: 15px; + margin-top: 16px; margin-left: 5px; margin-right: 5px; &:last-child { - margin-bottom: 15px; + margin-bottom: 16px; } } .color-picker-slider-value, diff --git a/packages/core/components/data-table.css b/packages/core/components/data-table.css index ce2460a49f..fffb8aded0 100644 --- a/packages/core/components/data-table.css +++ b/packages/core/components/data-table.css @@ -1 +1 @@ -:root{--f7-table-head-font-size:12px;--f7-table-body-font-size:14px;--f7-table-footer-font-size:12px;--f7-table-input-height:24px;--f7-table-input-font-size:14px;--f7-table-collapsible-cell-padding:15px;--f7-table-link-icon-only-icon-size:20px;--f7-table-sortable-icon-color:#000}:root .theme-dark,:root.theme-dark{--f7-table-cell-border-color:rgba(255, 255, 255, 0.15);--f7-table-sortable-icon-color:#fff;--f7-table-input-text-color:#fff}.ios{--f7-table-head-font-weight:600;--f7-table-head-text-color:rgba(0, 0, 0, 0.45);--f7-table-head-cell-height:44px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:44px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.22);--f7-table-cell-padding-vertical:0px;--f7-table-cell-padding-horizontal:15px;--f7-table-edge-cell-padding-horizontal:15px;--f7-table-label-cell-padding-horizontal:15px;--f7-table-checkbox-cell-width:22px;--f7-table-selected-row-bg-color:rgba(0, 0, 0, 0.03);--f7-table-title-font-size:17px;--f7-table-title-font-weight:600;--f7-table-card-header-height:64px;--f7-table-footer-height:44px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.45);--f7-table-input-text-color:#000}.ios .theme-dark,.ios.theme-dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.55);--f7-table-footer-text-color:rgba(255, 255, 255, 0.55);--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.08)}.md{--f7-table-head-font-weight:500;--f7-table-head-text-color:rgba(0, 0, 0, 0.54);--f7-table-head-cell-height:56px;--f7-table-head-icon-size:16px;--f7-table-body-cell-height:48px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-cell-padding-vertical:0px;--f7-table-cell-padding-horizontal:28px;--f7-table-edge-cell-padding-horizontal:24px;--f7-table-label-cell-padding-horizontal:24px;--f7-table-checkbox-cell-width:18px;--f7-table-actions-cell-link-color:rgba(0, 0, 0, 0.54);--f7-table-selected-row-bg-color:#f5f5f5;--f7-table-actions-link-color:rgba(0, 0, 0, 0.54);--f7-table-title-font-size:20px;--f7-table-title-font-weight:400;--f7-table-card-header-height:64px;--f7-table-footer-height:56px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.54);--f7-table-input-text-color:#212121}.md .theme-dark,.md.theme-dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.54);--f7-table-footer-text-color:rgba(255, 255, 255, 0.54);--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.05);--f7-table-actions-cell-link-color:rgba(255, 255, 255, 0.54);--f7-table-actions-link-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-table-link-icon-only-icon-size:18px;--f7-table-head-font-weight:400;--f7-table-head-text-color:rgba(0, 0, 0, 0.6);--f7-table-head-cell-height:32px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:32px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-cell-padding-vertical:5px;--f7-table-cell-padding-horizontal:10px;--f7-table-edge-cell-padding-horizontal:15px;--f7-table-label-cell-padding-horizontal:15px;--f7-table-checkbox-cell-width:22px;--f7-table-selected-row-bg-color:rgba(0, 0, 0, 0.03);--f7-table-title-font-size:14px;--f7-table-title-font-weight:600;--f7-table-card-header-height:42px;--f7-table-footer-height:32px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.5);--f7-table-input-text-color:#000}.aurora .theme-dark,.aurora.theme-dark{--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.03);--f7-table-head-text-color:rgba(255, 255, 255, 0.52);--f7-table-footer-text-color:rgba(255, 255, 255, 0.52)}.data-table{overflow-x:auto}.data-table table,table.data-table{width:100%;border:none;padding:0;margin:0;border-collapse:collapse;text-align:left}.data-table thead td,.data-table thead th{font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:16px;height:var(--f7-table-head-cell-height)}.data-table thead td:not(.sortable-cell-active),.data-table thead th:not(.sortable-cell-active){color:var(--f7-table-head-text-color)}.data-table thead i.f7-icons,.data-table thead i.icon,.data-table thead i.material-icons{vertical-align:top;font-size:var(--f7-table-head-icon-size);width:var(--f7-table-head-icon-size);height:var(--f7-table-head-icon-size)}.data-table tbody{font-size:var(--f7-table-body-font-size)}.data-table tbody td,.data-table tbody th{height:var(--f7-table-body-cell-height)}.data-table tbody tr.data-table-row-selected,.device-desktop .data-table tbody tr:hover{background:var(--f7-table-selected-row-bg-color)}.data-table tbody td:before,.data-table tbody th:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table td,.data-table th{--f7-table-cell-padding-left:var(--f7-table-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-cell-padding-horizontal);padding-top:var(--f7-table-cell-padding-vertical);padding-bottom:var(--f7-table-cell-padding-vertical);padding-left:var(--f7-table-cell-padding-left);padding-right:var(--f7-table-cell-padding-right);position:relative;box-sizing:border-box}.data-table td:first-child,.data-table th:first-child{--f7-table-cell-padding-left:var(--f7-table-edge-cell-padding-horizontal)}.data-table td:last-child,.data-table th:last-child{--f7-table-cell-padding-right:var(--f7-table-edge-cell-padding-horizontal)}.data-table td.label-cell,.data-table th.label-cell{--f7-table-cell-padding-left:var(--f7-table-label-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-label-cell-padding-horizontal)}.data-table td.numeric-cell,.data-table th.numeric-cell{text-align:right}.data-table td.checkbox-cell,.data-table th.checkbox-cell{overflow:visible;width:var(--f7-table-checkbox-cell-width)}.data-table td.checkbox-cell label+span,.data-table th.checkbox-cell label+span{margin-left:8px}.data-table td.checkbox-cell:first-child,.data-table th.checkbox-cell:first-child{padding-right:calc(var(--f7-table-cell-padding-right)/ 2)}.data-table td.checkbox-cell:first-child+td,.data-table td.checkbox-cell:first-child+th,.data-table th.checkbox-cell:first-child+td,.data-table th.checkbox-cell:first-child+th{padding-left:calc(var(--f7-table-cell-padding-left)/ 2)}.data-table td.checkbox-cell:last-child,.data-table th.checkbox-cell:last-child{padding-left:calc(var(--f7-table-cell-padding-left)/ 2)}.data-table td.actions-cell,.data-table th.actions-cell{text-align:right;white-space:nowrap}.data-table td.actions-cell a.link,.data-table th.actions-cell a.link{color:var(--f7-table-actions-cell-link-color,var(--f7-theme-color))}.card .data-table td a.icon-only,.card .data-table th a.icon-only,.card.data-table td a.icon-only,.card.data-table th a.icon-only,.data-table td a.icon-only,.data-table th a.icon-only{display:inline-block;vertical-align:middle;text-align:center;font-size:0;min-width:0}.card .data-table td a.icon-only i,.card .data-table th a.icon-only i,.card.data-table td a.icon-only i,.card.data-table th a.icon-only i,.data-table td a.icon-only i,.data-table th a.icon-only i{font-size:var(--f7-table-link-icon-only-icon-size);vertical-align:middle}.data-table .sortable-cell:not(.input-cell){cursor:pointer;position:relative}.data-table .sortable-cell.input-cell .table-head-label{cursor:pointer;position:relative}.data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.data-table .sortable-cell.numeric-cell:not(.input-cell):before,.data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{content:'arrow_bottom_md';font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;display:inline-block;vertical-align:top;width:16px;height:16px;color:var(--f7-table-sortable-icon-color);font-size:13px;line-height:16px;transition-duration:.3s;transform:rotate(0);opacity:0}.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before{opacity:.54}.data-table .sortable-cell.sortable-cell-active .table-head-label:after,.data-table .sortable-cell.sortable-cell-active .table-head-label:before,.data-table .sortable-cell.sortable-cell-active:after,.data-table .sortable-cell.sortable-cell-active:before{opacity:.87!important}.data-table .sortable-cell.sortable-desc:after,.data-table .sortable-cell.sortable-desc:before,.data-table .table-head-label:after,.data-table .table-head-label:before{transform:rotate(180deg)!important}.card .data-table .card-footer,.card .data-table .card-header,.data-table.card .card-footer,.data-table.card .card-header{padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal)}.card .data-table .card-header,.data-table.card .card-header{min-height:var(--f7-table-card-header-height)}.card .data-table .card-content,.data-table.card .card-content{overflow-x:auto}.card .data-table .card-footer,.data-table.card .card-footer{min-height:var(--f7-table-footer-height)}.data-table .data-table-title{font-size:var(--f7-table-title-font-size);font-weight:var(--f7-table-title-font-weight)}.data-table .data-table-actions,.data-table .data-table-links{display:flex}.data-table .data-table-links .button{min-width:64px}.data-table .data-table-actions{margin-left:auto;align-items:center}.data-table .data-table-actions a.link{color:var(--f7-table-actions-link-color,var(--f7-theme-color));min-width:0}.data-table .data-table-actions a.link.icon-only{line-height:1;justify-content:center;padding:0}.data-table .data-table-header,.data-table .data-table-header-selected{display:flex;justify-content:space-between;align-items:center;width:100%}.data-table .card-header>.data-table-header,.data-table .card-header>.data-table-header-selected{padding-top:var(--f7-card-header-padding-vertical);padding-bottom:var(--f7-card-header-padding-vertical);height:100%;padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal);margin-left:calc(-1 * var(--f7-table-edge-cell-padding-horizontal));margin-right:calc(-1 * var(--f7-table-edge-cell-padding-horizontal))}.data-table .data-table-header-selected{background:rgba(var(--f7-theme-color-rgb),.1);display:none}.data-table.data-table-has-checked .data-table-header{display:none}.data-table.data-table-has-checked .data-table-header-selected{display:flex}.data-table .data-table-title-selected{font-size:14px;color:var(--f7-theme-color)}.data-table .data-table-footer{display:flex;align-items:center;box-sizing:border-box;position:relative;font-size:var(--f7-table-footer-font-size);overflow:hidden;min-height:var(--f7-table-footer-height);color:var(--f7-table-footer-text-color);justify-content:flex-end}.data-table .data-table-footer:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table .data-table-pagination,.data-table .data-table-rows-select{display:flex;align-items:center}.data-table .input-cell{padding-top:8px;padding-bottom:8px;height:auto;vertical-align:top}.data-table .input-cell .table-head-label+.input{margin-top:4px}.data-table .input-cell .input{height:var(--f7-table-input-height)}.data-table .input-cell .input input,.data-table .input-cell .input select,.data-table .input-cell .input textarea{height:var(--f7-table-input-height);color:var(--f7-table-input-text-color);font-size:var(--f7-table-input-font-size)}@media (max-width:480px) and (orientation:portrait){.data-table.data-table-collapsible thead{display:none}.data-table.data-table-collapsible tbody,.data-table.data-table-collapsible td,.data-table.data-table-collapsible tr{display:block}.data-table.data-table-collapsible tr{position:relative}.data-table.data-table-collapsible tr:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table.data-table-collapsible tr:hover{background-color:inherit}.data-table.data-table-collapsible td{--f7-table-cell-padding-left:var(--f7-table-collapsible-cell-padding);--f7-table-cell-padding-right:var(--f7-table-collapsible-cell-padding);height:auto;min-height:var(--f7-table-body-cell-height);display:flex;align-content:center;align-items:center;justify-content:flex-start;text-align:left}.data-table.data-table-collapsible td:before{display:none!important}.data-table.data-table-collapsible td:not(.checkbox-cell):before{width:40%;display:block!important;content:attr(data-collapsible-title);position:relative;height:auto;background:0 0!important;transform:none!important;font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);color:var(--f7-table-head-text-color);margin-right:16px;flex-shrink:0}.data-table.data-table-collapsible td.checkbox-cell{position:absolute;top:0;left:0}.data-table.data-table-collapsible td.checkbox-cell+td{padding-left:16px}.data-table.data-table-collapsible td.checkbox-cell~td{margin-left:32px}}.data-table .tablet-landscape-only,.data-table .tablet-only{display:none}@media (min-width:768px){.data-table .tablet-only{display:table-cell}}@media (min-width:768px) and (orientation:landscape){.data-table .tablet-landscape-only{display:table-cell}}.ios .data-table td.actions-cell a.link+a.link,.ios .data-table th.actions-cell a.link+a.link{margin-left:15px}.ios .sortable-cell:not(.numeric-cell):after{margin-left:5px}.ios .sortable-cell.numeric-cell:before{margin-right:5px}.ios .data-table-actions .button+.button,.ios .data-table-actions a.link+a.link,.ios .data-table-links .button+.button,.ios .data-table-links a.link+a.link{margin-left:15px}.ios .data-table-actions a.link.icon-only{width:44px;height:44px}.ios .data-table-pagination a.link,.ios .data-table-rows-select a.link{width:44px;height:44px}.ios .data-table-rows-select+.data-table-pagination{margin-left:30px}.ios .data-table-rows-select .input{margin-left:20px}.ios .data-table-pagination-label{margin-right:15px}.md .data-table td.actions-cell a.link+a.link,.md .data-table th.actions-cell a.link+a.link{margin-left:24px}.md .data-table td.actions-cell a.icon-only,.md .data-table th.actions-cell a.icon-only{width:24px;height:24px;line-height:24px}.md .sortable-cell:not(.numeric-cell):after{margin-left:8px}.md .sortable-cell.numeric-cell:before{margin-right:8px}.md .data-table-actions .button+.button,.md .data-table-actions a.link+a.link,.md .data-table-links .button+.button,.md .data-table-links a.link+a.link{margin-left:24px}.md .data-table-actions a.link.icon-only{width:24px;height:24px;overflow:visible}.md .data-table-actions a.link.icon-only.active-state{background:0 0}.md .data-table-pagination a.link,.md .data-table-rows-select a.link{width:48px;height:48px}.md .data-table-pagination a.link:before,.md .data-table-rows-select a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .data-table-pagination a.link.active-state:before,.md .data-table-rows-select a.link.active-state:before{opacity:1;transition-duration:150ms}.md .data-table-rows-select+.data-table-pagination{margin-left:32px}.md .data-table-rows-select .input{margin-left:24px}.md .data-table-pagination-label{margin-right:20px}.md .input-cell .input-clear-button{transform:scale(.8)}.aurora .data-table td.actions-cell a.link+a.link,.aurora .data-table th.actions-cell a.link+a.link{margin-left:10px}.aurora .sortable-cell:not(.numeric-cell):after{margin-left:5px}.aurora .sortable-cell.numeric-cell:before{margin-right:5px}.aurora .data-table-actions .button+.button,.aurora .data-table-actions a.link+a.link,.aurora .data-table-links .button+.button,.aurora .data-table-links a.link+a.link{margin-left:10px}.aurora .data-table-pagination a.link,.aurora .data-table-rows-select a.link{width:32px;height:32px}.aurora .data-table-rows-select+.data-table-pagination{margin-left:15px}.aurora .data-table-rows-select .input{margin-left:10px}.aurora .data-table-pagination-label{margin-right:10px} \ No newline at end of file +:root{--f7-table-head-font-size:12px;--f7-table-body-font-size:14px;--f7-table-footer-font-size:12px;--f7-table-input-height:24px;--f7-table-input-font-size:14px;--f7-table-collapsible-cell-padding:16px;--f7-table-link-icon-only-icon-size:20px;--f7-table-sortable-icon-color:#000}:root .theme-dark,:root.theme-dark{--f7-table-cell-border-color:rgba(255, 255, 255, 0.15);--f7-table-sortable-icon-color:#fff;--f7-table-input-text-color:#fff}.ios{--f7-table-head-font-weight:600;--f7-table-head-text-color:rgba(0, 0, 0, 0.45);--f7-table-head-cell-height:44px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:44px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.22);--f7-table-cell-padding-vertical:0px;--f7-table-cell-padding-horizontal:16px;--f7-table-edge-cell-padding-horizontal:16px;--f7-table-label-cell-padding-horizontal:16px;--f7-table-checkbox-cell-width:22px;--f7-table-selected-row-bg-color:rgba(0, 0, 0, 0.03);--f7-table-title-font-size:17px;--f7-table-title-font-weight:600;--f7-table-card-header-height:64px;--f7-table-footer-height:44px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.45);--f7-table-input-text-color:#000}.ios .theme-dark,.ios.theme-dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.55);--f7-table-footer-text-color:rgba(255, 255, 255, 0.55);--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.08)}.md{--f7-table-head-font-weight:500;--f7-table-head-text-color:rgba(0, 0, 0, 0.54);--f7-table-head-cell-height:56px;--f7-table-head-icon-size:16px;--f7-table-body-cell-height:48px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-cell-padding-vertical:0px;--f7-table-cell-padding-horizontal:28px;--f7-table-edge-cell-padding-horizontal:24px;--f7-table-label-cell-padding-horizontal:24px;--f7-table-checkbox-cell-width:18px;--f7-table-actions-cell-link-color:rgba(0, 0, 0, 0.54);--f7-table-selected-row-bg-color:#f5f5f5;--f7-table-actions-link-color:rgba(0, 0, 0, 0.54);--f7-table-title-font-size:20px;--f7-table-title-font-weight:400;--f7-table-card-header-height:64px;--f7-table-footer-height:56px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.54);--f7-table-input-text-color:#212121}.md .theme-dark,.md.theme-dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.54);--f7-table-footer-text-color:rgba(255, 255, 255, 0.54);--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.05);--f7-table-actions-cell-link-color:rgba(255, 255, 255, 0.54);--f7-table-actions-link-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-table-link-icon-only-icon-size:18px;--f7-table-head-font-weight:400;--f7-table-head-text-color:rgba(0, 0, 0, 0.6);--f7-table-head-cell-height:32px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:32px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-cell-padding-vertical:5px;--f7-table-cell-padding-horizontal:10px;--f7-table-edge-cell-padding-horizontal:16px;--f7-table-label-cell-padding-horizontal:16px;--f7-table-checkbox-cell-width:22px;--f7-table-selected-row-bg-color:rgba(0, 0, 0, 0.03);--f7-table-title-font-size:14px;--f7-table-title-font-weight:600;--f7-table-card-header-height:42px;--f7-table-footer-height:32px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.5);--f7-table-input-text-color:#000}.aurora .theme-dark,.aurora.theme-dark{--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.03);--f7-table-head-text-color:rgba(255, 255, 255, 0.54);--f7-table-footer-text-color:rgba(255, 255, 255, 0.54)}.data-table{overflow-x:auto}.data-table table,table.data-table{width:100%;border:none;padding:0;margin:0;border-collapse:collapse;text-align:left}.data-table thead td,.data-table thead th{font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:16px;height:var(--f7-table-head-cell-height)}.data-table thead td:not(.sortable-cell-active),.data-table thead th:not(.sortable-cell-active){color:var(--f7-table-head-text-color)}.data-table thead i.f7-icons,.data-table thead i.icon,.data-table thead i.material-icons{vertical-align:top;font-size:var(--f7-table-head-icon-size);width:var(--f7-table-head-icon-size);height:var(--f7-table-head-icon-size)}.data-table tbody{font-size:var(--f7-table-body-font-size)}.data-table tbody td,.data-table tbody th{height:var(--f7-table-body-cell-height)}.data-table tbody tr.data-table-row-selected,.device-desktop .data-table tbody tr:hover{background:var(--f7-table-selected-row-bg-color)}.data-table tbody td:before,.data-table tbody th:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table td,.data-table th{--f7-table-cell-padding-left:var(--f7-table-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-cell-padding-horizontal);padding-top:var(--f7-table-cell-padding-vertical);padding-bottom:var(--f7-table-cell-padding-vertical);padding-left:var(--f7-table-cell-padding-left);padding-right:var(--f7-table-cell-padding-right);position:relative;box-sizing:border-box}.data-table td:first-child,.data-table th:first-child{--f7-table-cell-padding-left:var(--f7-table-edge-cell-padding-horizontal)}.data-table td:last-child,.data-table th:last-child{--f7-table-cell-padding-right:var(--f7-table-edge-cell-padding-horizontal)}.data-table td.label-cell,.data-table th.label-cell{--f7-table-cell-padding-left:var(--f7-table-label-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-label-cell-padding-horizontal)}.data-table td.numeric-cell,.data-table th.numeric-cell{text-align:right}.data-table td.checkbox-cell,.data-table th.checkbox-cell{overflow:visible;width:var(--f7-table-checkbox-cell-width)}.data-table td.checkbox-cell label+span,.data-table th.checkbox-cell label+span{margin-left:8px}.data-table td.checkbox-cell:first-child,.data-table th.checkbox-cell:first-child{padding-right:calc(var(--f7-table-cell-padding-right)/ 2)}.data-table td.checkbox-cell:first-child+td,.data-table td.checkbox-cell:first-child+th,.data-table th.checkbox-cell:first-child+td,.data-table th.checkbox-cell:first-child+th{padding-left:calc(var(--f7-table-cell-padding-left)/ 2)}.data-table td.checkbox-cell:last-child,.data-table th.checkbox-cell:last-child{padding-left:calc(var(--f7-table-cell-padding-left)/ 2)}.data-table td.actions-cell,.data-table th.actions-cell{text-align:right;white-space:nowrap}.data-table td.actions-cell a.link,.data-table th.actions-cell a.link{color:var(--f7-table-actions-cell-link-color,var(--f7-theme-color))}.card .data-table td a.icon-only,.card .data-table th a.icon-only,.card.data-table td a.icon-only,.card.data-table th a.icon-only,.data-table td a.icon-only,.data-table th a.icon-only{display:inline-block;vertical-align:middle;text-align:center;font-size:0;min-width:0}.card .data-table td a.icon-only i,.card .data-table th a.icon-only i,.card.data-table td a.icon-only i,.card.data-table th a.icon-only i,.data-table td a.icon-only i,.data-table th a.icon-only i{font-size:var(--f7-table-link-icon-only-icon-size);vertical-align:middle}.data-table .sortable-cell:not(.input-cell){cursor:pointer;position:relative}.data-table .sortable-cell.input-cell .table-head-label{cursor:pointer;position:relative}.data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.data-table .sortable-cell.numeric-cell:not(.input-cell):before,.data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{content:'arrow_bottom_md';font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;display:inline-block;vertical-align:top;width:16px;height:16px;color:var(--f7-table-sortable-icon-color);font-size:13px;line-height:16px;transition-duration:.3s;transform:rotate(0);opacity:0}.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before{opacity:.54}.data-table .sortable-cell.sortable-cell-active .table-head-label:after,.data-table .sortable-cell.sortable-cell-active .table-head-label:before,.data-table .sortable-cell.sortable-cell-active:after,.data-table .sortable-cell.sortable-cell-active:before{opacity:.87!important}.data-table .sortable-cell.sortable-desc:after,.data-table .sortable-cell.sortable-desc:before,.data-table .table-head-label:after,.data-table .table-head-label:before{transform:rotate(180deg)!important}.card .data-table .card-footer,.card .data-table .card-header,.data-table.card .card-footer,.data-table.card .card-header{padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal)}.card .data-table .card-header,.data-table.card .card-header{min-height:var(--f7-table-card-header-height)}.card .data-table .card-content,.data-table.card .card-content{overflow-x:auto}.card .data-table .card-footer,.data-table.card .card-footer{min-height:var(--f7-table-footer-height)}.data-table .data-table-title{font-size:var(--f7-table-title-font-size);font-weight:var(--f7-table-title-font-weight)}.data-table .data-table-actions,.data-table .data-table-links{display:flex}.data-table .data-table-links .button{min-width:64px}.data-table .data-table-actions{margin-left:auto;align-items:center}.data-table .data-table-actions a.link{color:var(--f7-table-actions-link-color,var(--f7-theme-color));min-width:0}.data-table .data-table-actions a.link.icon-only{line-height:1;justify-content:center;padding:0}.data-table .data-table-header,.data-table .data-table-header-selected{display:flex;justify-content:space-between;align-items:center;width:100%}.data-table .card-header>.data-table-header,.data-table .card-header>.data-table-header-selected{padding-top:var(--f7-card-header-padding-vertical);padding-bottom:var(--f7-card-header-padding-vertical);height:100%;padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal);margin-left:calc(-1 * var(--f7-table-edge-cell-padding-horizontal));margin-right:calc(-1 * var(--f7-table-edge-cell-padding-horizontal))}.data-table .data-table-header-selected{background:rgba(var(--f7-theme-color-rgb),.1);display:none}.data-table.data-table-has-checked .data-table-header{display:none}.data-table.data-table-has-checked .data-table-header-selected{display:flex}.data-table .data-table-title-selected{font-size:14px;color:var(--f7-theme-color)}.data-table .data-table-footer{display:flex;align-items:center;box-sizing:border-box;position:relative;font-size:var(--f7-table-footer-font-size);overflow:hidden;min-height:var(--f7-table-footer-height);color:var(--f7-table-footer-text-color);justify-content:flex-end}.data-table .data-table-footer:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table .data-table-pagination,.data-table .data-table-rows-select{display:flex;align-items:center}.data-table .input-cell{padding-top:8px;padding-bottom:8px;height:auto;vertical-align:top}.data-table .input-cell .table-head-label+.input{margin-top:4px}.data-table .input-cell .input{height:var(--f7-table-input-height)}.data-table .input-cell .input input,.data-table .input-cell .input select,.data-table .input-cell .input textarea{height:var(--f7-table-input-height);color:var(--f7-table-input-text-color);font-size:var(--f7-table-input-font-size)}@media (max-width:480px) and (orientation:portrait){.data-table.data-table-collapsible thead{display:none}.data-table.data-table-collapsible tbody,.data-table.data-table-collapsible td,.data-table.data-table-collapsible tr{display:block}.data-table.data-table-collapsible tr{position:relative}.data-table.data-table-collapsible tr:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table.data-table-collapsible tr:hover{background-color:inherit}.data-table.data-table-collapsible td{--f7-table-cell-padding-left:var(--f7-table-collapsible-cell-padding);--f7-table-cell-padding-right:var(--f7-table-collapsible-cell-padding);height:auto;min-height:var(--f7-table-body-cell-height);display:flex;align-content:center;align-items:center;justify-content:flex-start;text-align:left}.data-table.data-table-collapsible td:before{display:none!important}.data-table.data-table-collapsible td:not(.checkbox-cell):before{width:40%;display:block!important;content:attr(data-collapsible-title);position:relative;height:auto;background:0 0!important;transform:none!important;font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);color:var(--f7-table-head-text-color);margin-right:16px;flex-shrink:0}.data-table.data-table-collapsible td.checkbox-cell{position:absolute;top:0;left:0}.data-table.data-table-collapsible td.checkbox-cell+td{padding-left:16px}.data-table.data-table-collapsible td.checkbox-cell~td{margin-left:32px}}.data-table .tablet-landscape-only,.data-table .tablet-only{display:none}@media (min-width:768px){.data-table .tablet-only{display:table-cell}}@media (min-width:768px) and (orientation:landscape){.data-table .tablet-landscape-only{display:table-cell}}.ios .data-table td.actions-cell a.link+a.link,.ios .data-table th.actions-cell a.link+a.link{margin-left:16px}.ios .sortable-cell:not(.numeric-cell):after{margin-left:5px}.ios .sortable-cell.numeric-cell:before{margin-right:5px}.ios .data-table-actions .button+.button,.ios .data-table-actions a.link+a.link,.ios .data-table-links .button+.button,.ios .data-table-links a.link+a.link{margin-left:16px}.ios .data-table-actions a.link.icon-only{width:44px;height:44px}.ios .data-table-pagination a.link,.ios .data-table-rows-select a.link{width:44px;height:44px}.ios .data-table-rows-select+.data-table-pagination{margin-left:30px}.ios .data-table-rows-select .input{margin-left:20px}.ios .data-table-pagination-label{margin-right:16px}.md .data-table td.actions-cell a.link+a.link,.md .data-table th.actions-cell a.link+a.link{margin-left:24px}.md .data-table td.actions-cell a.icon-only,.md .data-table th.actions-cell a.icon-only{width:24px;height:24px;line-height:24px}.md .sortable-cell:not(.numeric-cell):after{margin-left:8px}.md .sortable-cell.numeric-cell:before{margin-right:8px}.md .data-table-actions .button+.button,.md .data-table-actions a.link+a.link,.md .data-table-links .button+.button,.md .data-table-links a.link+a.link{margin-left:24px}.md .data-table-actions a.link.icon-only{width:24px;height:24px;overflow:visible}.md .data-table-actions a.link.icon-only.active-state{background:0 0}.md .data-table-pagination a.link,.md .data-table-rows-select a.link{width:48px;height:48px}.md .data-table-pagination a.link:before,.md .data-table-rows-select a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .data-table-pagination a.link.active-state:before,.md .data-table-rows-select a.link.active-state:before{opacity:1;transition-duration:150ms}.md .data-table-rows-select+.data-table-pagination{margin-left:32px}.md .data-table-rows-select .input{margin-left:24px}.md .data-table-pagination-label{margin-right:20px}.md .input-cell .input-clear-button{transform:scale(.8)}.aurora .data-table td.actions-cell a.link+a.link,.aurora .data-table th.actions-cell a.link+a.link{margin-left:10px}.aurora .sortable-cell:not(.numeric-cell):after{margin-left:5px}.aurora .sortable-cell.numeric-cell:before{margin-right:5px}.aurora .data-table-actions .button+.button,.aurora .data-table-actions a.link+a.link,.aurora .data-table-links .button+.button,.aurora .data-table-links a.link+a.link{margin-left:10px}.aurora .data-table-pagination a.link,.aurora .data-table-rows-select a.link{width:32px;height:32px}.aurora .data-table-rows-select+.data-table-pagination{margin-left:16px}.aurora .data-table-rows-select .input{margin-left:10px}.aurora .data-table-pagination-label{margin-right:10px} \ No newline at end of file diff --git a/packages/core/components/data-table.rtl.css b/packages/core/components/data-table.rtl.css index 26285b68de..9dc4985c00 100644 --- a/packages/core/components/data-table.rtl.css +++ b/packages/core/components/data-table.rtl.css @@ -1 +1 @@ -:root{--f7-table-head-font-size:12px;--f7-table-body-font-size:14px;--f7-table-footer-font-size:12px;--f7-table-input-height:24px;--f7-table-input-font-size:14px;--f7-table-collapsible-cell-padding:15px;--f7-table-link-icon-only-icon-size:20px;--f7-table-sortable-icon-color:#000}:root .theme-dark,:root.theme-dark{--f7-table-cell-border-color:rgba(255, 255, 255, 0.15);--f7-table-sortable-icon-color:#fff;--f7-table-input-text-color:#fff}.ios{--f7-table-head-font-weight:600;--f7-table-head-text-color:rgba(0, 0, 0, 0.45);--f7-table-head-cell-height:44px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:44px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.22);--f7-table-cell-padding-vertical:0px;--f7-table-cell-padding-horizontal:15px;--f7-table-edge-cell-padding-horizontal:15px;--f7-table-label-cell-padding-horizontal:15px;--f7-table-checkbox-cell-width:22px;--f7-table-selected-row-bg-color:rgba(0, 0, 0, 0.03);--f7-table-title-font-size:17px;--f7-table-title-font-weight:600;--f7-table-card-header-height:64px;--f7-table-footer-height:44px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.45);--f7-table-input-text-color:#000}.ios .theme-dark,.ios.theme-dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.55);--f7-table-footer-text-color:rgba(255, 255, 255, 0.55);--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.08)}.md{--f7-table-head-font-weight:500;--f7-table-head-text-color:rgba(0, 0, 0, 0.54);--f7-table-head-cell-height:56px;--f7-table-head-icon-size:16px;--f7-table-body-cell-height:48px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-cell-padding-vertical:0px;--f7-table-cell-padding-horizontal:28px;--f7-table-edge-cell-padding-horizontal:24px;--f7-table-label-cell-padding-horizontal:24px;--f7-table-checkbox-cell-width:18px;--f7-table-actions-cell-link-color:rgba(0, 0, 0, 0.54);--f7-table-selected-row-bg-color:#f5f5f5;--f7-table-actions-link-color:rgba(0, 0, 0, 0.54);--f7-table-title-font-size:20px;--f7-table-title-font-weight:400;--f7-table-card-header-height:64px;--f7-table-footer-height:56px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.54);--f7-table-input-text-color:#212121}.md .theme-dark,.md.theme-dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.54);--f7-table-footer-text-color:rgba(255, 255, 255, 0.54);--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.05);--f7-table-actions-cell-link-color:rgba(255, 255, 255, 0.54);--f7-table-actions-link-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-table-link-icon-only-icon-size:18px;--f7-table-head-font-weight:400;--f7-table-head-text-color:rgba(0, 0, 0, 0.6);--f7-table-head-cell-height:32px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:32px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-cell-padding-vertical:5px;--f7-table-cell-padding-horizontal:10px;--f7-table-edge-cell-padding-horizontal:15px;--f7-table-label-cell-padding-horizontal:15px;--f7-table-checkbox-cell-width:22px;--f7-table-selected-row-bg-color:rgba(0, 0, 0, 0.03);--f7-table-title-font-size:14px;--f7-table-title-font-weight:600;--f7-table-card-header-height:42px;--f7-table-footer-height:32px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.5);--f7-table-input-text-color:#000}.aurora .theme-dark,.aurora.theme-dark{--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.03);--f7-table-head-text-color:rgba(255, 255, 255, 0.52);--f7-table-footer-text-color:rgba(255, 255, 255, 0.52)}.data-table{overflow-x:auto}.data-table table,table.data-table{width:100%;border:none;padding:0;margin:0;border-collapse:collapse;text-align:right}.data-table thead td,.data-table thead th{font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:16px;height:var(--f7-table-head-cell-height)}.data-table thead td:not(.sortable-cell-active),.data-table thead th:not(.sortable-cell-active){color:var(--f7-table-head-text-color)}.data-table thead i.f7-icons,.data-table thead i.icon,.data-table thead i.material-icons{vertical-align:top;font-size:var(--f7-table-head-icon-size);width:var(--f7-table-head-icon-size);height:var(--f7-table-head-icon-size)}.data-table tbody{font-size:var(--f7-table-body-font-size)}.data-table tbody td,.data-table tbody th{height:var(--f7-table-body-cell-height)}.data-table tbody tr.data-table-row-selected,.device-desktop .data-table tbody tr:hover{background:var(--f7-table-selected-row-bg-color)}.data-table tbody td:before,.data-table tbody th:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table td,.data-table th{--f7-table-cell-padding-left:var(--f7-table-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-cell-padding-horizontal);padding-top:var(--f7-table-cell-padding-vertical);padding-bottom:var(--f7-table-cell-padding-vertical);padding-left:var(--f7-table-cell-padding-left);padding-right:var(--f7-table-cell-padding-right);position:relative;box-sizing:border-box}.data-table td:first-child,.data-table th:first-child{--f7-table-cell-padding-right:var(--f7-table-edge-cell-padding-horizontal)}.data-table td:last-child,.data-table th:last-child{--f7-table-cell-padding-left:var(--f7-table-edge-cell-padding-horizontal)}.data-table td.label-cell,.data-table th.label-cell{--f7-table-cell-padding-left:var(--f7-table-label-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-label-cell-padding-horizontal)}.data-table td.numeric-cell,.data-table th.numeric-cell{text-align:left}.data-table td.checkbox-cell,.data-table th.checkbox-cell{overflow:visible;width:var(--f7-table-checkbox-cell-width)}.data-table td.checkbox-cell label+span,.data-table th.checkbox-cell label+span{margin-right:8px}.data-table td.checkbox-cell:first-child,.data-table th.checkbox-cell:first-child{padding-left:calc(var(--f7-table-cell-padding-left)/ 2)}.data-table td.checkbox-cell:first-child+td,.data-table td.checkbox-cell:first-child+th,.data-table th.checkbox-cell:first-child+td,.data-table th.checkbox-cell:first-child+th{padding-right:calc(var(--f7-table-cell-padding-right)/ 2)}.data-table td.checkbox-cell:last-child,.data-table th.checkbox-cell:last-child{padding-right:calc(var(--f7-table-cell-padding-right)/ 2)}.data-table td.actions-cell,.data-table th.actions-cell{text-align:left;white-space:nowrap}.data-table td.actions-cell a.link,.data-table th.actions-cell a.link{color:var(--f7-table-actions-cell-link-color,var(--f7-theme-color))}.card .data-table td a.icon-only,.card .data-table th a.icon-only,.card.data-table td a.icon-only,.card.data-table th a.icon-only,.data-table td a.icon-only,.data-table th a.icon-only{display:inline-block;vertical-align:middle;text-align:center;font-size:0;min-width:0}.card .data-table td a.icon-only i,.card .data-table th a.icon-only i,.card.data-table td a.icon-only i,.card.data-table th a.icon-only i,.data-table td a.icon-only i,.data-table th a.icon-only i{font-size:var(--f7-table-link-icon-only-icon-size);vertical-align:middle}.data-table .sortable-cell:not(.input-cell){cursor:pointer;position:relative}.data-table .sortable-cell.input-cell .table-head-label{cursor:pointer;position:relative}.data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.data-table .sortable-cell.numeric-cell:not(.input-cell):before,.data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{content:'arrow_bottom_md';font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;display:inline-block;vertical-align:top;width:16px;height:16px;color:var(--f7-table-sortable-icon-color);font-size:13px;line-height:16px;transition-duration:.3s;transform:rotate(0);opacity:0}.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before{opacity:.54}.data-table .sortable-cell.sortable-cell-active .table-head-label:after,.data-table .sortable-cell.sortable-cell-active .table-head-label:before,.data-table .sortable-cell.sortable-cell-active:after,.data-table .sortable-cell.sortable-cell-active:before{opacity:.87!important}.data-table .sortable-cell.sortable-desc:after,.data-table .sortable-cell.sortable-desc:before,.data-table .table-head-label:after,.data-table .table-head-label:before{transform:rotate(180deg)!important}.card .data-table .card-footer,.card .data-table .card-header,.data-table.card .card-footer,.data-table.card .card-header{padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal)}.card .data-table .card-header,.data-table.card .card-header{min-height:var(--f7-table-card-header-height)}.card .data-table .card-content,.data-table.card .card-content{overflow-x:auto}.card .data-table .card-footer,.data-table.card .card-footer{min-height:var(--f7-table-footer-height)}.data-table .data-table-title{font-size:var(--f7-table-title-font-size);font-weight:var(--f7-table-title-font-weight)}.data-table .data-table-actions,.data-table .data-table-links{display:flex}.data-table .data-table-links .button{min-width:64px}.data-table .data-table-actions{margin-right:auto;align-items:center}.data-table .data-table-actions a.link{color:var(--f7-table-actions-link-color,var(--f7-theme-color));min-width:0}.data-table .data-table-actions a.link.icon-only{line-height:1;justify-content:center;padding:0}.data-table .data-table-header,.data-table .data-table-header-selected{display:flex;justify-content:space-between;align-items:center;width:100%}.data-table .card-header>.data-table-header,.data-table .card-header>.data-table-header-selected{padding-top:var(--f7-card-header-padding-vertical);padding-bottom:var(--f7-card-header-padding-vertical);height:100%;padding-right:var(--f7-table-edge-cell-padding-horizontal);padding-left:var(--f7-table-edge-cell-padding-horizontal);margin-right:calc(-1 * var(--f7-table-edge-cell-padding-horizontal));margin-left:calc(-1 * var(--f7-table-edge-cell-padding-horizontal))}.data-table .data-table-header-selected{background:rgba(var(--f7-theme-color-rgb),.1);display:none}.data-table.data-table-has-checked .data-table-header{display:none}.data-table.data-table-has-checked .data-table-header-selected{display:flex}.data-table .data-table-title-selected{font-size:14px;color:var(--f7-theme-color)}.data-table .data-table-footer{display:flex;align-items:center;box-sizing:border-box;position:relative;font-size:var(--f7-table-footer-font-size);overflow:hidden;min-height:var(--f7-table-footer-height);color:var(--f7-table-footer-text-color);justify-content:flex-start}.data-table .data-table-footer:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table .data-table-pagination,.data-table .data-table-rows-select{display:flex;align-items:center}.data-table .input-cell{padding-top:8px;padding-bottom:8px;height:auto;vertical-align:top}.data-table .input-cell .table-head-label+.input{margin-top:4px}.data-table .input-cell .input{height:var(--f7-table-input-height)}.data-table .input-cell .input input,.data-table .input-cell .input select,.data-table .input-cell .input textarea{height:var(--f7-table-input-height);color:var(--f7-table-input-text-color);font-size:var(--f7-table-input-font-size)}@media (max-width:480px) and (orientation:portrait){.data-table.data-table-collapsible thead{display:none}.data-table.data-table-collapsible tbody,.data-table.data-table-collapsible td,.data-table.data-table-collapsible tr{display:block}.data-table.data-table-collapsible tr{position:relative}.data-table.data-table-collapsible tr:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table.data-table-collapsible tr:hover{background-color:inherit}.data-table.data-table-collapsible td{--f7-table-cell-padding-left:var(--f7-table-collapsible-cell-padding);--f7-table-cell-padding-right:var(--f7-table-collapsible-cell-padding);height:auto;min-height:var(--f7-table-body-cell-height);display:flex;align-content:center;align-items:center;justify-content:flex-start;text-align:right}.data-table.data-table-collapsible td:before{display:none!important}.data-table.data-table-collapsible td:not(.checkbox-cell):before{width:40%;display:block!important;content:attr(data-collapsible-title);position:relative;height:auto;background:0 0!important;transform:none!important;font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);color:var(--f7-table-head-text-color);margin-left:16px;flex-shrink:0}.data-table.data-table-collapsible td.checkbox-cell{position:absolute;top:0;right:0}.data-table.data-table-collapsible td.checkbox-cell+td{padding-right:16px}.data-table.data-table-collapsible td.checkbox-cell~td{margin-right:32px}}.data-table .tablet-landscape-only,.data-table .tablet-only{display:none}@media (min-width:768px){.data-table .tablet-only{display:table-cell}}@media (min-width:768px) and (orientation:landscape){.data-table .tablet-landscape-only{display:table-cell}}.ios .data-table td.actions-cell a.link+a.link,.ios .data-table th.actions-cell a.link+a.link{margin-right:15px}.ios .sortable-cell:not(.numeric-cell):after{margin-right:5px}.ios .sortable-cell.numeric-cell:before{margin-left:5px}.ios .data-table-actions .button+.button,.ios .data-table-actions a.link+a.link,.ios .data-table-links .button+.button,.ios .data-table-links a.link+a.link{margin-right:15px}.ios .data-table-actions a.link.icon-only{width:44px;height:44px}.ios .data-table-pagination a.link,.ios .data-table-rows-select a.link{width:44px;height:44px}.ios .data-table-rows-select+.data-table-pagination{margin-right:30px}.ios .data-table-rows-select .input{margin-right:20px}.ios .data-table-pagination-label{margin-left:15px}.md .data-table td.actions-cell a.link+a.link,.md .data-table th.actions-cell a.link+a.link{margin-right:24px}.md .data-table td.actions-cell a.icon-only,.md .data-table th.actions-cell a.icon-only{width:24px;height:24px;line-height:24px}.md .sortable-cell:not(.numeric-cell):after{margin-right:8px}.md .sortable-cell.numeric-cell:before{margin-left:8px}.md .data-table-actions .button+.button,.md .data-table-actions a.link+a.link,.md .data-table-links .button+.button,.md .data-table-links a.link+a.link{margin-right:24px}.md .data-table-actions a.link.icon-only{width:24px;height:24px;overflow:visible}.md .data-table-actions a.link.icon-only.active-state{background:0 0}.md .data-table-pagination a.link,.md .data-table-rows-select a.link{width:48px;height:48px}.md .data-table-pagination a.link:before,.md .data-table-rows-select a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .data-table-pagination a.link.active-state:before,.md .data-table-rows-select a.link.active-state:before{opacity:1;transition-duration:150ms}.md .data-table-rows-select+.data-table-pagination{margin-right:32px}.md .data-table-rows-select .input{margin-right:24px}.md .data-table-pagination-label{margin-left:20px}.md .input-cell .input-clear-button{transform:scale(.8)}.aurora .data-table td.actions-cell a.link+a.link,.aurora .data-table th.actions-cell a.link+a.link{margin-right:10px}.aurora .sortable-cell:not(.numeric-cell):after{margin-right:5px}.aurora .sortable-cell.numeric-cell:before{margin-left:5px}.aurora .data-table-actions .button+.button,.aurora .data-table-actions a.link+a.link,.aurora .data-table-links .button+.button,.aurora .data-table-links a.link+a.link{margin-right:10px}.aurora .data-table-pagination a.link,.aurora .data-table-rows-select a.link{width:32px;height:32px}.aurora .data-table-rows-select+.data-table-pagination{margin-right:15px}.aurora .data-table-rows-select .input{margin-right:10px}.aurora .data-table-pagination-label{margin-left:10px} \ No newline at end of file +:root{--f7-table-head-font-size:12px;--f7-table-body-font-size:14px;--f7-table-footer-font-size:12px;--f7-table-input-height:24px;--f7-table-input-font-size:14px;--f7-table-collapsible-cell-padding:16px;--f7-table-link-icon-only-icon-size:20px;--f7-table-sortable-icon-color:#000}:root .theme-dark,:root.theme-dark{--f7-table-cell-border-color:rgba(255, 255, 255, 0.15);--f7-table-sortable-icon-color:#fff;--f7-table-input-text-color:#fff}.ios{--f7-table-head-font-weight:600;--f7-table-head-text-color:rgba(0, 0, 0, 0.45);--f7-table-head-cell-height:44px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:44px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.22);--f7-table-cell-padding-vertical:0px;--f7-table-cell-padding-horizontal:16px;--f7-table-edge-cell-padding-horizontal:16px;--f7-table-label-cell-padding-horizontal:16px;--f7-table-checkbox-cell-width:22px;--f7-table-selected-row-bg-color:rgba(0, 0, 0, 0.03);--f7-table-title-font-size:17px;--f7-table-title-font-weight:600;--f7-table-card-header-height:64px;--f7-table-footer-height:44px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.45);--f7-table-input-text-color:#000}.ios .theme-dark,.ios.theme-dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.55);--f7-table-footer-text-color:rgba(255, 255, 255, 0.55);--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.08)}.md{--f7-table-head-font-weight:500;--f7-table-head-text-color:rgba(0, 0, 0, 0.54);--f7-table-head-cell-height:56px;--f7-table-head-icon-size:16px;--f7-table-body-cell-height:48px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-cell-padding-vertical:0px;--f7-table-cell-padding-horizontal:28px;--f7-table-edge-cell-padding-horizontal:24px;--f7-table-label-cell-padding-horizontal:24px;--f7-table-checkbox-cell-width:18px;--f7-table-actions-cell-link-color:rgba(0, 0, 0, 0.54);--f7-table-selected-row-bg-color:#f5f5f5;--f7-table-actions-link-color:rgba(0, 0, 0, 0.54);--f7-table-title-font-size:20px;--f7-table-title-font-weight:400;--f7-table-card-header-height:64px;--f7-table-footer-height:56px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.54);--f7-table-input-text-color:#212121}.md .theme-dark,.md.theme-dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.54);--f7-table-footer-text-color:rgba(255, 255, 255, 0.54);--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.05);--f7-table-actions-cell-link-color:rgba(255, 255, 255, 0.54);--f7-table-actions-link-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-table-link-icon-only-icon-size:18px;--f7-table-head-font-weight:400;--f7-table-head-text-color:rgba(0, 0, 0, 0.6);--f7-table-head-cell-height:32px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:32px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-cell-padding-vertical:5px;--f7-table-cell-padding-horizontal:10px;--f7-table-edge-cell-padding-horizontal:16px;--f7-table-label-cell-padding-horizontal:16px;--f7-table-checkbox-cell-width:22px;--f7-table-selected-row-bg-color:rgba(0, 0, 0, 0.03);--f7-table-title-font-size:14px;--f7-table-title-font-weight:600;--f7-table-card-header-height:42px;--f7-table-footer-height:32px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.5);--f7-table-input-text-color:#000}.aurora .theme-dark,.aurora.theme-dark{--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.03);--f7-table-head-text-color:rgba(255, 255, 255, 0.54);--f7-table-footer-text-color:rgba(255, 255, 255, 0.54)}.data-table{overflow-x:auto}.data-table table,table.data-table{width:100%;border:none;padding:0;margin:0;border-collapse:collapse;text-align:right}.data-table thead td,.data-table thead th{font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:16px;height:var(--f7-table-head-cell-height)}.data-table thead td:not(.sortable-cell-active),.data-table thead th:not(.sortable-cell-active){color:var(--f7-table-head-text-color)}.data-table thead i.f7-icons,.data-table thead i.icon,.data-table thead i.material-icons{vertical-align:top;font-size:var(--f7-table-head-icon-size);width:var(--f7-table-head-icon-size);height:var(--f7-table-head-icon-size)}.data-table tbody{font-size:var(--f7-table-body-font-size)}.data-table tbody td,.data-table tbody th{height:var(--f7-table-body-cell-height)}.data-table tbody tr.data-table-row-selected,.device-desktop .data-table tbody tr:hover{background:var(--f7-table-selected-row-bg-color)}.data-table tbody td:before,.data-table tbody th:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table td,.data-table th{--f7-table-cell-padding-left:var(--f7-table-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-cell-padding-horizontal);padding-top:var(--f7-table-cell-padding-vertical);padding-bottom:var(--f7-table-cell-padding-vertical);padding-left:var(--f7-table-cell-padding-left);padding-right:var(--f7-table-cell-padding-right);position:relative;box-sizing:border-box}.data-table td:first-child,.data-table th:first-child{--f7-table-cell-padding-right:var(--f7-table-edge-cell-padding-horizontal)}.data-table td:last-child,.data-table th:last-child{--f7-table-cell-padding-left:var(--f7-table-edge-cell-padding-horizontal)}.data-table td.label-cell,.data-table th.label-cell{--f7-table-cell-padding-left:var(--f7-table-label-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-label-cell-padding-horizontal)}.data-table td.numeric-cell,.data-table th.numeric-cell{text-align:left}.data-table td.checkbox-cell,.data-table th.checkbox-cell{overflow:visible;width:var(--f7-table-checkbox-cell-width)}.data-table td.checkbox-cell label+span,.data-table th.checkbox-cell label+span{margin-right:8px}.data-table td.checkbox-cell:first-child,.data-table th.checkbox-cell:first-child{padding-left:calc(var(--f7-table-cell-padding-left)/ 2)}.data-table td.checkbox-cell:first-child+td,.data-table td.checkbox-cell:first-child+th,.data-table th.checkbox-cell:first-child+td,.data-table th.checkbox-cell:first-child+th{padding-right:calc(var(--f7-table-cell-padding-right)/ 2)}.data-table td.checkbox-cell:last-child,.data-table th.checkbox-cell:last-child{padding-right:calc(var(--f7-table-cell-padding-right)/ 2)}.data-table td.actions-cell,.data-table th.actions-cell{text-align:left;white-space:nowrap}.data-table td.actions-cell a.link,.data-table th.actions-cell a.link{color:var(--f7-table-actions-cell-link-color,var(--f7-theme-color))}.card .data-table td a.icon-only,.card .data-table th a.icon-only,.card.data-table td a.icon-only,.card.data-table th a.icon-only,.data-table td a.icon-only,.data-table th a.icon-only{display:inline-block;vertical-align:middle;text-align:center;font-size:0;min-width:0}.card .data-table td a.icon-only i,.card .data-table th a.icon-only i,.card.data-table td a.icon-only i,.card.data-table th a.icon-only i,.data-table td a.icon-only i,.data-table th a.icon-only i{font-size:var(--f7-table-link-icon-only-icon-size);vertical-align:middle}.data-table .sortable-cell:not(.input-cell){cursor:pointer;position:relative}.data-table .sortable-cell.input-cell .table-head-label{cursor:pointer;position:relative}.data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.data-table .sortable-cell.numeric-cell:not(.input-cell):before,.data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{content:'arrow_bottom_md';font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;display:inline-block;vertical-align:top;width:16px;height:16px;color:var(--f7-table-sortable-icon-color);font-size:13px;line-height:16px;transition-duration:.3s;transform:rotate(0);opacity:0}.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before{opacity:.54}.data-table .sortable-cell.sortable-cell-active .table-head-label:after,.data-table .sortable-cell.sortable-cell-active .table-head-label:before,.data-table .sortable-cell.sortable-cell-active:after,.data-table .sortable-cell.sortable-cell-active:before{opacity:.87!important}.data-table .sortable-cell.sortable-desc:after,.data-table .sortable-cell.sortable-desc:before,.data-table .table-head-label:after,.data-table .table-head-label:before{transform:rotate(180deg)!important}.card .data-table .card-footer,.card .data-table .card-header,.data-table.card .card-footer,.data-table.card .card-header{padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal)}.card .data-table .card-header,.data-table.card .card-header{min-height:var(--f7-table-card-header-height)}.card .data-table .card-content,.data-table.card .card-content{overflow-x:auto}.card .data-table .card-footer,.data-table.card .card-footer{min-height:var(--f7-table-footer-height)}.data-table .data-table-title{font-size:var(--f7-table-title-font-size);font-weight:var(--f7-table-title-font-weight)}.data-table .data-table-actions,.data-table .data-table-links{display:flex}.data-table .data-table-links .button{min-width:64px}.data-table .data-table-actions{margin-right:auto;align-items:center}.data-table .data-table-actions a.link{color:var(--f7-table-actions-link-color,var(--f7-theme-color));min-width:0}.data-table .data-table-actions a.link.icon-only{line-height:1;justify-content:center;padding:0}.data-table .data-table-header,.data-table .data-table-header-selected{display:flex;justify-content:space-between;align-items:center;width:100%}.data-table .card-header>.data-table-header,.data-table .card-header>.data-table-header-selected{padding-top:var(--f7-card-header-padding-vertical);padding-bottom:var(--f7-card-header-padding-vertical);height:100%;padding-right:var(--f7-table-edge-cell-padding-horizontal);padding-left:var(--f7-table-edge-cell-padding-horizontal);margin-right:calc(-1 * var(--f7-table-edge-cell-padding-horizontal));margin-left:calc(-1 * var(--f7-table-edge-cell-padding-horizontal))}.data-table .data-table-header-selected{background:rgba(var(--f7-theme-color-rgb),.1);display:none}.data-table.data-table-has-checked .data-table-header{display:none}.data-table.data-table-has-checked .data-table-header-selected{display:flex}.data-table .data-table-title-selected{font-size:14px;color:var(--f7-theme-color)}.data-table .data-table-footer{display:flex;align-items:center;box-sizing:border-box;position:relative;font-size:var(--f7-table-footer-font-size);overflow:hidden;min-height:var(--f7-table-footer-height);color:var(--f7-table-footer-text-color);justify-content:flex-start}.data-table .data-table-footer:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table .data-table-pagination,.data-table .data-table-rows-select{display:flex;align-items:center}.data-table .input-cell{padding-top:8px;padding-bottom:8px;height:auto;vertical-align:top}.data-table .input-cell .table-head-label+.input{margin-top:4px}.data-table .input-cell .input{height:var(--f7-table-input-height)}.data-table .input-cell .input input,.data-table .input-cell .input select,.data-table .input-cell .input textarea{height:var(--f7-table-input-height);color:var(--f7-table-input-text-color);font-size:var(--f7-table-input-font-size)}@media (max-width:480px) and (orientation:portrait){.data-table.data-table-collapsible thead{display:none}.data-table.data-table-collapsible tbody,.data-table.data-table-collapsible td,.data-table.data-table-collapsible tr{display:block}.data-table.data-table-collapsible tr{position:relative}.data-table.data-table-collapsible tr:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table.data-table-collapsible tr:hover{background-color:inherit}.data-table.data-table-collapsible td{--f7-table-cell-padding-left:var(--f7-table-collapsible-cell-padding);--f7-table-cell-padding-right:var(--f7-table-collapsible-cell-padding);height:auto;min-height:var(--f7-table-body-cell-height);display:flex;align-content:center;align-items:center;justify-content:flex-start;text-align:right}.data-table.data-table-collapsible td:before{display:none!important}.data-table.data-table-collapsible td:not(.checkbox-cell):before{width:40%;display:block!important;content:attr(data-collapsible-title);position:relative;height:auto;background:0 0!important;transform:none!important;font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);color:var(--f7-table-head-text-color);margin-left:16px;flex-shrink:0}.data-table.data-table-collapsible td.checkbox-cell{position:absolute;top:0;right:0}.data-table.data-table-collapsible td.checkbox-cell+td{padding-right:16px}.data-table.data-table-collapsible td.checkbox-cell~td{margin-right:32px}}.data-table .tablet-landscape-only,.data-table .tablet-only{display:none}@media (min-width:768px){.data-table .tablet-only{display:table-cell}}@media (min-width:768px) and (orientation:landscape){.data-table .tablet-landscape-only{display:table-cell}}.ios .data-table td.actions-cell a.link+a.link,.ios .data-table th.actions-cell a.link+a.link{margin-right:16px}.ios .sortable-cell:not(.numeric-cell):after{margin-right:5px}.ios .sortable-cell.numeric-cell:before{margin-left:5px}.ios .data-table-actions .button+.button,.ios .data-table-actions a.link+a.link,.ios .data-table-links .button+.button,.ios .data-table-links a.link+a.link{margin-right:16px}.ios .data-table-actions a.link.icon-only{width:44px;height:44px}.ios .data-table-pagination a.link,.ios .data-table-rows-select a.link{width:44px;height:44px}.ios .data-table-rows-select+.data-table-pagination{margin-right:30px}.ios .data-table-rows-select .input{margin-right:20px}.ios .data-table-pagination-label{margin-left:16px}.md .data-table td.actions-cell a.link+a.link,.md .data-table th.actions-cell a.link+a.link{margin-right:24px}.md .data-table td.actions-cell a.icon-only,.md .data-table th.actions-cell a.icon-only{width:24px;height:24px;line-height:24px}.md .sortable-cell:not(.numeric-cell):after{margin-right:8px}.md .sortable-cell.numeric-cell:before{margin-left:8px}.md .data-table-actions .button+.button,.md .data-table-actions a.link+a.link,.md .data-table-links .button+.button,.md .data-table-links a.link+a.link{margin-right:24px}.md .data-table-actions a.link.icon-only{width:24px;height:24px;overflow:visible}.md .data-table-actions a.link.icon-only.active-state{background:0 0}.md .data-table-pagination a.link,.md .data-table-rows-select a.link{width:48px;height:48px}.md .data-table-pagination a.link:before,.md .data-table-rows-select a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .data-table-pagination a.link.active-state:before,.md .data-table-rows-select a.link.active-state:before{opacity:1;transition-duration:150ms}.md .data-table-rows-select+.data-table-pagination{margin-right:32px}.md .data-table-rows-select .input{margin-right:24px}.md .data-table-pagination-label{margin-left:20px}.md .input-cell .input-clear-button{transform:scale(.8)}.aurora .data-table td.actions-cell a.link+a.link,.aurora .data-table th.actions-cell a.link+a.link{margin-right:10px}.aurora .sortable-cell:not(.numeric-cell):after{margin-right:5px}.aurora .sortable-cell.numeric-cell:before{margin-left:5px}.aurora .data-table-actions .button+.button,.aurora .data-table-actions a.link+a.link,.aurora .data-table-links .button+.button,.aurora .data-table-links a.link+a.link{margin-right:10px}.aurora .data-table-pagination a.link,.aurora .data-table-rows-select a.link{width:32px;height:32px}.aurora .data-table-rows-select+.data-table-pagination{margin-right:16px}.aurora .data-table-rows-select .input{margin-right:10px}.aurora .data-table-pagination-label{margin-left:10px} \ No newline at end of file diff --git a/packages/core/components/data-table/data-table-aurora.less b/packages/core/components/data-table/data-table-aurora.less index 7efca2fea3..44289cff95 100644 --- a/packages/core/components/data-table/data-table-aurora.less +++ b/packages/core/components/data-table/data-table-aurora.less @@ -37,10 +37,10 @@ .data-table-rows-select { + .data-table-pagination { .ltr({ - margin-left: 15px; + margin-left: 16px; }); .rtl({ - margin-right: 15px; + margin-right: 16px; }); } .input { diff --git a/packages/core/components/data-table/data-table-ios.less b/packages/core/components/data-table/data-table-ios.less index 3019a6624f..ed3161b56f 100644 --- a/packages/core/components/data-table/data-table-ios.less +++ b/packages/core/components/data-table/data-table-ios.less @@ -3,8 +3,8 @@ th, td { &.actions-cell { a.link + a.link { - .ltr({ margin-left: 15px; }); - .rtl({ margin-right: 15px; }); + .ltr({ margin-left: 16px; }); + .rtl({ margin-right: 16px; }); } } } @@ -20,8 +20,8 @@ .data-table-links, .data-table-actions { a.link + a.link, .button + .button { - .ltr({ margin-left: 15px; }); - .rtl({ margin-right: 15px; }); + .ltr({ margin-left: 16px; }); + .rtl({ margin-right: 16px; }); } } .data-table-actions { @@ -59,10 +59,10 @@ } .data-table-pagination-label { .ltr({ - margin-right: 15px; + margin-right: 16px; }); .rtl({ - margin-left: 15px; + margin-left: 16px; }); } } diff --git a/packages/core/components/data-table/data-table-vars.less b/packages/core/components/data-table/data-table-vars.less index 18bfaa81af..31cc963ea6 100644 --- a/packages/core/components/data-table/data-table-vars.less +++ b/packages/core/components/data-table/data-table-vars.less @@ -4,7 +4,7 @@ --f7-table-footer-font-size: 12px; --f7-table-input-height: 24px; --f7-table-input-font-size: 14px; - --f7-table-collapsible-cell-padding: 15px; + --f7-table-collapsible-cell-padding: 16px; --f7-table-link-icon-only-icon-size: 20px; --f7-table-sortable-icon-color: #000; .theme-dark, &.theme-dark { @@ -21,9 +21,9 @@ --f7-table-body-cell-height: 44px; --f7-table-cell-border-color: rgba(0,0,0,0.22); --f7-table-cell-padding-vertical: 0px; - --f7-table-cell-padding-horizontal: 15px; - --f7-table-edge-cell-padding-horizontal: 15px; - --f7-table-label-cell-padding-horizontal: 15px; + --f7-table-cell-padding-horizontal: 16px; + --f7-table-edge-cell-padding-horizontal: 16px; + --f7-table-label-cell-padding-horizontal: 16px; --f7-table-checkbox-cell-width: 22px; /* --f7-table-actions-cell-link-color: var(--f7-theme-color); */ --f7-table-selected-row-bg-color: rgba(0,0,0,0.03); @@ -79,8 +79,8 @@ --f7-table-cell-border-color: rgba(0,0,0,0.12); --f7-table-cell-padding-vertical: 5px; --f7-table-cell-padding-horizontal: 10px; - --f7-table-edge-cell-padding-horizontal: 15px; - --f7-table-label-cell-padding-horizontal: 15px; + --f7-table-edge-cell-padding-horizontal: 16px; + --f7-table-label-cell-padding-horizontal: 16px; --f7-table-checkbox-cell-width: 22px; /* --f7-table-actions-cell-link-color: var(--f7-theme-color); */ --f7-table-selected-row-bg-color: rgba(0,0,0,0.03); @@ -93,7 +93,7 @@ --f7-table-input-text-color: #000; .theme-dark, &.theme-dark { --f7-table-selected-row-bg-color: rgba(255,255,255,0.03); - --f7-table-head-text-color: rgba(255,255,255,0.52); - --f7-table-footer-text-color: rgba(255,255,255,0.52); + --f7-table-head-text-color: rgba(255,255,255,0.54); + --f7-table-footer-text-color: rgba(255,255,255,0.54); } }); \ No newline at end of file diff --git a/packages/core/components/dialog.css b/packages/core/components/dialog.css index afe7db7f3b..b159c57718 100644 --- a/packages/core/components/dialog.css +++ b/packages/core/components/dialog.css @@ -1 +1 @@ -:root{--f7-dialog-button-text-color:var(--f7-theme-color);--f7-dialog-button-text-align:center;--f7-dialog-input-bg-color:#fff}.ios{--f7-dialog-bg-color:rgba(255, 255, 255, 0.95);--f7-dialog-bg-color-rgb:255,255,255;--f7-dialog-box-shadow:none;--f7-dialog-width:270px;--f7-dialog-inner-padding:15px;--f7-dialog-border-radius:13px;--f7-dialog-text-color:#000;--f7-dialog-text-align:center;--f7-dialog-font-size:14px;--f7-dialog-title-text-color:inherit;--f7-dialog-title-font-size:18px;--f7-dialog-title-font-weight:600;--f7-dialog-title-line-height:inherit;--f7-dialog-button-font-size:17px;--f7-dialog-button-height:44px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-font-weight:400;--f7-dialog-button-text-transform:none;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-dialog-input-border-radius:4px;--f7-dialog-input-font-size:14px;--f7-dialog-input-height:32px;--f7-dialog-input-border-color:rgba(0, 0, 0, 0.3);--f7-dialog-input-border-width:1px;--f7-dialog-input-placeholder-color:#a9a9a9;--f7-dialog-preloader-size:34px}.md{--f7-dialog-bg-color:#fff;--f7-dialog-box-shadow:var(--f7-elevation-24);--f7-dialog-width:280px;--f7-dialog-inner-padding:24px;--f7-dialog-border-radius:4px;--f7-dialog-text-color:#757575;--f7-dialog-text-align:left;--f7-dialog-font-size:16px;--f7-dialog-title-text-color:#212121;--f7-dialog-title-font-size:20px;--f7-dialog-title-font-weight:500;--f7-dialog-title-line-height:1.3;--f7-dialog-button-font-size:14px;--f7-dialog-button-height:36px;--f7-dialog-button-letter-spacing:0.03em;--f7-dialog-button-font-weight:500;--f7-dialog-button-text-transform:uppercase;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-dialog-input-border-radius:0px;--f7-dialog-input-font-size:16px;--f7-dialog-input-height:36px;--f7-dialog-input-border-color:transparent;--f7-dialog-input-border-width:0px;--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.35);--f7-dialog-preloader-size:32px}.aurora{--f7-dialog-bg-color:#fff;--f7-dialog-box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.15),0 25px 30px 0 rgba(0,0,0,0.35);--f7-dialog-width:300px;--f7-dialog-inner-padding:20px;--f7-dialog-border-radius:4px;--f7-dialog-text-color:#000;--f7-dialog-text-align:left;--f7-dialog-font-size:14px;--f7-dialog-title-text-color:inherit;--f7-dialog-title-font-size:14px;--f7-dialog-title-font-weight:700;--f7-dialog-title-line-height:inherit;--f7-dialog-button-text-color:#fff;--f7-dialog-button-font-size:13px;--f7-dialog-button-height:28px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-font-weight:500;--f7-dialog-button-text-transform:none;--f7-dialog-input-border-radius:4px;--f7-dialog-input-font-size:13px;--f7-dialog-input-height:24px;--f7-dialog-input-border-color:rgba(0, 0, 0, 0.12);--f7-dialog-input-border-width:1px;--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.32);--f7-dialog-preloader-size:24px}.dialog{position:absolute;z-index:13500;left:50%;margin-top:0;top:50%;overflow:hidden;opacity:0;transform:translate3d(0,-50%,0) scale(1.185);transition-property:transform,opacity;display:none;transition-duration:.4s;box-shadow:var(--f7-dialog-box-shadow);width:var(--f7-dialog-width);margin-left:calc(-1 * var(--f7-dialog-width)/ 2);border-radius:var(--f7-dialog-border-radius);text-align:var(--f7-dialog-text-align);color:var(--f7-dialog-text-color);font-size:var(--f7-dialog-font-size);will-change:transform,opacity}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .dialog{background-color:rgba(var(--f7-dialog-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.dialog.modal-in{opacity:1;transform:translate3d(0,-50%,0) scale(1)}.dialog.modal-out{opacity:0;z-index:13499}.dialog.not-animated{transition-duration:0s}.dialog-inner{position:relative;padding:var(--f7-dialog-inner-padding)}.dialog-title{color:var(--f7-dialog-title-text-color);font-size:var(--f7-dialog-title-font-size);font-weight:var(--f7-dialog-title-font-weight);line-height:var(--f7-dialog-title-line-height)}.dialog-buttons{position:relative;display:flex}.dialog-buttons-vertical .dialog-buttons{display:block;height:auto!important}.dialog-button{box-sizing:border-box;overflow:hidden;position:relative;white-space:nowrap;text-overflow:ellipsis;color:var(--f7-dialog-button-text-color);font-size:var(--f7-dialog-button-font-size);height:var(--f7-dialog-button-height);line-height:var(--f7-dialog-button-height);letter-spacing:var(--f7-dialog-button-letter-spacing);text-align:var(--f7-dialog-button-text-align);font-weight:var(--f7-dialog-button-font-weight);text-transform:var(--f7-dialog-button-text-transform);display:block;cursor:pointer}.dialog-button.active-state{background-color:var(--f7-dialog-button-pressed-bg-color)}.dialog-no-buttons .dialog-buttons{display:none}.dialog-input-field{position:relative}input.dialog-input[type]{box-sizing:border-box;margin:0;margin-top:15px;border-radius:var(--f7-dialog-input-border-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:block;font-family:inherit;box-shadow:none;font-size:var(--f7-dialog-input-font-size);height:var(--f7-dialog-input-height);background-color:var(--f7-dialog-input-bg-color);border:var(--f7-dialog-input-border-width) solid var(--f7-dialog-input-border-color)}input.dialog-input[type]::-webkit-input-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::-moz-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::-ms-input-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::placeholder{color:var(--f7-dialog-input-placeholder-color)}.dialog-input-double input.dialog-input{border-radius:var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius) 0 0}.dialog-input-double+.dialog-input-double input.dialog-input{border-radius:0 0 var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius)}.dialog-preloader .preloader{--f7-preloader-size:var(--f7-dialog-preloader-size)}html.with-modal-dialog .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.ios .dialog.modal-out{transform:translate3d(0,-50%,0) scale(1)}.ios .dialog-inner{border-radius:var(--f7-dialog-border-radius) var(--f7-dialog-border-radius) 0 0}.ios .dialog-inner:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-title+.dialog-text{margin-top:5px}.ios .dialog-buttons{height:44px;justify-content:center}.ios .dialog-button{width:100%;padding:0 5px;-webkit-box-flex:1;-ms-flex:1}.ios .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-button:first-child{border-radius:0 0 0 var(--f7-dialog-border-radius)}.ios .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) 0}.ios .dialog-button:last-child:after{display:none!important}.ios .dialog-button:first-child:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-button.dialog-button-bold{font-weight:500}.ios .dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.ios .dialog-buttons-vertical .dialog-buttons{height:auto}.ios .dialog-buttons-vertical .dialog-button{border-radius:0}.ios .dialog-buttons-vertical .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-buttons-vertical .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-buttons-vertical .dialog-button:last-child:after{display:none!important}.ios .dialog-no-buttons .dialog-inner{border-radius:var(--f7-dialog-border-radius)}.ios .dialog-no-buttons .dialog-inner:after{display:none!important}.ios .dialog-input-field{margin-top:15px}.ios .dialog-input{padding:0 5px}.ios .dialog-input+.dialog-input{margin-top:5px}.ios .dialog-input-double+.dialog-input-double{margin-top:0}.ios .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.ios .dialog-preloader .dialog-text~.preloader,.ios .dialog-preloader .dialog-title~.preloader{margin-top:15px}.ios .dialog-progress .dialog-text~.progressbar,.ios .dialog-progress .dialog-text~.progressbar-infinite,.ios .dialog-progress .dialog-title~.progressbar,.ios .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px}.md .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.md .dialog-title+.dialog-text{margin-top:20px}.md .dialog-text{line-height:1.5}.md .dialog-buttons{height:48px;padding:6px 8px;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.md .dialog-button{border-radius:4px;min-width:64px;padding:0 8px;border:none;transition-duration:.3s;transform:translate3d(0,0,0)}.md .dialog-button.dialog-button-bold{font-weight:700}.md .dialog-button+.dialog-button{margin-left:4px}.md .dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.md .dialog-buttons-vertical .dialog-buttons{padding:0 0 8px 0}.md .dialog-buttons-vertical .dialog-button{margin-left:0;text-align:right;height:48px;line-height:48px;border-radius:0;padding-left:16px;padding-right:16px}.md .dialog-input{padding:0;transition-duration:.2s;position:relative}.md .dialog-input+.dialog-input{margin-top:16px}.md .dialog-preloader .dialog-inner,.md .dialog-preloader .dialog-title,.md .dialog-progress .dialog-inner,.md .dialog-progress .dialog-title{text-align:center}.md .dialog-preloader .dialog-text~.preloader,.md .dialog-preloader .dialog-title~.preloader{margin-top:20px}.md .dialog-progress .dialog-text~.progressbar,.md .dialog-progress .dialog-text~.progressbar-infinite,.md .dialog-progress .dialog-title~.progressbar,.md .dialog-progress .dialog-title~.progressbar-infinite{margin-top:16px}.aurora .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.aurora .dialog-title+.dialog-text{margin-top:10px}.aurora .dialog-text{line-height:1.5}.aurora .dialog-buttons{padding:var(--f7-dialog-inner-padding);padding-top:0;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.aurora .dialog-button{border-radius:4px;min-width:64px;padding:0 10px;border:none;transition-duration:.3s;transform:translate3d(0,0,0);background:var(--f7-theme-color)}.aurora .dialog-button.dialog-button-bold{font-weight:600}.aurora .dialog-button+.dialog-button{margin-left:15px}.aurora .dialog-buttons-vertical .dialog-buttons{display:flex;flex-direction:column;align-items:flex-end}.aurora .dialog-buttons-vertical .dialog-button{margin-left:0;flex-shrink:0}.aurora .dialog-buttons-vertical .dialog-button+.dialog-button{margin-top:5px}.aurora .dialog-input-field{margin-top:10px}.aurora .dialog-input-field input.dialog-input{margin-top:0}.aurora .dialog-input{padding:0 4px;transition-duration:.2s;position:relative}.aurora .dialog-input+.dialog-input{margin-top:10px}.aurora .dialog-input-double+.dialog-input-double{margin-top:0}.aurora .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.aurora .dialog-preloader .dialog-inner,.aurora .dialog-preloader .dialog-title,.aurora .dialog-progress .dialog-inner,.aurora .dialog-progress .dialog-title{text-align:center}.aurora .dialog-preloader .dialog-text~.preloader,.aurora .dialog-preloader .dialog-title~.preloader{margin-top:10px}.aurora .dialog-progress .dialog-text~.progressbar,.aurora .dialog-progress .dialog-text~.progressbar-infinite,.aurora .dialog-progress .dialog-title~.progressbar,.aurora .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px} \ No newline at end of file +:root{--f7-dialog-button-text-color:var(--f7-theme-color);--f7-dialog-button-text-align:center;--f7-dialog-input-bg-color:#fff}.ios{--f7-dialog-bg-color:rgba(255, 255, 255, 0.95);--f7-dialog-bg-color-rgb:255,255,255;--f7-dialog-box-shadow:none;--f7-dialog-width:270px;--f7-dialog-inner-padding:16px;--f7-dialog-border-radius:13px;--f7-dialog-text-color:#000;--f7-dialog-text-align:center;--f7-dialog-font-size:14px;--f7-dialog-title-text-color:inherit;--f7-dialog-title-font-size:18px;--f7-dialog-title-font-weight:600;--f7-dialog-title-line-height:inherit;--f7-dialog-button-font-size:17px;--f7-dialog-button-height:44px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-font-weight:400;--f7-dialog-button-text-transform:none;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-dialog-input-border-radius:4px;--f7-dialog-input-font-size:14px;--f7-dialog-input-height:32px;--f7-dialog-input-border-color:rgba(0, 0, 0, 0.3);--f7-dialog-input-border-width:1px;--f7-dialog-input-placeholder-color:#a9a9a9;--f7-dialog-preloader-size:34px}.md{--f7-dialog-bg-color:#fff;--f7-dialog-box-shadow:var(--f7-elevation-24);--f7-dialog-width:280px;--f7-dialog-inner-padding:24px;--f7-dialog-border-radius:4px;--f7-dialog-text-color:#757575;--f7-dialog-text-align:left;--f7-dialog-font-size:16px;--f7-dialog-title-text-color:#212121;--f7-dialog-title-font-size:20px;--f7-dialog-title-font-weight:500;--f7-dialog-title-line-height:1.3;--f7-dialog-button-font-size:14px;--f7-dialog-button-height:36px;--f7-dialog-button-letter-spacing:0.03em;--f7-dialog-button-font-weight:500;--f7-dialog-button-text-transform:uppercase;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-dialog-input-border-radius:0px;--f7-dialog-input-font-size:16px;--f7-dialog-input-height:36px;--f7-dialog-input-border-color:transparent;--f7-dialog-input-border-width:0px;--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.35);--f7-dialog-preloader-size:32px}.aurora{--f7-dialog-bg-color:#fff;--f7-dialog-box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.15),0 25px 30px 0 rgba(0,0,0,0.35);--f7-dialog-width:300px;--f7-dialog-inner-padding:20px;--f7-dialog-border-radius:4px;--f7-dialog-text-color:#000;--f7-dialog-text-align:left;--f7-dialog-font-size:14px;--f7-dialog-title-text-color:inherit;--f7-dialog-title-font-size:14px;--f7-dialog-title-font-weight:700;--f7-dialog-title-line-height:inherit;--f7-dialog-button-text-color:#fff;--f7-dialog-button-font-size:13px;--f7-dialog-button-height:28px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-font-weight:500;--f7-dialog-button-text-transform:none;--f7-dialog-input-border-radius:4px;--f7-dialog-input-font-size:13px;--f7-dialog-input-height:24px;--f7-dialog-input-border-color:rgba(0, 0, 0, 0.12);--f7-dialog-input-border-width:1px;--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.32);--f7-dialog-preloader-size:24px}.dialog{position:absolute;z-index:13500;left:50%;margin-top:0;top:50%;overflow:hidden;opacity:0;transform:translate3d(0,-50%,0) scale(1.185);transition-property:transform,opacity;display:none;transition-duration:.4s;box-shadow:var(--f7-dialog-box-shadow);width:var(--f7-dialog-width);margin-left:calc(-1 * var(--f7-dialog-width)/ 2);border-radius:var(--f7-dialog-border-radius);text-align:var(--f7-dialog-text-align);color:var(--f7-dialog-text-color);font-size:var(--f7-dialog-font-size);will-change:transform,opacity;background:var(--f7-dialog-bg-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .dialog{background-color:rgba(var(--f7-dialog-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.dialog.modal-in{opacity:1;transform:translate3d(0,-50%,0) scale(1)}.dialog.modal-out{opacity:0;z-index:13499}.dialog.not-animated{transition-duration:0s}.dialog-inner{position:relative;padding:var(--f7-dialog-inner-padding)}.dialog-title{color:var(--f7-dialog-title-text-color);font-size:var(--f7-dialog-title-font-size);font-weight:var(--f7-dialog-title-font-weight);line-height:var(--f7-dialog-title-line-height)}.dialog-buttons{position:relative;display:flex}.dialog-buttons-vertical .dialog-buttons{display:block;height:auto!important}.dialog-button{box-sizing:border-box;overflow:hidden;position:relative;white-space:nowrap;text-overflow:ellipsis;color:var(--f7-dialog-button-text-color);font-size:var(--f7-dialog-button-font-size);height:var(--f7-dialog-button-height);line-height:var(--f7-dialog-button-height);letter-spacing:var(--f7-dialog-button-letter-spacing);text-align:var(--f7-dialog-button-text-align);font-weight:var(--f7-dialog-button-font-weight);text-transform:var(--f7-dialog-button-text-transform);display:block;cursor:pointer}.dialog-button.active-state{background-color:var(--f7-dialog-button-pressed-bg-color)}.dialog-no-buttons .dialog-buttons{display:none}.dialog-input-field{position:relative}input.dialog-input[type]{box-sizing:border-box;margin:0;margin-top:15px;border-radius:var(--f7-dialog-input-border-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:block;font-family:inherit;box-shadow:none;font-size:var(--f7-dialog-input-font-size);height:var(--f7-dialog-input-height);background-color:var(--f7-dialog-input-bg-color);border:var(--f7-dialog-input-border-width) solid var(--f7-dialog-input-border-color)}input.dialog-input[type]::-webkit-input-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::-moz-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::-ms-input-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::placeholder{color:var(--f7-dialog-input-placeholder-color)}.dialog-input-double input.dialog-input{border-radius:var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius) 0 0}.dialog-input-double+.dialog-input-double input.dialog-input{border-radius:0 0 var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius)}.dialog-preloader .preloader{--f7-preloader-size:var(--f7-dialog-preloader-size)}html.with-modal-dialog .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.ios .dialog.modal-out{transform:translate3d(0,-50%,0) scale(1)}.ios .dialog-inner{border-radius:var(--f7-dialog-border-radius) var(--f7-dialog-border-radius) 0 0}.ios .dialog-inner:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-title+.dialog-text{margin-top:5px}.ios .dialog-buttons{height:44px;justify-content:center}.ios .dialog-button{width:100%;padding:0 5px;-webkit-box-flex:1;-ms-flex:1}.ios .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-button:first-child{border-radius:0 0 0 var(--f7-dialog-border-radius)}.ios .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) 0}.ios .dialog-button:last-child:after{display:none!important}.ios .dialog-button:first-child:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-button.dialog-button-bold{font-weight:500}.ios .dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.ios .dialog-buttons-vertical .dialog-buttons{height:auto}.ios .dialog-buttons-vertical .dialog-button{border-radius:0}.ios .dialog-buttons-vertical .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-buttons-vertical .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-buttons-vertical .dialog-button:last-child:after{display:none!important}.ios .dialog-no-buttons .dialog-inner{border-radius:var(--f7-dialog-border-radius)}.ios .dialog-no-buttons .dialog-inner:after{display:none!important}.ios .dialog-input-field{margin-top:15px}.ios .dialog-input{padding:0 5px}.ios .dialog-input+.dialog-input{margin-top:5px}.ios .dialog-input-double+.dialog-input-double{margin-top:0}.ios .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.ios .dialog-preloader .dialog-text~.preloader,.ios .dialog-preloader .dialog-title~.preloader{margin-top:15px}.ios .dialog-progress .dialog-text~.progressbar,.ios .dialog-progress .dialog-text~.progressbar-infinite,.ios .dialog-progress .dialog-title~.progressbar,.ios .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px}.md .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.md .dialog-title+.dialog-text{margin-top:20px}.md .dialog-text{line-height:1.5}.md .dialog-buttons{height:48px;padding:6px 8px;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.md .dialog-button{border-radius:4px;min-width:64px;padding:0 8px;border:none;transition-duration:.3s;transform:translate3d(0,0,0)}.md .dialog-button.dialog-button-bold{font-weight:700}.md .dialog-button+.dialog-button{margin-left:4px}.md .dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.md .dialog-buttons-vertical .dialog-buttons{padding:0 0 8px 0}.md .dialog-buttons-vertical .dialog-button{margin-left:0;text-align:right;height:48px;line-height:48px;border-radius:0;padding-left:16px;padding-right:16px}.md .dialog-input{padding:0;transition-duration:.2s;position:relative}.md .dialog-input+.dialog-input{margin-top:16px}.md .dialog-preloader .dialog-inner,.md .dialog-preloader .dialog-title,.md .dialog-progress .dialog-inner,.md .dialog-progress .dialog-title{text-align:center}.md .dialog-preloader .dialog-text~.preloader,.md .dialog-preloader .dialog-title~.preloader{margin-top:20px}.md .dialog-progress .dialog-text~.progressbar,.md .dialog-progress .dialog-text~.progressbar-infinite,.md .dialog-progress .dialog-title~.progressbar,.md .dialog-progress .dialog-title~.progressbar-infinite{margin-top:16px}.aurora .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.aurora .dialog-title+.dialog-text{margin-top:10px}.aurora .dialog-text{line-height:1.5}.aurora .dialog-buttons{padding:var(--f7-dialog-inner-padding);padding-top:0;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.aurora .dialog-button{border-radius:4px;min-width:64px;padding:0 10px;border:none;transition-duration:.3s;transform:translate3d(0,0,0);background:var(--f7-theme-color)}.aurora .dialog-button.dialog-button-bold{font-weight:600}.aurora .dialog-button+.dialog-button{margin-left:16px}.aurora .dialog-buttons-vertical .dialog-buttons{display:flex;flex-direction:column;align-items:flex-end}.aurora .dialog-buttons-vertical .dialog-button{margin-left:0;flex-shrink:0}.aurora .dialog-buttons-vertical .dialog-button+.dialog-button{margin-top:5px}.aurora .dialog-input-field{margin-top:10px}.aurora .dialog-input-field input.dialog-input{margin-top:0}.aurora .dialog-input{padding:0 4px;transition-duration:.2s;position:relative}.aurora .dialog-input+.dialog-input{margin-top:10px}.aurora .dialog-input-double+.dialog-input-double{margin-top:0}.aurora .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.aurora .dialog-preloader .dialog-inner,.aurora .dialog-preloader .dialog-title,.aurora .dialog-progress .dialog-inner,.aurora .dialog-progress .dialog-title{text-align:center}.aurora .dialog-preloader .dialog-text~.preloader,.aurora .dialog-preloader .dialog-title~.preloader{margin-top:10px}.aurora .dialog-progress .dialog-text~.progressbar,.aurora .dialog-progress .dialog-text~.progressbar-infinite,.aurora .dialog-progress .dialog-title~.progressbar,.aurora .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px} \ No newline at end of file diff --git a/packages/core/components/dialog.rtl.css b/packages/core/components/dialog.rtl.css index 54a8825d60..04a035a235 100644 --- a/packages/core/components/dialog.rtl.css +++ b/packages/core/components/dialog.rtl.css @@ -1 +1 @@ -:root{--f7-dialog-button-text-color:var(--f7-theme-color);--f7-dialog-button-text-align:center;--f7-dialog-input-bg-color:#fff}.ios{--f7-dialog-bg-color:rgba(255, 255, 255, 0.95);--f7-dialog-bg-color-rgb:255,255,255;--f7-dialog-box-shadow:none;--f7-dialog-width:270px;--f7-dialog-inner-padding:15px;--f7-dialog-border-radius:13px;--f7-dialog-text-color:#000;--f7-dialog-text-align:center;--f7-dialog-font-size:14px;--f7-dialog-title-text-color:inherit;--f7-dialog-title-font-size:18px;--f7-dialog-title-font-weight:600;--f7-dialog-title-line-height:inherit;--f7-dialog-button-font-size:17px;--f7-dialog-button-height:44px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-font-weight:400;--f7-dialog-button-text-transform:none;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-dialog-input-border-radius:4px;--f7-dialog-input-font-size:14px;--f7-dialog-input-height:32px;--f7-dialog-input-border-color:rgba(0, 0, 0, 0.3);--f7-dialog-input-border-width:1px;--f7-dialog-input-placeholder-color:#a9a9a9;--f7-dialog-preloader-size:34px}.md{--f7-dialog-bg-color:#fff;--f7-dialog-box-shadow:var(--f7-elevation-24);--f7-dialog-width:280px;--f7-dialog-inner-padding:24px;--f7-dialog-border-radius:4px;--f7-dialog-text-color:#757575;--f7-dialog-text-align:right;--f7-dialog-font-size:16px;--f7-dialog-title-text-color:#212121;--f7-dialog-title-font-size:20px;--f7-dialog-title-font-weight:500;--f7-dialog-title-line-height:1.3;--f7-dialog-button-font-size:14px;--f7-dialog-button-height:36px;--f7-dialog-button-letter-spacing:0.03em;--f7-dialog-button-font-weight:500;--f7-dialog-button-text-transform:uppercase;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-dialog-input-border-radius:0px;--f7-dialog-input-font-size:16px;--f7-dialog-input-height:36px;--f7-dialog-input-border-color:transparent;--f7-dialog-input-border-width:0px;--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.35);--f7-dialog-preloader-size:32px}.aurora{--f7-dialog-bg-color:#fff;--f7-dialog-box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.15),0 25px 30px 0 rgba(0,0,0,0.35);--f7-dialog-width:300px;--f7-dialog-inner-padding:20px;--f7-dialog-border-radius:4px;--f7-dialog-text-color:#000;--f7-dialog-text-align:right;--f7-dialog-font-size:14px;--f7-dialog-title-text-color:inherit;--f7-dialog-title-font-size:14px;--f7-dialog-title-font-weight:700;--f7-dialog-title-line-height:inherit;--f7-dialog-button-text-color:#fff;--f7-dialog-button-font-size:13px;--f7-dialog-button-height:28px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-font-weight:500;--f7-dialog-button-text-transform:none;--f7-dialog-input-border-radius:4px;--f7-dialog-input-font-size:13px;--f7-dialog-input-height:24px;--f7-dialog-input-border-color:rgba(0, 0, 0, 0.12);--f7-dialog-input-border-width:1px;--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.32);--f7-dialog-preloader-size:24px}.dialog{position:absolute;z-index:13500;left:50%;margin-top:0;top:50%;overflow:hidden;opacity:0;transform:translate3d(0,-50%,0) scale(1.185);transition-property:transform,opacity;display:none;transition-duration:.4s;box-shadow:var(--f7-dialog-box-shadow);width:var(--f7-dialog-width);margin-left:calc(-1 * var(--f7-dialog-width)/ 2);border-radius:var(--f7-dialog-border-radius);text-align:var(--f7-dialog-text-align);color:var(--f7-dialog-text-color);font-size:var(--f7-dialog-font-size);will-change:transform,opacity}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .dialog{background-color:rgba(var(--f7-dialog-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.dialog.modal-in{opacity:1;transform:translate3d(0,-50%,0) scale(1)}.dialog.modal-out{opacity:0;z-index:13499}.dialog.not-animated{transition-duration:0s}.dialog-inner{position:relative;padding:var(--f7-dialog-inner-padding)}.dialog-title{color:var(--f7-dialog-title-text-color);font-size:var(--f7-dialog-title-font-size);font-weight:var(--f7-dialog-title-font-weight);line-height:var(--f7-dialog-title-line-height)}.dialog-buttons{position:relative;display:flex;flex-direction:row-reverse}.dialog-buttons-vertical .dialog-buttons{display:block;height:auto!important}.dialog-button{box-sizing:border-box;overflow:hidden;position:relative;white-space:nowrap;text-overflow:ellipsis;color:var(--f7-dialog-button-text-color);font-size:var(--f7-dialog-button-font-size);height:var(--f7-dialog-button-height);line-height:var(--f7-dialog-button-height);letter-spacing:var(--f7-dialog-button-letter-spacing);text-align:var(--f7-dialog-button-text-align);font-weight:var(--f7-dialog-button-font-weight);text-transform:var(--f7-dialog-button-text-transform);display:block;cursor:pointer}.dialog-button.active-state{background-color:var(--f7-dialog-button-pressed-bg-color)}.dialog-no-buttons .dialog-buttons{display:none}.dialog-input-field{position:relative}input.dialog-input[type]{box-sizing:border-box;margin:0;margin-top:15px;border-radius:var(--f7-dialog-input-border-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:block;font-family:inherit;box-shadow:none;font-size:var(--f7-dialog-input-font-size);height:var(--f7-dialog-input-height);background-color:var(--f7-dialog-input-bg-color);border:var(--f7-dialog-input-border-width) solid var(--f7-dialog-input-border-color)}input.dialog-input[type]::-webkit-input-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::-moz-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::-ms-input-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::placeholder{color:var(--f7-dialog-input-placeholder-color)}.dialog-input-double input.dialog-input{border-radius:var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius) 0 0}.dialog-input-double+.dialog-input-double input.dialog-input{border-radius:0 0 var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius)}.dialog-preloader .preloader{--f7-preloader-size:var(--f7-dialog-preloader-size)}html.with-modal-dialog .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.ios .dialog.modal-out{transform:translate3d(0,-50%,0) scale(1)}.ios .dialog-inner{border-radius:var(--f7-dialog-border-radius) var(--f7-dialog-border-radius) 0 0}.ios .dialog-inner:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-title+.dialog-text{margin-top:5px}.ios .dialog-buttons{height:44px;justify-content:center}.ios .dialog-button{width:100%;padding:0 5px;-webkit-box-flex:1;-ms-flex:1}.ios .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-button:first-child{border-radius:0 0 0 var(--f7-dialog-border-radius)}.ios .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) 0}.ios .dialog-button:last-child:after{display:none!important}.ios .dialog-button:first-child:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-button.dialog-button-bold{font-weight:500}.ios .dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.ios .dialog-buttons-vertical .dialog-buttons{height:auto}.ios .dialog-buttons-vertical .dialog-button{border-radius:0}.ios .dialog-buttons-vertical .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-buttons-vertical .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-buttons-vertical .dialog-button:last-child:after{display:none!important}.ios .dialog-no-buttons .dialog-inner{border-radius:var(--f7-dialog-border-radius)}.ios .dialog-no-buttons .dialog-inner:after{display:none!important}.ios .dialog-input-field{margin-top:15px}.ios .dialog-input{padding:0 5px}.ios .dialog-input+.dialog-input{margin-top:5px}.ios .dialog-input-double+.dialog-input-double{margin-top:0}.ios .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.ios .dialog-preloader .dialog-text~.preloader,.ios .dialog-preloader .dialog-title~.preloader{margin-top:15px}.ios .dialog-progress .dialog-text~.progressbar,.ios .dialog-progress .dialog-text~.progressbar-infinite,.ios .dialog-progress .dialog-title~.progressbar,.ios .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px}.md .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.md .dialog-title+.dialog-text{margin-top:20px}.md .dialog-text{line-height:1.5}.md .dialog-buttons{height:48px;padding:6px 8px;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.md .dialog-button{border-radius:4px;min-width:64px;padding:0 8px;border:none;transition-duration:.3s;transform:translate3d(0,0,0)}.md .dialog-button.dialog-button-bold{font-weight:700}.md .dialog-button+.dialog-button{margin-left:4px}.md .dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.md .dialog-buttons-vertical .dialog-buttons{padding:0 0 8px 0}.md .dialog-buttons-vertical .dialog-button{margin-left:0;text-align:right;height:48px;line-height:48px;border-radius:0;padding-left:16px;padding-right:16px}.md .dialog-input{padding:0;transition-duration:.2s;position:relative}.md .dialog-input+.dialog-input{margin-top:16px}.md .dialog-preloader .dialog-inner,.md .dialog-preloader .dialog-title,.md .dialog-progress .dialog-inner,.md .dialog-progress .dialog-title{text-align:center}.md .dialog-preloader .dialog-text~.preloader,.md .dialog-preloader .dialog-title~.preloader{margin-top:20px}.md .dialog-progress .dialog-text~.progressbar,.md .dialog-progress .dialog-text~.progressbar-infinite,.md .dialog-progress .dialog-title~.progressbar,.md .dialog-progress .dialog-title~.progressbar-infinite{margin-top:16px}.aurora .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.aurora .dialog-title+.dialog-text{margin-top:10px}.aurora .dialog-text{line-height:1.5}.aurora .dialog-buttons{padding:var(--f7-dialog-inner-padding);padding-top:0;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.aurora .dialog-button{border-radius:4px;min-width:64px;padding:0 10px;border:none;transition-duration:.3s;transform:translate3d(0,0,0);background:var(--f7-theme-color)}.aurora .dialog-button.dialog-button-bold{font-weight:600}.aurora .dialog-button+.dialog-button{margin-left:15px}.aurora .dialog-buttons-vertical .dialog-buttons{display:flex;flex-direction:column;align-items:flex-end}.aurora .dialog-buttons-vertical .dialog-button{margin-left:0;flex-shrink:0}.aurora .dialog-buttons-vertical .dialog-button+.dialog-button{margin-top:5px}.aurora .dialog-input-field{margin-top:10px}.aurora .dialog-input-field input.dialog-input{margin-top:0}.aurora .dialog-input{padding:0 4px;transition-duration:.2s;position:relative}.aurora .dialog-input+.dialog-input{margin-top:10px}.aurora .dialog-input-double+.dialog-input-double{margin-top:0}.aurora .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.aurora .dialog-preloader .dialog-inner,.aurora .dialog-preloader .dialog-title,.aurora .dialog-progress .dialog-inner,.aurora .dialog-progress .dialog-title{text-align:center}.aurora .dialog-preloader .dialog-text~.preloader,.aurora .dialog-preloader .dialog-title~.preloader{margin-top:10px}.aurora .dialog-progress .dialog-text~.progressbar,.aurora .dialog-progress .dialog-text~.progressbar-infinite,.aurora .dialog-progress .dialog-title~.progressbar,.aurora .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px} \ No newline at end of file +:root{--f7-dialog-button-text-color:var(--f7-theme-color);--f7-dialog-button-text-align:center;--f7-dialog-input-bg-color:#fff}.ios{--f7-dialog-bg-color:rgba(255, 255, 255, 0.95);--f7-dialog-bg-color-rgb:255,255,255;--f7-dialog-box-shadow:none;--f7-dialog-width:270px;--f7-dialog-inner-padding:16px;--f7-dialog-border-radius:13px;--f7-dialog-text-color:#000;--f7-dialog-text-align:center;--f7-dialog-font-size:14px;--f7-dialog-title-text-color:inherit;--f7-dialog-title-font-size:18px;--f7-dialog-title-font-weight:600;--f7-dialog-title-line-height:inherit;--f7-dialog-button-font-size:17px;--f7-dialog-button-height:44px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-font-weight:400;--f7-dialog-button-text-transform:none;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-dialog-input-border-radius:4px;--f7-dialog-input-font-size:14px;--f7-dialog-input-height:32px;--f7-dialog-input-border-color:rgba(0, 0, 0, 0.3);--f7-dialog-input-border-width:1px;--f7-dialog-input-placeholder-color:#a9a9a9;--f7-dialog-preloader-size:34px}.md{--f7-dialog-bg-color:#fff;--f7-dialog-box-shadow:var(--f7-elevation-24);--f7-dialog-width:280px;--f7-dialog-inner-padding:24px;--f7-dialog-border-radius:4px;--f7-dialog-text-color:#757575;--f7-dialog-text-align:right;--f7-dialog-font-size:16px;--f7-dialog-title-text-color:#212121;--f7-dialog-title-font-size:20px;--f7-dialog-title-font-weight:500;--f7-dialog-title-line-height:1.3;--f7-dialog-button-font-size:14px;--f7-dialog-button-height:36px;--f7-dialog-button-letter-spacing:0.03em;--f7-dialog-button-font-weight:500;--f7-dialog-button-text-transform:uppercase;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-dialog-input-border-radius:0px;--f7-dialog-input-font-size:16px;--f7-dialog-input-height:36px;--f7-dialog-input-border-color:transparent;--f7-dialog-input-border-width:0px;--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.35);--f7-dialog-preloader-size:32px}.aurora{--f7-dialog-bg-color:#fff;--f7-dialog-box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.15),0 25px 30px 0 rgba(0,0,0,0.35);--f7-dialog-width:300px;--f7-dialog-inner-padding:20px;--f7-dialog-border-radius:4px;--f7-dialog-text-color:#000;--f7-dialog-text-align:right;--f7-dialog-font-size:14px;--f7-dialog-title-text-color:inherit;--f7-dialog-title-font-size:14px;--f7-dialog-title-font-weight:700;--f7-dialog-title-line-height:inherit;--f7-dialog-button-text-color:#fff;--f7-dialog-button-font-size:13px;--f7-dialog-button-height:28px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-font-weight:500;--f7-dialog-button-text-transform:none;--f7-dialog-input-border-radius:4px;--f7-dialog-input-font-size:13px;--f7-dialog-input-height:24px;--f7-dialog-input-border-color:rgba(0, 0, 0, 0.12);--f7-dialog-input-border-width:1px;--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.32);--f7-dialog-preloader-size:24px}.dialog{position:absolute;z-index:13500;left:50%;margin-top:0;top:50%;overflow:hidden;opacity:0;transform:translate3d(0,-50%,0) scale(1.185);transition-property:transform,opacity;display:none;transition-duration:.4s;box-shadow:var(--f7-dialog-box-shadow);width:var(--f7-dialog-width);margin-left:calc(-1 * var(--f7-dialog-width)/ 2);border-radius:var(--f7-dialog-border-radius);text-align:var(--f7-dialog-text-align);color:var(--f7-dialog-text-color);font-size:var(--f7-dialog-font-size);will-change:transform,opacity;background:var(--f7-dialog-bg-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .dialog{background-color:rgba(var(--f7-dialog-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.dialog.modal-in{opacity:1;transform:translate3d(0,-50%,0) scale(1)}.dialog.modal-out{opacity:0;z-index:13499}.dialog.not-animated{transition-duration:0s}.dialog-inner{position:relative;padding:var(--f7-dialog-inner-padding)}.dialog-title{color:var(--f7-dialog-title-text-color);font-size:var(--f7-dialog-title-font-size);font-weight:var(--f7-dialog-title-font-weight);line-height:var(--f7-dialog-title-line-height)}.dialog-buttons{position:relative;display:flex;flex-direction:row-reverse}.dialog-buttons-vertical .dialog-buttons{display:block;height:auto!important}.dialog-button{box-sizing:border-box;overflow:hidden;position:relative;white-space:nowrap;text-overflow:ellipsis;color:var(--f7-dialog-button-text-color);font-size:var(--f7-dialog-button-font-size);height:var(--f7-dialog-button-height);line-height:var(--f7-dialog-button-height);letter-spacing:var(--f7-dialog-button-letter-spacing);text-align:var(--f7-dialog-button-text-align);font-weight:var(--f7-dialog-button-font-weight);text-transform:var(--f7-dialog-button-text-transform);display:block;cursor:pointer}.dialog-button.active-state{background-color:var(--f7-dialog-button-pressed-bg-color)}.dialog-no-buttons .dialog-buttons{display:none}.dialog-input-field{position:relative}input.dialog-input[type]{box-sizing:border-box;margin:0;margin-top:15px;border-radius:var(--f7-dialog-input-border-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:block;font-family:inherit;box-shadow:none;font-size:var(--f7-dialog-input-font-size);height:var(--f7-dialog-input-height);background-color:var(--f7-dialog-input-bg-color);border:var(--f7-dialog-input-border-width) solid var(--f7-dialog-input-border-color)}input.dialog-input[type]::-webkit-input-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::-moz-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::-ms-input-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::placeholder{color:var(--f7-dialog-input-placeholder-color)}.dialog-input-double input.dialog-input{border-radius:var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius) 0 0}.dialog-input-double+.dialog-input-double input.dialog-input{border-radius:0 0 var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius)}.dialog-preloader .preloader{--f7-preloader-size:var(--f7-dialog-preloader-size)}html.with-modal-dialog .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.ios .dialog.modal-out{transform:translate3d(0,-50%,0) scale(1)}.ios .dialog-inner{border-radius:var(--f7-dialog-border-radius) var(--f7-dialog-border-radius) 0 0}.ios .dialog-inner:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-title+.dialog-text{margin-top:5px}.ios .dialog-buttons{height:44px;justify-content:center}.ios .dialog-button{width:100%;padding:0 5px;-webkit-box-flex:1;-ms-flex:1}.ios .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-button:first-child{border-radius:0 0 0 var(--f7-dialog-border-radius)}.ios .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) 0}.ios .dialog-button:last-child:after{display:none!important}.ios .dialog-button:first-child:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-button.dialog-button-bold{font-weight:500}.ios .dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.ios .dialog-buttons-vertical .dialog-buttons{height:auto}.ios .dialog-buttons-vertical .dialog-button{border-radius:0}.ios .dialog-buttons-vertical .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-buttons-vertical .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-buttons-vertical .dialog-button:last-child:after{display:none!important}.ios .dialog-no-buttons .dialog-inner{border-radius:var(--f7-dialog-border-radius)}.ios .dialog-no-buttons .dialog-inner:after{display:none!important}.ios .dialog-input-field{margin-top:15px}.ios .dialog-input{padding:0 5px}.ios .dialog-input+.dialog-input{margin-top:5px}.ios .dialog-input-double+.dialog-input-double{margin-top:0}.ios .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.ios .dialog-preloader .dialog-text~.preloader,.ios .dialog-preloader .dialog-title~.preloader{margin-top:15px}.ios .dialog-progress .dialog-text~.progressbar,.ios .dialog-progress .dialog-text~.progressbar-infinite,.ios .dialog-progress .dialog-title~.progressbar,.ios .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px}.md .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.md .dialog-title+.dialog-text{margin-top:20px}.md .dialog-text{line-height:1.5}.md .dialog-buttons{height:48px;padding:6px 8px;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.md .dialog-button{border-radius:4px;min-width:64px;padding:0 8px;border:none;transition-duration:.3s;transform:translate3d(0,0,0)}.md .dialog-button.dialog-button-bold{font-weight:700}.md .dialog-button+.dialog-button{margin-left:4px}.md .dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.md .dialog-buttons-vertical .dialog-buttons{padding:0 0 8px 0}.md .dialog-buttons-vertical .dialog-button{margin-left:0;text-align:right;height:48px;line-height:48px;border-radius:0;padding-left:16px;padding-right:16px}.md .dialog-input{padding:0;transition-duration:.2s;position:relative}.md .dialog-input+.dialog-input{margin-top:16px}.md .dialog-preloader .dialog-inner,.md .dialog-preloader .dialog-title,.md .dialog-progress .dialog-inner,.md .dialog-progress .dialog-title{text-align:center}.md .dialog-preloader .dialog-text~.preloader,.md .dialog-preloader .dialog-title~.preloader{margin-top:20px}.md .dialog-progress .dialog-text~.progressbar,.md .dialog-progress .dialog-text~.progressbar-infinite,.md .dialog-progress .dialog-title~.progressbar,.md .dialog-progress .dialog-title~.progressbar-infinite{margin-top:16px}.aurora .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.aurora .dialog-title+.dialog-text{margin-top:10px}.aurora .dialog-text{line-height:1.5}.aurora .dialog-buttons{padding:var(--f7-dialog-inner-padding);padding-top:0;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.aurora .dialog-button{border-radius:4px;min-width:64px;padding:0 10px;border:none;transition-duration:.3s;transform:translate3d(0,0,0);background:var(--f7-theme-color)}.aurora .dialog-button.dialog-button-bold{font-weight:600}.aurora .dialog-button+.dialog-button{margin-left:16px}.aurora .dialog-buttons-vertical .dialog-buttons{display:flex;flex-direction:column;align-items:flex-end}.aurora .dialog-buttons-vertical .dialog-button{margin-left:0;flex-shrink:0}.aurora .dialog-buttons-vertical .dialog-button+.dialog-button{margin-top:5px}.aurora .dialog-input-field{margin-top:10px}.aurora .dialog-input-field input.dialog-input{margin-top:0}.aurora .dialog-input{padding:0 4px;transition-duration:.2s;position:relative}.aurora .dialog-input+.dialog-input{margin-top:10px}.aurora .dialog-input-double+.dialog-input-double{margin-top:0}.aurora .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.aurora .dialog-preloader .dialog-inner,.aurora .dialog-preloader .dialog-title,.aurora .dialog-progress .dialog-inner,.aurora .dialog-progress .dialog-title{text-align:center}.aurora .dialog-preloader .dialog-text~.preloader,.aurora .dialog-preloader .dialog-title~.preloader{margin-top:10px}.aurora .dialog-progress .dialog-text~.progressbar,.aurora .dialog-progress .dialog-text~.progressbar-infinite,.aurora .dialog-progress .dialog-title~.progressbar,.aurora .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px} \ No newline at end of file diff --git a/packages/core/components/dialog/dialog-aurora.less b/packages/core/components/dialog/dialog-aurora.less index cc4e89338a..e4b38245f4 100644 --- a/packages/core/components/dialog/dialog-aurora.less +++ b/packages/core/components/dialog/dialog-aurora.less @@ -32,7 +32,7 @@ font-weight: 600; } + .dialog-button { - margin-left: 15px; + margin-left: 16px; } } diff --git a/packages/core/components/dialog/dialog-vars.less b/packages/core/components/dialog/dialog-vars.less index 7ca25bd74c..5ef6b39b8d 100644 --- a/packages/core/components/dialog/dialog-vars.less +++ b/packages/core/components/dialog/dialog-vars.less @@ -8,7 +8,7 @@ --f7-dialog-bg-color-rgb: 255, 255, 255; --f7-dialog-box-shadow: none; --f7-dialog-width: 270px; - --f7-dialog-inner-padding: 15px; + --f7-dialog-inner-padding: 16px; --f7-dialog-border-radius: 13px; --f7-dialog-text-color: #000; --f7-dialog-text-align: center; diff --git a/packages/core/components/dialog/dialog.less b/packages/core/components/dialog/dialog.less index e5ca179fb4..825911dbc7 100644 --- a/packages/core/components/dialog/dialog.less +++ b/packages/core/components/dialog/dialog.less @@ -22,7 +22,8 @@ color: var(--f7-dialog-text-color); font-size: var(--f7-dialog-font-size); will-change: transform, opacity; - .translucent(var(--f7-dialog-bg-color-rgb)); + background: var(--f7-dialog-bg-color); + .ios-translucent-modals(var(--f7-dialog-bg-color-rgb)); &.modal-in { opacity: 1; transform: translate3d(0, -50%, 0) scale(1); diff --git a/packages/core/components/fab.css b/packages/core/components/fab.css index c50d7322c8..c29e33d47c 100644 --- a/packages/core/components/fab.css +++ b/packages/core/components/fab.css @@ -1 +1 @@ -:root{--f7-fab-text-color:#fff;--f7-fab-extended-text-font-size:14px;--f7-fab-extended-text-padding:0 20px;--f7-fab-label-bg-color:#fff;--f7-fab-label-text-color:#333;--f7-fab-label-border-radius:4px;--f7-fab-label-padding:4px 12px;--f7-fab-button-size:40px}.ios{--f7-fab-size:50px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-margin:15px;--f7-fab-extended-size:50px;--f7-fab-extended-text-font-weight:400;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4);--f7-fab-label-font-size:inherit}.md{--f7-fab-size:56px;--f7-fab-box-shadow:var(--f7-elevation-6);--f7-fab-margin:16px;--f7-fab-extended-size:48px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0.03em;--f7-fab-label-box-shadow:var(--f7-elevation-3);--f7-fab-label-font-size:inherit}.aurora{--f7-fab-size:40px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-margin:15px;--f7-fab-extended-size:38px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4);--f7-fab-label-font-size:12px}.fab{position:absolute;z-index:1500}.fab a{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.fab[class*=fab-left]{left:calc(var(--f7-fab-margin) + var(--f7-safe-area-left))}.fab[class*=fab-right]{right:calc(var(--f7-fab-margin) + var(--f7-safe-area-right))}.fab[class*="-top"]{top:var(--f7-fab-margin)}.fab[class*="-bottom"]{bottom:calc(var(--f7-fab-margin) + var(--f7-safe-area-bottom))}.fab[class*=fab-center]{left:50%;transform:translateX(-50%)}.fab[class*=left-center],.fab[class*=right-center]{top:50%;transform:translateY(-50%)}.fab[class*=center-center]{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.fab-buttons a,.fab>a{background-color:var(--f7-fab-bg-color,var(--f7-theme-color));width:var(--f7-fab-size);height:var(--f7-fab-size);box-shadow:var(--f7-fab-box-shadow);border-radius:calc(var(--f7-fab-size)/ 2);position:relative;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1;color:var(--f7-fab-text-color)}.fab-buttons a.active-state,.fab>a.active-state{background-color:var(--f7-fab-pressed-bg-color,var(--f7-theme-color-shade))}.fab>a i{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);transition:.3s}.fab>a i+i{transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);opacity:0}.fab-buttons a{border-radius:calc(var(--f7-fab-button-size)/ 2);width:var(--f7-fab-button-size);height:var(--f7-fab-button-size)}.fab-buttons{display:flex;visibility:hidden;pointer-events:none;position:absolute}.fab-buttons a{opacity:0}.fab-opened:not(.fab-morph)>a i{transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);opacity:0}.fab-opened:not(.fab-morph)>a i+i{transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;transform:translate3d(0,0px,0) scale(1)!important}.fab-opened .fab-buttons a:nth-child(2){transition-delay:50ms}.fab-opened .fab-buttons a:nth-child(3){transition-delay:.1s}.fab-opened .fab-buttons a:nth-child(4){transition-delay:150ms}.fab-opened .fab-buttons a:nth-child(5){transition-delay:.2s}.fab-opened .fab-buttons a:nth-child(6){transition-delay:250ms}.fab-buttons-bottom,.fab-buttons-top{left:50%;width:var(--f7-fab-button-size);margin-left:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-top{bottom:100%;margin-bottom:16px;flex-direction:column-reverse}.fab-buttons-top a{transform:translate3d(0,8px,0) scale(.3);transform-origin:center bottom}.fab-buttons-top a+a{margin-bottom:16px}.fab-buttons-bottom{top:100%;margin-top:16px;flex-direction:column}.fab-buttons-bottom a{transform:translate3d(0,-8px,0) scale(.3);transform-origin:center top}.fab-buttons-bottom a+a{margin-top:16px}.fab-buttons-left,.fab-buttons-right{top:50%;height:var(--f7-fab-button-size);margin-top:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-left{right:100%;margin-right:16px;flex-direction:row-reverse}.fab-buttons-left a{transform:translate3d(8px,0px,0) scale(.3);transform-origin:right center}.fab-buttons-left a+a{margin-right:16px}.fab-buttons-right{left:100%;margin-left:16px}.fab-buttons-right a{transform:translate3d(-8px,0,0) scale(.3);transform-origin:left center}.fab-buttons-right a+a{margin-left:16px}.fab-buttons-center{left:0%;top:0%;width:100%;height:100%}.fab-buttons-center a{position:absolute}.fab-buttons-center a:nth-child(1){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);bottom:100%;margin-bottom:16px;transform:translateY(-8px) scale(.3);transform-origin:center bottom}.fab-buttons-center a:nth-child(2){left:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-left:16px;transform:translateX(-8px) scale(.3);transform-origin:left center}.fab-buttons-center a:nth-child(3){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);top:100%;margin-top:16px;transform:translateY(8px) scale(.3);transform-origin:center top}.fab-buttons-center a:nth-child(4){right:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-right:16px;transform:translateX(8px) scale(.3);transform-origin:right center}.fab-morph{border-radius:calc(var(--f7-fab-size)/ 2);background:var(--f7-fab-bg-color,var(--f7-theme-color));box-shadow:var(--f7-fab-box-shadow)}.fab-morph>a{box-shadow:none;background:0 0!important}.fab-opened.fab-morph>a i{opacity:0}.fab-morph,.fab-morph-target,.fab-morph>a{transition-duration:250ms}.fab-morph-target:not(.fab-morph-target-visible){display:none}.fab-extended{width:auto;min-width:var(--f7-fab-extended-size)}.fab-extended>a{width:100%;height:var(--f7-fab-extended-size)}.fab-extended>a i{left:calc(var(--f7-fab-extended-size)/ 2)}.fab-extended i~.fab-text{padding-left:var(--f7-fab-extended-size)}.fab-extended>a{width:100%!important}.fab-text{box-sizing:border-box;font-size:var(--f7-fab-extended-text-font-size);padding:var(--f7-fab-extended-text-padding);font-weight:var(--f7-fab-extended-text-font-weight);letter-spacing:var(--f7-fab-extended-text-letter-spacing);text-transform:uppercase}.fab-label-button{overflow:visible!important}.fab-label{position:absolute;top:50%;padding:var(--f7-fab-label-padding);border-radius:var(--f7-fab-label-border-radius);background:var(--f7-fab-label-bg-color);color:var(--f7-fab-label-text-color);box-shadow:var(--f7-fab-label-box-shadow);white-space:nowrap;transform:translateY(-50%);pointer-events:none;font-size:var(--f7-fab-label-font-size)}.fab[class*=fab-right-] .fab-label{right:100%;margin-right:8px}.fab[class*=fab-left-] .fab-label{left:100%;margin-left:8px}.navbar~* .fab[class*="-top"],.navbar~.fab[class*="-top"]{margin-top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .toolbar-top-ios~* .fab[class*="-top"],.ios .toolbar-top-ios~.fab[class*="-top"],.md .toolbar-top-md~* .fab[class*="-top"],.md .toolbar-top-md~.fab[class*="-top"],.toolbar-top~* .fab[class*="-top"],.toolbar-top~.fab[class*="-top"]{margin-top:var(--f7-toolbar-height)}.ios .toolbar-bottom-ios~* .fab[class*="-bottom"],.ios .toolbar-bottom-ios~.fab[class*="-bottom"],.md .toolbar-bottom-md~* .fab[class*="-bottom"],.md .toolbar-bottom-md~.fab[class*="-bottom"],.toolbar-bottom~* .fab[class*="-bottom"],.toolbar-bottom~.fab[class*="-bottom"]{margin-bottom:var(--f7-toolbar-height)}.ios .tabbar-labels.toolbar-bottom-ios~* .fab[class*="-bottom"],.ios .tabbar-labels.toolbar-bottom-ios~.fab[class*="-bottom"],.md .tabbar-labels.toolbar-bottom-md~* .fab[class*="-bottom"],.md .tabbar-labels.toolbar-bottom-md~.fab[class*="-bottom"],.tabbar-labels.toolbar-bottom~* .fab[class*="-bottom"],.tabbar-labels.toolbar-bottom~.fab[class*="-bottom"]{margin-bottom:var(--f7-tabbar-labels-height)}.ios .tabbar-labels.toolbar-top-ios~* .fab[class*="-bottom"],.ios .tabbar-labels.toolbar-top-ios~.fab[class*="-bottom"],.md .tabbar-labels.toolbar-top-md~* .fab[class*="-bottom"],.md .tabbar-labels.toolbar-top-md~.fab[class*="-bottom"],.tabbar-labels.toolbar-top~* .fab[class*="-bottom"],.tabbar-labels.toolbar-top~.fab[class*="-bottom"]{margin-top:var(--f7-tabbar-labels-height)}.messagebar~* .fab[class*="-bottom"],.messagebar~.fab[class*="-bottom"]{margin-bottom:var(--f7-messagebar-height)}.ios .navbar+.toolbar-top-ios~* .fab[class*="-top"],.ios .navbar+.toolbar-top-ios~.fab[class*="-top"],.md .navbar+.toolbar-top-ios~* .fab[class*="-top"],.md .navbar+.toolbar-top-ios~.fab[class*="-top"],.navbar+.toolbar-top~* .fab[class*="-top"],.navbar+.toolbar-top~.fab[class*="-top"]{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.md .navbar+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.navbar+.toolbar-top.tabbar-labels~* .fab[class*="-top"],.navbar+.toolbar-top.tabbar-labels~.fab[class*="-top"]{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .fab-buttons a.active-state,.ios .fab>a.active-state{transition-duration:0s} \ No newline at end of file +:root{--f7-fab-margin:16px;--f7-fab-text-color:#fff;--f7-fab-extended-text-font-size:14px;--f7-fab-extended-text-padding:0 20px;--f7-fab-label-bg-color:#fff;--f7-fab-label-text-color:#333;--f7-fab-label-border-radius:4px;--f7-fab-label-padding:4px 12px;--f7-fab-button-size:40px}.ios{--f7-fab-size:50px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-extended-size:50px;--f7-fab-extended-text-font-weight:600;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4);--f7-fab-label-font-size:inherit}.md{--f7-fab-size:56px;--f7-fab-box-shadow:var(--f7-elevation-6);--f7-fab-extended-size:48px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0.03em;--f7-fab-label-box-shadow:var(--f7-elevation-3);--f7-fab-label-font-size:inherit}.aurora{--f7-fab-size:40px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-extended-size:38px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4);--f7-fab-label-font-size:12px}.fab{position:absolute;z-index:1500}.fab a{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.fab[class*=fab-left]{left:calc(var(--f7-fab-margin) + var(--f7-safe-area-left))}.fab[class*=fab-right]{right:calc(var(--f7-fab-margin) + var(--f7-safe-area-right))}.fab[class*="-top"]{top:var(--f7-fab-margin)}.fab[class*="-bottom"]{bottom:calc(var(--f7-fab-margin) + var(--f7-safe-area-bottom))}.fab[class*=fab-center]{left:50%;transform:translateX(-50%)}.fab[class*=left-center],.fab[class*=right-center]{top:50%;transform:translateY(-50%)}.fab[class*=center-center]{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.fab-buttons a,.fab>a{background-color:var(--f7-fab-bg-color,var(--f7-theme-color));width:var(--f7-fab-size);height:var(--f7-fab-size);box-shadow:var(--f7-fab-box-shadow);border-radius:calc(var(--f7-fab-size)/ 2);position:relative;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1;color:var(--f7-fab-text-color)}.fab-buttons a.active-state,.fab>a.active-state{background-color:var(--f7-fab-pressed-bg-color,var(--f7-theme-color-shade))}.fab>a i{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);transition:.3s}.fab>a i+i{transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);opacity:0}.fab-buttons a{border-radius:calc(var(--f7-fab-button-size)/ 2);width:var(--f7-fab-button-size);height:var(--f7-fab-button-size)}.fab-buttons{display:flex;visibility:hidden;pointer-events:none;position:absolute}.fab-buttons a{opacity:0}.fab-opened:not(.fab-morph)>a i{transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);opacity:0}.fab-opened:not(.fab-morph)>a i+i{transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;transform:translate3d(0,0px,0) scale(1)!important}.fab-opened .fab-buttons a:nth-child(2){transition-delay:50ms}.fab-opened .fab-buttons a:nth-child(3){transition-delay:.1s}.fab-opened .fab-buttons a:nth-child(4){transition-delay:150ms}.fab-opened .fab-buttons a:nth-child(5){transition-delay:.2s}.fab-opened .fab-buttons a:nth-child(6){transition-delay:250ms}.fab-buttons-bottom,.fab-buttons-top{left:50%;width:var(--f7-fab-button-size);margin-left:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-top{bottom:100%;margin-bottom:16px;flex-direction:column-reverse}.fab-buttons-top a{transform:translate3d(0,8px,0) scale(.3);transform-origin:center bottom}.fab-buttons-top a+a{margin-bottom:16px}.fab-buttons-bottom{top:100%;margin-top:16px;flex-direction:column}.fab-buttons-bottom a{transform:translate3d(0,-8px,0) scale(.3);transform-origin:center top}.fab-buttons-bottom a+a{margin-top:16px}.fab-buttons-left,.fab-buttons-right{top:50%;height:var(--f7-fab-button-size);margin-top:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-left{right:100%;margin-right:16px;flex-direction:row-reverse}.fab-buttons-left a{transform:translate3d(8px,0px,0) scale(.3);transform-origin:right center}.fab-buttons-left a+a{margin-right:16px}.fab-buttons-right{left:100%;margin-left:16px}.fab-buttons-right a{transform:translate3d(-8px,0,0) scale(.3);transform-origin:left center}.fab-buttons-right a+a{margin-left:16px}.fab-buttons-center{left:0%;top:0%;width:100%;height:100%}.fab-buttons-center a{position:absolute}.fab-buttons-center a:nth-child(1){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);bottom:100%;margin-bottom:16px;transform:translateY(-8px) scale(.3);transform-origin:center bottom}.fab-buttons-center a:nth-child(2){left:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-left:16px;transform:translateX(-8px) scale(.3);transform-origin:left center}.fab-buttons-center a:nth-child(3){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);top:100%;margin-top:16px;transform:translateY(8px) scale(.3);transform-origin:center top}.fab-buttons-center a:nth-child(4){right:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-right:16px;transform:translateX(8px) scale(.3);transform-origin:right center}.fab-morph{border-radius:calc(var(--f7-fab-size)/ 2);background:var(--f7-fab-bg-color,var(--f7-theme-color));box-shadow:var(--f7-fab-box-shadow)}.fab-morph>a{box-shadow:none;background:0 0!important}.fab-opened.fab-morph>a i{opacity:0}.fab-morph,.fab-morph-target,.fab-morph>a{transition-duration:250ms}.fab-morph-target:not(.fab-morph-target-visible){display:none}.fab-extended{width:auto;min-width:var(--f7-fab-extended-size)}.fab-extended>a{width:100%;height:var(--f7-fab-extended-size)}.fab-extended>a i{left:calc(var(--f7-fab-extended-size)/ 2)}.fab-extended i~.fab-text{padding-left:var(--f7-fab-extended-size)}.fab-extended>a{width:100%!important}.fab-text{box-sizing:border-box;font-size:var(--f7-fab-extended-text-font-size);padding:var(--f7-fab-extended-text-padding);font-weight:var(--f7-fab-extended-text-font-weight);letter-spacing:var(--f7-fab-extended-text-letter-spacing);text-transform:uppercase}.fab-label-button{overflow:visible!important}.fab-label{position:absolute;top:50%;padding:var(--f7-fab-label-padding);border-radius:var(--f7-fab-label-border-radius);background:var(--f7-fab-label-bg-color);color:var(--f7-fab-label-text-color);box-shadow:var(--f7-fab-label-box-shadow);white-space:nowrap;transform:translateY(-50%);pointer-events:none;font-size:var(--f7-fab-label-font-size)}.fab[class*=fab-right-] .fab-label{right:100%;margin-right:8px}.fab[class*=fab-left-] .fab-label{left:100%;margin-left:8px}.navbars~* .fab[class*="-top"],.navbars~.fab[class*="-top"],.navbar~* .fab[class*="-top"],.navbar~.fab[class*="-top"]{margin-top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .toolbar-top-ios~* .fab[class*="-top"],.ios .toolbar-top-ios~.fab[class*="-top"],.md .toolbar-top-md~* .fab[class*="-top"],.md .toolbar-top-md~.fab[class*="-top"],.toolbar-top~* .fab[class*="-top"],.toolbar-top~.fab[class*="-top"]{margin-top:var(--f7-toolbar-height)}.ios .toolbar-bottom-ios~* .fab[class*="-bottom"],.ios .toolbar-bottom-ios~.fab[class*="-bottom"],.md .toolbar-bottom-md~* .fab[class*="-bottom"],.md .toolbar-bottom-md~.fab[class*="-bottom"],.toolbar-bottom~* .fab[class*="-bottom"],.toolbar-bottom~.fab[class*="-bottom"]{margin-bottom:var(--f7-toolbar-height)}.ios .tabbar-labels.toolbar-bottom-ios~* .fab[class*="-bottom"],.ios .tabbar-labels.toolbar-bottom-ios~.fab[class*="-bottom"],.md .tabbar-labels.toolbar-bottom-md~* .fab[class*="-bottom"],.md .tabbar-labels.toolbar-bottom-md~.fab[class*="-bottom"],.tabbar-labels.toolbar-bottom~* .fab[class*="-bottom"],.tabbar-labels.toolbar-bottom~.fab[class*="-bottom"]{margin-bottom:var(--f7-tabbar-labels-height)}.ios .tabbar-labels.toolbar-top-ios~* .fab[class*="-bottom"],.ios .tabbar-labels.toolbar-top-ios~.fab[class*="-bottom"],.md .tabbar-labels.toolbar-top-md~* .fab[class*="-bottom"],.md .tabbar-labels.toolbar-top-md~.fab[class*="-bottom"],.tabbar-labels.toolbar-top~* .fab[class*="-bottom"],.tabbar-labels.toolbar-top~.fab[class*="-bottom"]{margin-top:var(--f7-tabbar-labels-height)}.messagebar~* .fab[class*="-bottom"],.messagebar~.fab[class*="-bottom"]{margin-bottom:var(--f7-messagebar-height)}.ios .navbar+.toolbar-top-ios~* .fab[class*="-top"],.ios .navbar+.toolbar-top-ios~.fab[class*="-top"],.md .navbar+.toolbar-top-ios~* .fab[class*="-top"],.md .navbar+.toolbar-top-ios~.fab[class*="-top"],.navbar+.toolbar-top~* .fab[class*="-top"],.navbar+.toolbar-top~.fab[class*="-top"]{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.md .navbar+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.navbar+.toolbar-top.tabbar-labels~* .fab[class*="-top"],.navbar+.toolbar-top.tabbar-labels~.fab[class*="-top"]{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbars+.toolbar-top-ios~* .fab[class*="-top"],.ios .navbars+.toolbar-top-ios~.fab[class*="-top"],.navbars+.toolbar-top~* .fab[class*="-top"],.navbars+.toolbar-top~.fab[class*="-top"]{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbars+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.ios .navbars+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.navbars+.toolbar-top.tabbar-labels~* .fab[class*="-top"],.navbars+.toolbar-top.tabbar-labels~.fab[class*="-top"]{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .fab-buttons a.active-state,.ios .fab>a.active-state{transition-duration:0s} \ No newline at end of file diff --git a/packages/core/components/fab.rtl.css b/packages/core/components/fab.rtl.css index 5167287a96..f1bf0d9f45 100644 --- a/packages/core/components/fab.rtl.css +++ b/packages/core/components/fab.rtl.css @@ -1 +1 @@ -:root{--f7-fab-text-color:#fff;--f7-fab-extended-text-font-size:14px;--f7-fab-extended-text-padding:0 20px;--f7-fab-label-bg-color:#fff;--f7-fab-label-text-color:#333;--f7-fab-label-border-radius:4px;--f7-fab-label-padding:4px 12px;--f7-fab-button-size:40px}.ios{--f7-fab-size:50px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-margin:15px;--f7-fab-extended-size:50px;--f7-fab-extended-text-font-weight:400;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4);--f7-fab-label-font-size:inherit}.md{--f7-fab-size:56px;--f7-fab-box-shadow:var(--f7-elevation-6);--f7-fab-margin:16px;--f7-fab-extended-size:48px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0.03em;--f7-fab-label-box-shadow:var(--f7-elevation-3);--f7-fab-label-font-size:inherit}.aurora{--f7-fab-size:40px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-margin:15px;--f7-fab-extended-size:38px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4);--f7-fab-label-font-size:12px}.fab{position:absolute;z-index:1500}.fab a{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.fab[class*=fab-left]{left:calc(var(--f7-fab-margin) + var(--f7-safe-area-left))}.fab[class*=fab-right]{right:calc(var(--f7-fab-margin) + var(--f7-safe-area-right))}.fab[class*="-top"]{top:var(--f7-fab-margin)}.fab[class*="-bottom"]{bottom:calc(var(--f7-fab-margin) + var(--f7-safe-area-bottom))}.fab[class*=fab-center]{left:50%;transform:translateX(-50%)}.fab[class*=left-center],.fab[class*=right-center]{top:50%;transform:translateY(-50%)}.fab[class*=center-center]{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.fab-buttons a,.fab>a{background-color:var(--f7-fab-bg-color,var(--f7-theme-color));width:var(--f7-fab-size);height:var(--f7-fab-size);box-shadow:var(--f7-fab-box-shadow);border-radius:calc(var(--f7-fab-size)/ 2);position:relative;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1;color:var(--f7-fab-text-color)}.fab-buttons a.active-state,.fab>a.active-state{background-color:var(--f7-fab-pressed-bg-color,var(--f7-theme-color-shade))}.fab>a i{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);transition:.3s}.fab>a i+i{transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);opacity:0}.fab-buttons a{border-radius:calc(var(--f7-fab-button-size)/ 2);width:var(--f7-fab-button-size);height:var(--f7-fab-button-size)}.fab-buttons{display:flex;visibility:hidden;pointer-events:none;position:absolute}.fab-buttons a{opacity:0}.fab-opened:not(.fab-morph)>a i{transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);opacity:0}.fab-opened:not(.fab-morph)>a i+i{transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;transform:translate3d(0,0px,0) scale(1)!important}.fab-opened .fab-buttons a:nth-child(2){transition-delay:50ms}.fab-opened .fab-buttons a:nth-child(3){transition-delay:.1s}.fab-opened .fab-buttons a:nth-child(4){transition-delay:150ms}.fab-opened .fab-buttons a:nth-child(5){transition-delay:.2s}.fab-opened .fab-buttons a:nth-child(6){transition-delay:250ms}.fab-buttons-bottom,.fab-buttons-top{left:50%;width:var(--f7-fab-button-size);margin-left:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-top{bottom:100%;margin-bottom:16px;flex-direction:column-reverse}.fab-buttons-top a{transform:translate3d(0,8px,0) scale(.3);transform-origin:center bottom}.fab-buttons-top a+a{margin-bottom:16px}.fab-buttons-bottom{top:100%;margin-top:16px;flex-direction:column}.fab-buttons-bottom a{transform:translate3d(0,-8px,0) scale(.3);transform-origin:center top}.fab-buttons-bottom a+a{margin-top:16px}.fab-buttons-left,.fab-buttons-right{top:50%;height:var(--f7-fab-button-size);margin-top:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-left{right:100%;margin-right:16px}.fab-buttons-left a{transform:translate3d(8px,0px,0) scale(.3);transform-origin:right center}.fab-buttons-left a+a{margin-right:16px}.fab-buttons-right{left:100%;margin-left:16px;flex-direction:row-reverse}.fab-buttons-right a{transform:translate3d(-8px,0,0) scale(.3);transform-origin:left center}.fab-buttons-right a+a{margin-left:16px}.fab-buttons-center{left:0%;top:0%;width:100%;height:100%}.fab-buttons-center a{position:absolute}.fab-buttons-center a:nth-child(1){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);bottom:100%;margin-bottom:16px;transform:translateY(-8px) scale(.3);transform-origin:center bottom}.fab-buttons-center a:nth-child(2){left:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-left:16px;transform:translateX(-8px) scale(.3);transform-origin:left center}.fab-buttons-center a:nth-child(3){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);top:100%;margin-top:16px;transform:translateY(8px) scale(.3);transform-origin:center top}.fab-buttons-center a:nth-child(4){right:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-right:16px;transform:translateX(8px) scale(.3);transform-origin:right center}.fab-morph{border-radius:calc(var(--f7-fab-size)/ 2);background:var(--f7-fab-bg-color,var(--f7-theme-color));box-shadow:var(--f7-fab-box-shadow)}.fab-morph>a{box-shadow:none;background:0 0!important}.fab-opened.fab-morph>a i{opacity:0}.fab-morph,.fab-morph-target,.fab-morph>a{transition-duration:250ms}.fab-morph-target:not(.fab-morph-target-visible){display:none}.fab-extended{width:auto;min-width:var(--f7-fab-extended-size)}.fab-extended>a{width:100%;height:var(--f7-fab-extended-size)}.fab-extended>a i{left:calc(var(--f7-fab-extended-size)/ 2)}.fab-extended i~.fab-text{padding-left:var(--f7-fab-extended-size)}.fab-extended>a{width:100%!important}.fab-text{box-sizing:border-box;font-size:var(--f7-fab-extended-text-font-size);padding:var(--f7-fab-extended-text-padding);font-weight:var(--f7-fab-extended-text-font-weight);letter-spacing:var(--f7-fab-extended-text-letter-spacing);text-transform:uppercase}.fab-label-button{overflow:visible!important}.fab-label{position:absolute;top:50%;padding:var(--f7-fab-label-padding);border-radius:var(--f7-fab-label-border-radius);background:var(--f7-fab-label-bg-color);color:var(--f7-fab-label-text-color);box-shadow:var(--f7-fab-label-box-shadow);white-space:nowrap;transform:translateY(-50%);pointer-events:none;font-size:var(--f7-fab-label-font-size)}.fab[class*=fab-right-] .fab-label{right:100%;margin-right:8px}.fab[class*=fab-left-] .fab-label{left:100%;margin-left:8px}.navbar~* .fab[class*="-top"],.navbar~.fab[class*="-top"]{margin-top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .toolbar-top-ios~* .fab[class*="-top"],.ios .toolbar-top-ios~.fab[class*="-top"],.md .toolbar-top-md~* .fab[class*="-top"],.md .toolbar-top-md~.fab[class*="-top"],.toolbar-top~* .fab[class*="-top"],.toolbar-top~.fab[class*="-top"]{margin-top:var(--f7-toolbar-height)}.ios .toolbar-bottom-ios~* .fab[class*="-bottom"],.ios .toolbar-bottom-ios~.fab[class*="-bottom"],.md .toolbar-bottom-md~* .fab[class*="-bottom"],.md .toolbar-bottom-md~.fab[class*="-bottom"],.toolbar-bottom~* .fab[class*="-bottom"],.toolbar-bottom~.fab[class*="-bottom"]{margin-bottom:var(--f7-toolbar-height)}.ios .tabbar-labels.toolbar-bottom-ios~* .fab[class*="-bottom"],.ios .tabbar-labels.toolbar-bottom-ios~.fab[class*="-bottom"],.md .tabbar-labels.toolbar-bottom-md~* .fab[class*="-bottom"],.md .tabbar-labels.toolbar-bottom-md~.fab[class*="-bottom"],.tabbar-labels.toolbar-bottom~* .fab[class*="-bottom"],.tabbar-labels.toolbar-bottom~.fab[class*="-bottom"]{margin-bottom:var(--f7-tabbar-labels-height)}.ios .tabbar-labels.toolbar-top-ios~* .fab[class*="-bottom"],.ios .tabbar-labels.toolbar-top-ios~.fab[class*="-bottom"],.md .tabbar-labels.toolbar-top-md~* .fab[class*="-bottom"],.md .tabbar-labels.toolbar-top-md~.fab[class*="-bottom"],.tabbar-labels.toolbar-top~* .fab[class*="-bottom"],.tabbar-labels.toolbar-top~.fab[class*="-bottom"]{margin-top:var(--f7-tabbar-labels-height)}.messagebar~* .fab[class*="-bottom"],.messagebar~.fab[class*="-bottom"]{margin-bottom:var(--f7-messagebar-height)}.ios .navbar+.toolbar-top-ios~* .fab[class*="-top"],.ios .navbar+.toolbar-top-ios~.fab[class*="-top"],.md .navbar+.toolbar-top-ios~* .fab[class*="-top"],.md .navbar+.toolbar-top-ios~.fab[class*="-top"],.navbar+.toolbar-top~* .fab[class*="-top"],.navbar+.toolbar-top~.fab[class*="-top"]{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.md .navbar+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.navbar+.toolbar-top.tabbar-labels~* .fab[class*="-top"],.navbar+.toolbar-top.tabbar-labels~.fab[class*="-top"]{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .fab-buttons a.active-state,.ios .fab>a.active-state{transition-duration:0s} \ No newline at end of file +:root{--f7-fab-margin:16px;--f7-fab-text-color:#fff;--f7-fab-extended-text-font-size:14px;--f7-fab-extended-text-padding:0 20px;--f7-fab-label-bg-color:#fff;--f7-fab-label-text-color:#333;--f7-fab-label-border-radius:4px;--f7-fab-label-padding:4px 12px;--f7-fab-button-size:40px}.ios{--f7-fab-size:50px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-extended-size:50px;--f7-fab-extended-text-font-weight:600;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4);--f7-fab-label-font-size:inherit}.md{--f7-fab-size:56px;--f7-fab-box-shadow:var(--f7-elevation-6);--f7-fab-extended-size:48px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0.03em;--f7-fab-label-box-shadow:var(--f7-elevation-3);--f7-fab-label-font-size:inherit}.aurora{--f7-fab-size:40px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-extended-size:38px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4);--f7-fab-label-font-size:12px}.fab{position:absolute;z-index:1500}.fab a{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.fab[class*=fab-left]{left:calc(var(--f7-fab-margin) + var(--f7-safe-area-left))}.fab[class*=fab-right]{right:calc(var(--f7-fab-margin) + var(--f7-safe-area-right))}.fab[class*="-top"]{top:var(--f7-fab-margin)}.fab[class*="-bottom"]{bottom:calc(var(--f7-fab-margin) + var(--f7-safe-area-bottom))}.fab[class*=fab-center]{left:50%;transform:translateX(-50%)}.fab[class*=left-center],.fab[class*=right-center]{top:50%;transform:translateY(-50%)}.fab[class*=center-center]{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.fab-buttons a,.fab>a{background-color:var(--f7-fab-bg-color,var(--f7-theme-color));width:var(--f7-fab-size);height:var(--f7-fab-size);box-shadow:var(--f7-fab-box-shadow);border-radius:calc(var(--f7-fab-size)/ 2);position:relative;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1;color:var(--f7-fab-text-color)}.fab-buttons a.active-state,.fab>a.active-state{background-color:var(--f7-fab-pressed-bg-color,var(--f7-theme-color-shade))}.fab>a i{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);transition:.3s}.fab>a i+i{transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);opacity:0}.fab-buttons a{border-radius:calc(var(--f7-fab-button-size)/ 2);width:var(--f7-fab-button-size);height:var(--f7-fab-button-size)}.fab-buttons{display:flex;visibility:hidden;pointer-events:none;position:absolute}.fab-buttons a{opacity:0}.fab-opened:not(.fab-morph)>a i{transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);opacity:0}.fab-opened:not(.fab-morph)>a i+i{transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;transform:translate3d(0,0px,0) scale(1)!important}.fab-opened .fab-buttons a:nth-child(2){transition-delay:50ms}.fab-opened .fab-buttons a:nth-child(3){transition-delay:.1s}.fab-opened .fab-buttons a:nth-child(4){transition-delay:150ms}.fab-opened .fab-buttons a:nth-child(5){transition-delay:.2s}.fab-opened .fab-buttons a:nth-child(6){transition-delay:250ms}.fab-buttons-bottom,.fab-buttons-top{left:50%;width:var(--f7-fab-button-size);margin-left:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-top{bottom:100%;margin-bottom:16px;flex-direction:column-reverse}.fab-buttons-top a{transform:translate3d(0,8px,0) scale(.3);transform-origin:center bottom}.fab-buttons-top a+a{margin-bottom:16px}.fab-buttons-bottom{top:100%;margin-top:16px;flex-direction:column}.fab-buttons-bottom a{transform:translate3d(0,-8px,0) scale(.3);transform-origin:center top}.fab-buttons-bottom a+a{margin-top:16px}.fab-buttons-left,.fab-buttons-right{top:50%;height:var(--f7-fab-button-size);margin-top:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-left{right:100%;margin-right:16px}.fab-buttons-left a{transform:translate3d(8px,0px,0) scale(.3);transform-origin:right center}.fab-buttons-left a+a{margin-right:16px}.fab-buttons-right{left:100%;margin-left:16px;flex-direction:row-reverse}.fab-buttons-right a{transform:translate3d(-8px,0,0) scale(.3);transform-origin:left center}.fab-buttons-right a+a{margin-left:16px}.fab-buttons-center{left:0%;top:0%;width:100%;height:100%}.fab-buttons-center a{position:absolute}.fab-buttons-center a:nth-child(1){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);bottom:100%;margin-bottom:16px;transform:translateY(-8px) scale(.3);transform-origin:center bottom}.fab-buttons-center a:nth-child(2){left:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-left:16px;transform:translateX(-8px) scale(.3);transform-origin:left center}.fab-buttons-center a:nth-child(3){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);top:100%;margin-top:16px;transform:translateY(8px) scale(.3);transform-origin:center top}.fab-buttons-center a:nth-child(4){right:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-right:16px;transform:translateX(8px) scale(.3);transform-origin:right center}.fab-morph{border-radius:calc(var(--f7-fab-size)/ 2);background:var(--f7-fab-bg-color,var(--f7-theme-color));box-shadow:var(--f7-fab-box-shadow)}.fab-morph>a{box-shadow:none;background:0 0!important}.fab-opened.fab-morph>a i{opacity:0}.fab-morph,.fab-morph-target,.fab-morph>a{transition-duration:250ms}.fab-morph-target:not(.fab-morph-target-visible){display:none}.fab-extended{width:auto;min-width:var(--f7-fab-extended-size)}.fab-extended>a{width:100%;height:var(--f7-fab-extended-size)}.fab-extended>a i{left:calc(var(--f7-fab-extended-size)/ 2)}.fab-extended i~.fab-text{padding-left:var(--f7-fab-extended-size)}.fab-extended>a{width:100%!important}.fab-text{box-sizing:border-box;font-size:var(--f7-fab-extended-text-font-size);padding:var(--f7-fab-extended-text-padding);font-weight:var(--f7-fab-extended-text-font-weight);letter-spacing:var(--f7-fab-extended-text-letter-spacing);text-transform:uppercase}.fab-label-button{overflow:visible!important}.fab-label{position:absolute;top:50%;padding:var(--f7-fab-label-padding);border-radius:var(--f7-fab-label-border-radius);background:var(--f7-fab-label-bg-color);color:var(--f7-fab-label-text-color);box-shadow:var(--f7-fab-label-box-shadow);white-space:nowrap;transform:translateY(-50%);pointer-events:none;font-size:var(--f7-fab-label-font-size)}.fab[class*=fab-right-] .fab-label{right:100%;margin-right:8px}.fab[class*=fab-left-] .fab-label{left:100%;margin-left:8px}.navbars~* .fab[class*="-top"],.navbars~.fab[class*="-top"],.navbar~* .fab[class*="-top"],.navbar~.fab[class*="-top"]{margin-top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .toolbar-top-ios~* .fab[class*="-top"],.ios .toolbar-top-ios~.fab[class*="-top"],.md .toolbar-top-md~* .fab[class*="-top"],.md .toolbar-top-md~.fab[class*="-top"],.toolbar-top~* .fab[class*="-top"],.toolbar-top~.fab[class*="-top"]{margin-top:var(--f7-toolbar-height)}.ios .toolbar-bottom-ios~* .fab[class*="-bottom"],.ios .toolbar-bottom-ios~.fab[class*="-bottom"],.md .toolbar-bottom-md~* .fab[class*="-bottom"],.md .toolbar-bottom-md~.fab[class*="-bottom"],.toolbar-bottom~* .fab[class*="-bottom"],.toolbar-bottom~.fab[class*="-bottom"]{margin-bottom:var(--f7-toolbar-height)}.ios .tabbar-labels.toolbar-bottom-ios~* .fab[class*="-bottom"],.ios .tabbar-labels.toolbar-bottom-ios~.fab[class*="-bottom"],.md .tabbar-labels.toolbar-bottom-md~* .fab[class*="-bottom"],.md .tabbar-labels.toolbar-bottom-md~.fab[class*="-bottom"],.tabbar-labels.toolbar-bottom~* .fab[class*="-bottom"],.tabbar-labels.toolbar-bottom~.fab[class*="-bottom"]{margin-bottom:var(--f7-tabbar-labels-height)}.ios .tabbar-labels.toolbar-top-ios~* .fab[class*="-bottom"],.ios .tabbar-labels.toolbar-top-ios~.fab[class*="-bottom"],.md .tabbar-labels.toolbar-top-md~* .fab[class*="-bottom"],.md .tabbar-labels.toolbar-top-md~.fab[class*="-bottom"],.tabbar-labels.toolbar-top~* .fab[class*="-bottom"],.tabbar-labels.toolbar-top~.fab[class*="-bottom"]{margin-top:var(--f7-tabbar-labels-height)}.messagebar~* .fab[class*="-bottom"],.messagebar~.fab[class*="-bottom"]{margin-bottom:var(--f7-messagebar-height)}.ios .navbar+.toolbar-top-ios~* .fab[class*="-top"],.ios .navbar+.toolbar-top-ios~.fab[class*="-top"],.md .navbar+.toolbar-top-ios~* .fab[class*="-top"],.md .navbar+.toolbar-top-ios~.fab[class*="-top"],.navbar+.toolbar-top~* .fab[class*="-top"],.navbar+.toolbar-top~.fab[class*="-top"]{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.md .navbar+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.navbar+.toolbar-top.tabbar-labels~* .fab[class*="-top"],.navbar+.toolbar-top.tabbar-labels~.fab[class*="-top"]{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbars+.toolbar-top-ios~* .fab[class*="-top"],.ios .navbars+.toolbar-top-ios~.fab[class*="-top"],.navbars+.toolbar-top~* .fab[class*="-top"],.navbars+.toolbar-top~.fab[class*="-top"]{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbars+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.ios .navbars+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.navbars+.toolbar-top.tabbar-labels~* .fab[class*="-top"],.navbars+.toolbar-top.tabbar-labels~.fab[class*="-top"]{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .fab-buttons a.active-state,.ios .fab>a.active-state{transition-duration:0s} \ No newline at end of file diff --git a/packages/core/components/fab/fab-vars.less b/packages/core/components/fab/fab-vars.less index e47976a1d8..27d8b56f66 100644 --- a/packages/core/components/fab/fab-vars.less +++ b/packages/core/components/fab/fab-vars.less @@ -1,4 +1,5 @@ :root { + --f7-fab-margin: 16px; --f7-fab-text-color: #fff; --f7-fab-extended-text-font-size: 14px; --f7-fab-extended-text-padding: 0 20px; @@ -12,9 +13,8 @@ .ios-vars({ --f7-fab-size: 50px; --f7-fab-box-shadow: 0px 2px 4px rgba(0,0,0,0.4); - --f7-fab-margin: 15px; --f7-fab-extended-size: 50px; - --f7-fab-extended-text-font-weight: 400; + --f7-fab-extended-text-font-weight: 600; --f7-fab-extended-text-letter-spacing: 0; --f7-fab-label-box-shadow: 0px 1px 2px rgba(0,0,0,0.4); --f7-fab-label-font-size: inherit; @@ -22,7 +22,6 @@ .md-vars({ --f7-fab-size: 56px; --f7-fab-box-shadow: var(--f7-elevation-6); - --f7-fab-margin: 16px; --f7-fab-extended-size: 48px; --f7-fab-extended-text-font-weight: 500; --f7-fab-extended-text-letter-spacing: 0.03em; @@ -32,7 +31,6 @@ .aurora-vars({ --f7-fab-size: 40px; --f7-fab-box-shadow: 0px 2px 4px rgba(0,0,0,0.4); - --f7-fab-margin: 15px; --f7-fab-extended-size: 38px; --f7-fab-extended-text-font-weight: 500; --f7-fab-extended-text-letter-spacing: 0; diff --git a/packages/core/components/fab/fab.less b/packages/core/components/fab/fab.less index 96282135bb..aa4ecef73c 100644 --- a/packages/core/components/fab/fab.less +++ b/packages/core/components/fab/fab.less @@ -299,7 +299,9 @@ // Relation with navbar .navbar ~ * .fab[class*="-top"], -.navbar ~ .fab[class*="-top"] { +.navbar ~ .fab[class*="-top"], +.navbars ~ * .fab[class*="-top"], +.navbars ~ .fab[class*="-top"] { margin-top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)); } // Relation with toolbar @@ -359,6 +361,22 @@ } } } +.navbars { + + .toolbar-top, + .ios & + .toolbar-top-ios { + ~ * .fab[class*="-top"], + ~ .fab[class*="-top"] { + margin-top: calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top)); + } + } + + .toolbar-top.tabbar-labels, + .ios & + .toolbar-top-ios.tabbar-labels { + ~ * .fab[class*="-top"], + ~ .fab[class*="-top"] { + margin-top: calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top)); + } + } +} .if-ios-theme({ @import url('./fab-ios.less'); diff --git a/packages/core/components/grid.css b/packages/core/components/grid.css index cd96dd30b6..a62a63965b 100644 --- a/packages/core/components/grid.css +++ b/packages/core/components/grid.css @@ -1 +1 @@ -.ios{--f7-grid-gap:15px}.md{--f7-grid-gap:16px}.aurora{--f7-grid-gap:15px}.row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;--f7-cols-per-row:1}.row>.col,.row>[class*=col-]{box-sizing:border-box;width:calc((100% - var(--f7-grid-gap) * (var(--f7-cols-per-row) - 1))/ var(--f7-cols-per-row))}.row.no-gap{--f7-grid-gap:0px}.row .col-5{--f7-cols-per-row:20}.row .col-10{--f7-cols-per-row:10}.row .col-15{--f7-cols-per-row:6.66666667}.row .col-20{--f7-cols-per-row:5}.row .col-25{--f7-cols-per-row:4}.row .col-30{--f7-cols-per-row:3.33333333}.row .col-33{--f7-cols-per-row:3}.row .col-35{--f7-cols-per-row:2.85714286}.row .col-40{--f7-cols-per-row:2.5}.row .col-45{--f7-cols-per-row:2.22222222}.row .col-50{--f7-cols-per-row:2}.row .col-55{--f7-cols-per-row:1.81818182}.row .col-60{--f7-cols-per-row:1.66666667}.row .col-65{--f7-cols-per-row:1.53846154}.row .col-66{--f7-cols-per-row:1.5}.row .col-70{--f7-cols-per-row:1.42857143}.row .col-75{--f7-cols-per-row:1.33333333}.row .col-80{--f7-cols-per-row:1.25}.row .col-85{--f7-cols-per-row:1.17647059}.row .col-90{--f7-cols-per-row:1.11111111}.row .col-95{--f7-cols-per-row:1.05263158}.row .col-100{--f7-cols-per-row:1}.row .col:nth-last-child(1),.row .col:nth-last-child(1)~.col{--f7-cols-per-row:1}.row .col:nth-last-child(2),.row .col:nth-last-child(2)~.col{--f7-cols-per-row:2}.row .col:nth-last-child(3),.row .col:nth-last-child(3)~.col{--f7-cols-per-row:3}.row .col:nth-last-child(4),.row .col:nth-last-child(4)~.col{--f7-cols-per-row:4}.row .col:nth-last-child(5),.row .col:nth-last-child(5)~.col{--f7-cols-per-row:5}.row .col:nth-last-child(6),.row .col:nth-last-child(6)~.col{--f7-cols-per-row:6}.row .col:nth-last-child(7),.row .col:nth-last-child(7)~.col{--f7-cols-per-row:7}.row .col:nth-last-child(8),.row .col:nth-last-child(8)~.col{--f7-cols-per-row:8}.row .col:nth-last-child(9),.row .col:nth-last-child(9)~.col{--f7-cols-per-row:9}.row .col:nth-last-child(10),.row .col:nth-last-child(10)~.col{--f7-cols-per-row:10}.row .col:nth-last-child(11),.row .col:nth-last-child(11)~.col{--f7-cols-per-row:11}.row .col:nth-last-child(12),.row .col:nth-last-child(12)~.col{--f7-cols-per-row:12}.row .col:nth-last-child(13),.row .col:nth-last-child(13)~.col{--f7-cols-per-row:13}.row .col:nth-last-child(14),.row .col:nth-last-child(14)~.col{--f7-cols-per-row:14}.row .col:nth-last-child(15),.row .col:nth-last-child(15)~.col{--f7-cols-per-row:15}.row .col:nth-last-child(16),.row .col:nth-last-child(16)~.col{--f7-cols-per-row:16}.row .col:nth-last-child(17),.row .col:nth-last-child(17)~.col{--f7-cols-per-row:17}.row .col:nth-last-child(18),.row .col:nth-last-child(18)~.col{--f7-cols-per-row:18}.row .col:nth-last-child(19),.row .col:nth-last-child(19)~.col{--f7-cols-per-row:19}.row .col:nth-last-child(20),.row .col:nth-last-child(20)~.col{--f7-cols-per-row:20}.row .col:nth-last-child(21),.row .col:nth-last-child(21)~.col{--f7-cols-per-row:21}.row .col:nth-last-child(22),.row .col:nth-last-child(22)~.col{--f7-cols-per-row:22}@media (min-width:768px){.row .tablet-5{--f7-cols-per-row:20}.row .tablet-10{--f7-cols-per-row:10}.row .tablet-15{--f7-cols-per-row:6.66666667}.row .tablet-20{--f7-cols-per-row:5}.row .tablet-25{--f7-cols-per-row:4}.row .tablet-30{--f7-cols-per-row:3.33333333}.row .tablet-33{--f7-cols-per-row:3}.row .tablet-35{--f7-cols-per-row:2.85714286}.row .tablet-40{--f7-cols-per-row:2.5}.row .tablet-45{--f7-cols-per-row:2.22222222}.row .tablet-50{--f7-cols-per-row:2}.row .tablet-55{--f7-cols-per-row:1.81818182}.row .tablet-60{--f7-cols-per-row:1.66666667}.row .tablet-65{--f7-cols-per-row:1.53846154}.row .tablet-66{--f7-cols-per-row:1.5}.row .tablet-70{--f7-cols-per-row:1.42857143}.row .tablet-75{--f7-cols-per-row:1.33333333}.row .tablet-80{--f7-cols-per-row:1.25}.row .tablet-85{--f7-cols-per-row:1.17647059}.row .tablet-90{--f7-cols-per-row:1.11111111}.row .tablet-95{--f7-cols-per-row:1.05263158}.row .tablet-100{--f7-cols-per-row:1}.row .tablet-auto:nth-last-child(1),.row .tablet-auto:nth-last-child(1)~.tablet-auto{--f7-cols-per-row:1}.row .tablet-auto:nth-last-child(2),.row .tablet-auto:nth-last-child(2)~.tablet-auto{--f7-cols-per-row:2}.row .tablet-auto:nth-last-child(3),.row .tablet-auto:nth-last-child(3)~.tablet-auto{--f7-cols-per-row:3}.row .tablet-auto:nth-last-child(4),.row .tablet-auto:nth-last-child(4)~.tablet-auto{--f7-cols-per-row:4}.row .tablet-auto:nth-last-child(5),.row .tablet-auto:nth-last-child(5)~.tablet-auto{--f7-cols-per-row:5}.row .tablet-auto:nth-last-child(6),.row .tablet-auto:nth-last-child(6)~.tablet-auto{--f7-cols-per-row:6}.row .tablet-auto:nth-last-child(7),.row .tablet-auto:nth-last-child(7)~.tablet-auto{--f7-cols-per-row:7}.row .tablet-auto:nth-last-child(8),.row .tablet-auto:nth-last-child(8)~.tablet-auto{--f7-cols-per-row:8}.row .tablet-auto:nth-last-child(9),.row .tablet-auto:nth-last-child(9)~.tablet-auto{--f7-cols-per-row:9}.row .tablet-auto:nth-last-child(10),.row .tablet-auto:nth-last-child(10)~.tablet-auto{--f7-cols-per-row:10}.row .tablet-auto:nth-last-child(11),.row .tablet-auto:nth-last-child(11)~.tablet-auto{--f7-cols-per-row:11}.row .tablet-auto:nth-last-child(12),.row .tablet-auto:nth-last-child(12)~.tablet-auto{--f7-cols-per-row:12}.row .tablet-auto:nth-last-child(13),.row .tablet-auto:nth-last-child(13)~.tablet-auto{--f7-cols-per-row:13}.row .tablet-auto:nth-last-child(14),.row .tablet-auto:nth-last-child(14)~.tablet-auto{--f7-cols-per-row:14}.row .tablet-auto:nth-last-child(15),.row .tablet-auto:nth-last-child(15)~.tablet-auto{--f7-cols-per-row:15}.row .tablet-auto:nth-last-child(16),.row .tablet-auto:nth-last-child(16)~.tablet-auto{--f7-cols-per-row:16}.row .tablet-auto:nth-last-child(17),.row .tablet-auto:nth-last-child(17)~.tablet-auto{--f7-cols-per-row:17}.row .tablet-auto:nth-last-child(18),.row .tablet-auto:nth-last-child(18)~.tablet-auto{--f7-cols-per-row:18}.row .tablet-auto:nth-last-child(19),.row .tablet-auto:nth-last-child(19)~.tablet-auto{--f7-cols-per-row:19}.row .tablet-auto:nth-last-child(20),.row .tablet-auto:nth-last-child(20)~.tablet-auto{--f7-cols-per-row:20}.row .tablet-auto:nth-last-child(21),.row .tablet-auto:nth-last-child(21)~.tablet-auto{--f7-cols-per-row:21}.row .tablet-auto:nth-last-child(22),.row .tablet-auto:nth-last-child(22)~.tablet-auto{--f7-cols-per-row:22}}@media (min-width:1025px){.row .desktop-5{--f7-cols-per-row:20}.row .desktop-10{--f7-cols-per-row:10}.row .desktop-15{--f7-cols-per-row:6.66666667}.row .desktop-20{--f7-cols-per-row:5}.row .desktop-25{--f7-cols-per-row:4}.row .desktop-30{--f7-cols-per-row:3.33333333}.row .desktop-33{--f7-cols-per-row:3}.row .desktop-35{--f7-cols-per-row:2.85714286}.row .desktop-40{--f7-cols-per-row:2.5}.row .desktop-45{--f7-cols-per-row:2.22222222}.row .desktop-50{--f7-cols-per-row:2}.row .desktop-55{--f7-cols-per-row:1.81818182}.row .desktop-60{--f7-cols-per-row:1.66666667}.row .desktop-65{--f7-cols-per-row:1.53846154}.row .desktop-66{--f7-cols-per-row:1.5}.row .desktop-70{--f7-cols-per-row:1.42857143}.row .desktop-75{--f7-cols-per-row:1.33333333}.row .desktop-80{--f7-cols-per-row:1.25}.row .desktop-85{--f7-cols-per-row:1.17647059}.row .desktop-90{--f7-cols-per-row:1.11111111}.row .desktop-95{--f7-cols-per-row:1.05263158}.row .desktop-100{--f7-cols-per-row:1}.row .desktop-auto:nth-last-child(1),.row .desktop-auto:nth-last-child(1)~.desktop-auto{--f7-cols-per-row:1}.row .desktop-auto:nth-last-child(2),.row .desktop-auto:nth-last-child(2)~.desktop-auto{--f7-cols-per-row:2}.row .desktop-auto:nth-last-child(3),.row .desktop-auto:nth-last-child(3)~.desktop-auto{--f7-cols-per-row:3}.row .desktop-auto:nth-last-child(4),.row .desktop-auto:nth-last-child(4)~.desktop-auto{--f7-cols-per-row:4}.row .desktop-auto:nth-last-child(5),.row .desktop-auto:nth-last-child(5)~.desktop-auto{--f7-cols-per-row:5}.row .desktop-auto:nth-last-child(6),.row .desktop-auto:nth-last-child(6)~.desktop-auto{--f7-cols-per-row:6}.row .desktop-auto:nth-last-child(7),.row .desktop-auto:nth-last-child(7)~.desktop-auto{--f7-cols-per-row:7}.row .desktop-auto:nth-last-child(8),.row .desktop-auto:nth-last-child(8)~.desktop-auto{--f7-cols-per-row:8}.row .desktop-auto:nth-last-child(9),.row .desktop-auto:nth-last-child(9)~.desktop-auto{--f7-cols-per-row:9}.row .desktop-auto:nth-last-child(10),.row .desktop-auto:nth-last-child(10)~.desktop-auto{--f7-cols-per-row:10}.row .desktop-auto:nth-last-child(11),.row .desktop-auto:nth-last-child(11)~.desktop-auto{--f7-cols-per-row:11}.row .desktop-auto:nth-last-child(12),.row .desktop-auto:nth-last-child(12)~.desktop-auto{--f7-cols-per-row:12}.row .desktop-auto:nth-last-child(13),.row .desktop-auto:nth-last-child(13)~.desktop-auto{--f7-cols-per-row:13}.row .desktop-auto:nth-last-child(14),.row .desktop-auto:nth-last-child(14)~.desktop-auto{--f7-cols-per-row:14}.row .desktop-auto:nth-last-child(15),.row .desktop-auto:nth-last-child(15)~.desktop-auto{--f7-cols-per-row:15}.row .desktop-auto:nth-last-child(16),.row .desktop-auto:nth-last-child(16)~.desktop-auto{--f7-cols-per-row:16}.row .desktop-auto:nth-last-child(17),.row .desktop-auto:nth-last-child(17)~.desktop-auto{--f7-cols-per-row:17}.row .desktop-auto:nth-last-child(18),.row .desktop-auto:nth-last-child(18)~.desktop-auto{--f7-cols-per-row:18}.row .desktop-auto:nth-last-child(19),.row .desktop-auto:nth-last-child(19)~.desktop-auto{--f7-cols-per-row:19}.row .desktop-auto:nth-last-child(20),.row .desktop-auto:nth-last-child(20)~.desktop-auto{--f7-cols-per-row:20}.row .desktop-auto:nth-last-child(21),.row .desktop-auto:nth-last-child(21)~.desktop-auto{--f7-cols-per-row:21}.row .desktop-auto:nth-last-child(22),.row .desktop-auto:nth-last-child(22)~.desktop-auto{--f7-cols-per-row:22}} \ No newline at end of file +:root{--f7-grid-gap:16px}.row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;--f7-cols-per-row:1}.row>.col,.row>[class*=col-]{box-sizing:border-box;width:calc((100% - var(--f7-grid-gap) * (var(--f7-cols-per-row) - 1))/ var(--f7-cols-per-row))}.row.no-gap{--f7-grid-gap:0px}.row .col-5{--f7-cols-per-row:20}.row .col-10{--f7-cols-per-row:10}.row .col-15{--f7-cols-per-row:6.66666667}.row .col-20{--f7-cols-per-row:5}.row .col-25{--f7-cols-per-row:4}.row .col-30{--f7-cols-per-row:3.33333333}.row .col-33{--f7-cols-per-row:3}.row .col-35{--f7-cols-per-row:2.85714286}.row .col-40{--f7-cols-per-row:2.5}.row .col-45{--f7-cols-per-row:2.22222222}.row .col-50{--f7-cols-per-row:2}.row .col-55{--f7-cols-per-row:1.81818182}.row .col-60{--f7-cols-per-row:1.66666667}.row .col-65{--f7-cols-per-row:1.53846154}.row .col-66{--f7-cols-per-row:1.5}.row .col-70{--f7-cols-per-row:1.42857143}.row .col-75{--f7-cols-per-row:1.33333333}.row .col-80{--f7-cols-per-row:1.25}.row .col-85{--f7-cols-per-row:1.17647059}.row .col-90{--f7-cols-per-row:1.11111111}.row .col-95{--f7-cols-per-row:1.05263158}.row .col-100{--f7-cols-per-row:1}.row .col:nth-last-child(1),.row .col:nth-last-child(1)~.col{--f7-cols-per-row:1}.row .col:nth-last-child(2),.row .col:nth-last-child(2)~.col{--f7-cols-per-row:2}.row .col:nth-last-child(3),.row .col:nth-last-child(3)~.col{--f7-cols-per-row:3}.row .col:nth-last-child(4),.row .col:nth-last-child(4)~.col{--f7-cols-per-row:4}.row .col:nth-last-child(5),.row .col:nth-last-child(5)~.col{--f7-cols-per-row:5}.row .col:nth-last-child(6),.row .col:nth-last-child(6)~.col{--f7-cols-per-row:6}.row .col:nth-last-child(7),.row .col:nth-last-child(7)~.col{--f7-cols-per-row:7}.row .col:nth-last-child(8),.row .col:nth-last-child(8)~.col{--f7-cols-per-row:8}.row .col:nth-last-child(9),.row .col:nth-last-child(9)~.col{--f7-cols-per-row:9}.row .col:nth-last-child(10),.row .col:nth-last-child(10)~.col{--f7-cols-per-row:10}.row .col:nth-last-child(11),.row .col:nth-last-child(11)~.col{--f7-cols-per-row:11}.row .col:nth-last-child(12),.row .col:nth-last-child(12)~.col{--f7-cols-per-row:12}.row .col:nth-last-child(13),.row .col:nth-last-child(13)~.col{--f7-cols-per-row:13}.row .col:nth-last-child(14),.row .col:nth-last-child(14)~.col{--f7-cols-per-row:14}.row .col:nth-last-child(15),.row .col:nth-last-child(15)~.col{--f7-cols-per-row:15}.row .col:nth-last-child(16),.row .col:nth-last-child(16)~.col{--f7-cols-per-row:16}.row .col:nth-last-child(17),.row .col:nth-last-child(17)~.col{--f7-cols-per-row:17}.row .col:nth-last-child(18),.row .col:nth-last-child(18)~.col{--f7-cols-per-row:18}.row .col:nth-last-child(19),.row .col:nth-last-child(19)~.col{--f7-cols-per-row:19}.row .col:nth-last-child(20),.row .col:nth-last-child(20)~.col{--f7-cols-per-row:20}.row .col:nth-last-child(21),.row .col:nth-last-child(21)~.col{--f7-cols-per-row:21}.row .col:nth-last-child(22),.row .col:nth-last-child(22)~.col{--f7-cols-per-row:22}@media (min-width:768px){.row .tablet-5{--f7-cols-per-row:20}.row .tablet-10{--f7-cols-per-row:10}.row .tablet-15{--f7-cols-per-row:6.66666667}.row .tablet-20{--f7-cols-per-row:5}.row .tablet-25{--f7-cols-per-row:4}.row .tablet-30{--f7-cols-per-row:3.33333333}.row .tablet-33{--f7-cols-per-row:3}.row .tablet-35{--f7-cols-per-row:2.85714286}.row .tablet-40{--f7-cols-per-row:2.5}.row .tablet-45{--f7-cols-per-row:2.22222222}.row .tablet-50{--f7-cols-per-row:2}.row .tablet-55{--f7-cols-per-row:1.81818182}.row .tablet-60{--f7-cols-per-row:1.66666667}.row .tablet-65{--f7-cols-per-row:1.53846154}.row .tablet-66{--f7-cols-per-row:1.5}.row .tablet-70{--f7-cols-per-row:1.42857143}.row .tablet-75{--f7-cols-per-row:1.33333333}.row .tablet-80{--f7-cols-per-row:1.25}.row .tablet-85{--f7-cols-per-row:1.17647059}.row .tablet-90{--f7-cols-per-row:1.11111111}.row .tablet-95{--f7-cols-per-row:1.05263158}.row .tablet-100{--f7-cols-per-row:1}.row .tablet-auto:nth-last-child(1),.row .tablet-auto:nth-last-child(1)~.tablet-auto{--f7-cols-per-row:1}.row .tablet-auto:nth-last-child(2),.row .tablet-auto:nth-last-child(2)~.tablet-auto{--f7-cols-per-row:2}.row .tablet-auto:nth-last-child(3),.row .tablet-auto:nth-last-child(3)~.tablet-auto{--f7-cols-per-row:3}.row .tablet-auto:nth-last-child(4),.row .tablet-auto:nth-last-child(4)~.tablet-auto{--f7-cols-per-row:4}.row .tablet-auto:nth-last-child(5),.row .tablet-auto:nth-last-child(5)~.tablet-auto{--f7-cols-per-row:5}.row .tablet-auto:nth-last-child(6),.row .tablet-auto:nth-last-child(6)~.tablet-auto{--f7-cols-per-row:6}.row .tablet-auto:nth-last-child(7),.row .tablet-auto:nth-last-child(7)~.tablet-auto{--f7-cols-per-row:7}.row .tablet-auto:nth-last-child(8),.row .tablet-auto:nth-last-child(8)~.tablet-auto{--f7-cols-per-row:8}.row .tablet-auto:nth-last-child(9),.row .tablet-auto:nth-last-child(9)~.tablet-auto{--f7-cols-per-row:9}.row .tablet-auto:nth-last-child(10),.row .tablet-auto:nth-last-child(10)~.tablet-auto{--f7-cols-per-row:10}.row .tablet-auto:nth-last-child(11),.row .tablet-auto:nth-last-child(11)~.tablet-auto{--f7-cols-per-row:11}.row .tablet-auto:nth-last-child(12),.row .tablet-auto:nth-last-child(12)~.tablet-auto{--f7-cols-per-row:12}.row .tablet-auto:nth-last-child(13),.row .tablet-auto:nth-last-child(13)~.tablet-auto{--f7-cols-per-row:13}.row .tablet-auto:nth-last-child(14),.row .tablet-auto:nth-last-child(14)~.tablet-auto{--f7-cols-per-row:14}.row .tablet-auto:nth-last-child(15),.row .tablet-auto:nth-last-child(15)~.tablet-auto{--f7-cols-per-row:15}.row .tablet-auto:nth-last-child(16),.row .tablet-auto:nth-last-child(16)~.tablet-auto{--f7-cols-per-row:16}.row .tablet-auto:nth-last-child(17),.row .tablet-auto:nth-last-child(17)~.tablet-auto{--f7-cols-per-row:17}.row .tablet-auto:nth-last-child(18),.row .tablet-auto:nth-last-child(18)~.tablet-auto{--f7-cols-per-row:18}.row .tablet-auto:nth-last-child(19),.row .tablet-auto:nth-last-child(19)~.tablet-auto{--f7-cols-per-row:19}.row .tablet-auto:nth-last-child(20),.row .tablet-auto:nth-last-child(20)~.tablet-auto{--f7-cols-per-row:20}.row .tablet-auto:nth-last-child(21),.row .tablet-auto:nth-last-child(21)~.tablet-auto{--f7-cols-per-row:21}.row .tablet-auto:nth-last-child(22),.row .tablet-auto:nth-last-child(22)~.tablet-auto{--f7-cols-per-row:22}}@media (min-width:1025px){.row .desktop-5{--f7-cols-per-row:20}.row .desktop-10{--f7-cols-per-row:10}.row .desktop-15{--f7-cols-per-row:6.66666667}.row .desktop-20{--f7-cols-per-row:5}.row .desktop-25{--f7-cols-per-row:4}.row .desktop-30{--f7-cols-per-row:3.33333333}.row .desktop-33{--f7-cols-per-row:3}.row .desktop-35{--f7-cols-per-row:2.85714286}.row .desktop-40{--f7-cols-per-row:2.5}.row .desktop-45{--f7-cols-per-row:2.22222222}.row .desktop-50{--f7-cols-per-row:2}.row .desktop-55{--f7-cols-per-row:1.81818182}.row .desktop-60{--f7-cols-per-row:1.66666667}.row .desktop-65{--f7-cols-per-row:1.53846154}.row .desktop-66{--f7-cols-per-row:1.5}.row .desktop-70{--f7-cols-per-row:1.42857143}.row .desktop-75{--f7-cols-per-row:1.33333333}.row .desktop-80{--f7-cols-per-row:1.25}.row .desktop-85{--f7-cols-per-row:1.17647059}.row .desktop-90{--f7-cols-per-row:1.11111111}.row .desktop-95{--f7-cols-per-row:1.05263158}.row .desktop-100{--f7-cols-per-row:1}.row .desktop-auto:nth-last-child(1),.row .desktop-auto:nth-last-child(1)~.desktop-auto{--f7-cols-per-row:1}.row .desktop-auto:nth-last-child(2),.row .desktop-auto:nth-last-child(2)~.desktop-auto{--f7-cols-per-row:2}.row .desktop-auto:nth-last-child(3),.row .desktop-auto:nth-last-child(3)~.desktop-auto{--f7-cols-per-row:3}.row .desktop-auto:nth-last-child(4),.row .desktop-auto:nth-last-child(4)~.desktop-auto{--f7-cols-per-row:4}.row .desktop-auto:nth-last-child(5),.row .desktop-auto:nth-last-child(5)~.desktop-auto{--f7-cols-per-row:5}.row .desktop-auto:nth-last-child(6),.row .desktop-auto:nth-last-child(6)~.desktop-auto{--f7-cols-per-row:6}.row .desktop-auto:nth-last-child(7),.row .desktop-auto:nth-last-child(7)~.desktop-auto{--f7-cols-per-row:7}.row .desktop-auto:nth-last-child(8),.row .desktop-auto:nth-last-child(8)~.desktop-auto{--f7-cols-per-row:8}.row .desktop-auto:nth-last-child(9),.row .desktop-auto:nth-last-child(9)~.desktop-auto{--f7-cols-per-row:9}.row .desktop-auto:nth-last-child(10),.row .desktop-auto:nth-last-child(10)~.desktop-auto{--f7-cols-per-row:10}.row .desktop-auto:nth-last-child(11),.row .desktop-auto:nth-last-child(11)~.desktop-auto{--f7-cols-per-row:11}.row .desktop-auto:nth-last-child(12),.row .desktop-auto:nth-last-child(12)~.desktop-auto{--f7-cols-per-row:12}.row .desktop-auto:nth-last-child(13),.row .desktop-auto:nth-last-child(13)~.desktop-auto{--f7-cols-per-row:13}.row .desktop-auto:nth-last-child(14),.row .desktop-auto:nth-last-child(14)~.desktop-auto{--f7-cols-per-row:14}.row .desktop-auto:nth-last-child(15),.row .desktop-auto:nth-last-child(15)~.desktop-auto{--f7-cols-per-row:15}.row .desktop-auto:nth-last-child(16),.row .desktop-auto:nth-last-child(16)~.desktop-auto{--f7-cols-per-row:16}.row .desktop-auto:nth-last-child(17),.row .desktop-auto:nth-last-child(17)~.desktop-auto{--f7-cols-per-row:17}.row .desktop-auto:nth-last-child(18),.row .desktop-auto:nth-last-child(18)~.desktop-auto{--f7-cols-per-row:18}.row .desktop-auto:nth-last-child(19),.row .desktop-auto:nth-last-child(19)~.desktop-auto{--f7-cols-per-row:19}.row .desktop-auto:nth-last-child(20),.row .desktop-auto:nth-last-child(20)~.desktop-auto{--f7-cols-per-row:20}.row .desktop-auto:nth-last-child(21),.row .desktop-auto:nth-last-child(21)~.desktop-auto{--f7-cols-per-row:21}.row .desktop-auto:nth-last-child(22),.row .desktop-auto:nth-last-child(22)~.desktop-auto{--f7-cols-per-row:22}} \ No newline at end of file diff --git a/packages/core/components/grid.rtl.css b/packages/core/components/grid.rtl.css index cd96dd30b6..a62a63965b 100644 --- a/packages/core/components/grid.rtl.css +++ b/packages/core/components/grid.rtl.css @@ -1 +1 @@ -.ios{--f7-grid-gap:15px}.md{--f7-grid-gap:16px}.aurora{--f7-grid-gap:15px}.row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;--f7-cols-per-row:1}.row>.col,.row>[class*=col-]{box-sizing:border-box;width:calc((100% - var(--f7-grid-gap) * (var(--f7-cols-per-row) - 1))/ var(--f7-cols-per-row))}.row.no-gap{--f7-grid-gap:0px}.row .col-5{--f7-cols-per-row:20}.row .col-10{--f7-cols-per-row:10}.row .col-15{--f7-cols-per-row:6.66666667}.row .col-20{--f7-cols-per-row:5}.row .col-25{--f7-cols-per-row:4}.row .col-30{--f7-cols-per-row:3.33333333}.row .col-33{--f7-cols-per-row:3}.row .col-35{--f7-cols-per-row:2.85714286}.row .col-40{--f7-cols-per-row:2.5}.row .col-45{--f7-cols-per-row:2.22222222}.row .col-50{--f7-cols-per-row:2}.row .col-55{--f7-cols-per-row:1.81818182}.row .col-60{--f7-cols-per-row:1.66666667}.row .col-65{--f7-cols-per-row:1.53846154}.row .col-66{--f7-cols-per-row:1.5}.row .col-70{--f7-cols-per-row:1.42857143}.row .col-75{--f7-cols-per-row:1.33333333}.row .col-80{--f7-cols-per-row:1.25}.row .col-85{--f7-cols-per-row:1.17647059}.row .col-90{--f7-cols-per-row:1.11111111}.row .col-95{--f7-cols-per-row:1.05263158}.row .col-100{--f7-cols-per-row:1}.row .col:nth-last-child(1),.row .col:nth-last-child(1)~.col{--f7-cols-per-row:1}.row .col:nth-last-child(2),.row .col:nth-last-child(2)~.col{--f7-cols-per-row:2}.row .col:nth-last-child(3),.row .col:nth-last-child(3)~.col{--f7-cols-per-row:3}.row .col:nth-last-child(4),.row .col:nth-last-child(4)~.col{--f7-cols-per-row:4}.row .col:nth-last-child(5),.row .col:nth-last-child(5)~.col{--f7-cols-per-row:5}.row .col:nth-last-child(6),.row .col:nth-last-child(6)~.col{--f7-cols-per-row:6}.row .col:nth-last-child(7),.row .col:nth-last-child(7)~.col{--f7-cols-per-row:7}.row .col:nth-last-child(8),.row .col:nth-last-child(8)~.col{--f7-cols-per-row:8}.row .col:nth-last-child(9),.row .col:nth-last-child(9)~.col{--f7-cols-per-row:9}.row .col:nth-last-child(10),.row .col:nth-last-child(10)~.col{--f7-cols-per-row:10}.row .col:nth-last-child(11),.row .col:nth-last-child(11)~.col{--f7-cols-per-row:11}.row .col:nth-last-child(12),.row .col:nth-last-child(12)~.col{--f7-cols-per-row:12}.row .col:nth-last-child(13),.row .col:nth-last-child(13)~.col{--f7-cols-per-row:13}.row .col:nth-last-child(14),.row .col:nth-last-child(14)~.col{--f7-cols-per-row:14}.row .col:nth-last-child(15),.row .col:nth-last-child(15)~.col{--f7-cols-per-row:15}.row .col:nth-last-child(16),.row .col:nth-last-child(16)~.col{--f7-cols-per-row:16}.row .col:nth-last-child(17),.row .col:nth-last-child(17)~.col{--f7-cols-per-row:17}.row .col:nth-last-child(18),.row .col:nth-last-child(18)~.col{--f7-cols-per-row:18}.row .col:nth-last-child(19),.row .col:nth-last-child(19)~.col{--f7-cols-per-row:19}.row .col:nth-last-child(20),.row .col:nth-last-child(20)~.col{--f7-cols-per-row:20}.row .col:nth-last-child(21),.row .col:nth-last-child(21)~.col{--f7-cols-per-row:21}.row .col:nth-last-child(22),.row .col:nth-last-child(22)~.col{--f7-cols-per-row:22}@media (min-width:768px){.row .tablet-5{--f7-cols-per-row:20}.row .tablet-10{--f7-cols-per-row:10}.row .tablet-15{--f7-cols-per-row:6.66666667}.row .tablet-20{--f7-cols-per-row:5}.row .tablet-25{--f7-cols-per-row:4}.row .tablet-30{--f7-cols-per-row:3.33333333}.row .tablet-33{--f7-cols-per-row:3}.row .tablet-35{--f7-cols-per-row:2.85714286}.row .tablet-40{--f7-cols-per-row:2.5}.row .tablet-45{--f7-cols-per-row:2.22222222}.row .tablet-50{--f7-cols-per-row:2}.row .tablet-55{--f7-cols-per-row:1.81818182}.row .tablet-60{--f7-cols-per-row:1.66666667}.row .tablet-65{--f7-cols-per-row:1.53846154}.row .tablet-66{--f7-cols-per-row:1.5}.row .tablet-70{--f7-cols-per-row:1.42857143}.row .tablet-75{--f7-cols-per-row:1.33333333}.row .tablet-80{--f7-cols-per-row:1.25}.row .tablet-85{--f7-cols-per-row:1.17647059}.row .tablet-90{--f7-cols-per-row:1.11111111}.row .tablet-95{--f7-cols-per-row:1.05263158}.row .tablet-100{--f7-cols-per-row:1}.row .tablet-auto:nth-last-child(1),.row .tablet-auto:nth-last-child(1)~.tablet-auto{--f7-cols-per-row:1}.row .tablet-auto:nth-last-child(2),.row .tablet-auto:nth-last-child(2)~.tablet-auto{--f7-cols-per-row:2}.row .tablet-auto:nth-last-child(3),.row .tablet-auto:nth-last-child(3)~.tablet-auto{--f7-cols-per-row:3}.row .tablet-auto:nth-last-child(4),.row .tablet-auto:nth-last-child(4)~.tablet-auto{--f7-cols-per-row:4}.row .tablet-auto:nth-last-child(5),.row .tablet-auto:nth-last-child(5)~.tablet-auto{--f7-cols-per-row:5}.row .tablet-auto:nth-last-child(6),.row .tablet-auto:nth-last-child(6)~.tablet-auto{--f7-cols-per-row:6}.row .tablet-auto:nth-last-child(7),.row .tablet-auto:nth-last-child(7)~.tablet-auto{--f7-cols-per-row:7}.row .tablet-auto:nth-last-child(8),.row .tablet-auto:nth-last-child(8)~.tablet-auto{--f7-cols-per-row:8}.row .tablet-auto:nth-last-child(9),.row .tablet-auto:nth-last-child(9)~.tablet-auto{--f7-cols-per-row:9}.row .tablet-auto:nth-last-child(10),.row .tablet-auto:nth-last-child(10)~.tablet-auto{--f7-cols-per-row:10}.row .tablet-auto:nth-last-child(11),.row .tablet-auto:nth-last-child(11)~.tablet-auto{--f7-cols-per-row:11}.row .tablet-auto:nth-last-child(12),.row .tablet-auto:nth-last-child(12)~.tablet-auto{--f7-cols-per-row:12}.row .tablet-auto:nth-last-child(13),.row .tablet-auto:nth-last-child(13)~.tablet-auto{--f7-cols-per-row:13}.row .tablet-auto:nth-last-child(14),.row .tablet-auto:nth-last-child(14)~.tablet-auto{--f7-cols-per-row:14}.row .tablet-auto:nth-last-child(15),.row .tablet-auto:nth-last-child(15)~.tablet-auto{--f7-cols-per-row:15}.row .tablet-auto:nth-last-child(16),.row .tablet-auto:nth-last-child(16)~.tablet-auto{--f7-cols-per-row:16}.row .tablet-auto:nth-last-child(17),.row .tablet-auto:nth-last-child(17)~.tablet-auto{--f7-cols-per-row:17}.row .tablet-auto:nth-last-child(18),.row .tablet-auto:nth-last-child(18)~.tablet-auto{--f7-cols-per-row:18}.row .tablet-auto:nth-last-child(19),.row .tablet-auto:nth-last-child(19)~.tablet-auto{--f7-cols-per-row:19}.row .tablet-auto:nth-last-child(20),.row .tablet-auto:nth-last-child(20)~.tablet-auto{--f7-cols-per-row:20}.row .tablet-auto:nth-last-child(21),.row .tablet-auto:nth-last-child(21)~.tablet-auto{--f7-cols-per-row:21}.row .tablet-auto:nth-last-child(22),.row .tablet-auto:nth-last-child(22)~.tablet-auto{--f7-cols-per-row:22}}@media (min-width:1025px){.row .desktop-5{--f7-cols-per-row:20}.row .desktop-10{--f7-cols-per-row:10}.row .desktop-15{--f7-cols-per-row:6.66666667}.row .desktop-20{--f7-cols-per-row:5}.row .desktop-25{--f7-cols-per-row:4}.row .desktop-30{--f7-cols-per-row:3.33333333}.row .desktop-33{--f7-cols-per-row:3}.row .desktop-35{--f7-cols-per-row:2.85714286}.row .desktop-40{--f7-cols-per-row:2.5}.row .desktop-45{--f7-cols-per-row:2.22222222}.row .desktop-50{--f7-cols-per-row:2}.row .desktop-55{--f7-cols-per-row:1.81818182}.row .desktop-60{--f7-cols-per-row:1.66666667}.row .desktop-65{--f7-cols-per-row:1.53846154}.row .desktop-66{--f7-cols-per-row:1.5}.row .desktop-70{--f7-cols-per-row:1.42857143}.row .desktop-75{--f7-cols-per-row:1.33333333}.row .desktop-80{--f7-cols-per-row:1.25}.row .desktop-85{--f7-cols-per-row:1.17647059}.row .desktop-90{--f7-cols-per-row:1.11111111}.row .desktop-95{--f7-cols-per-row:1.05263158}.row .desktop-100{--f7-cols-per-row:1}.row .desktop-auto:nth-last-child(1),.row .desktop-auto:nth-last-child(1)~.desktop-auto{--f7-cols-per-row:1}.row .desktop-auto:nth-last-child(2),.row .desktop-auto:nth-last-child(2)~.desktop-auto{--f7-cols-per-row:2}.row .desktop-auto:nth-last-child(3),.row .desktop-auto:nth-last-child(3)~.desktop-auto{--f7-cols-per-row:3}.row .desktop-auto:nth-last-child(4),.row .desktop-auto:nth-last-child(4)~.desktop-auto{--f7-cols-per-row:4}.row .desktop-auto:nth-last-child(5),.row .desktop-auto:nth-last-child(5)~.desktop-auto{--f7-cols-per-row:5}.row .desktop-auto:nth-last-child(6),.row .desktop-auto:nth-last-child(6)~.desktop-auto{--f7-cols-per-row:6}.row .desktop-auto:nth-last-child(7),.row .desktop-auto:nth-last-child(7)~.desktop-auto{--f7-cols-per-row:7}.row .desktop-auto:nth-last-child(8),.row .desktop-auto:nth-last-child(8)~.desktop-auto{--f7-cols-per-row:8}.row .desktop-auto:nth-last-child(9),.row .desktop-auto:nth-last-child(9)~.desktop-auto{--f7-cols-per-row:9}.row .desktop-auto:nth-last-child(10),.row .desktop-auto:nth-last-child(10)~.desktop-auto{--f7-cols-per-row:10}.row .desktop-auto:nth-last-child(11),.row .desktop-auto:nth-last-child(11)~.desktop-auto{--f7-cols-per-row:11}.row .desktop-auto:nth-last-child(12),.row .desktop-auto:nth-last-child(12)~.desktop-auto{--f7-cols-per-row:12}.row .desktop-auto:nth-last-child(13),.row .desktop-auto:nth-last-child(13)~.desktop-auto{--f7-cols-per-row:13}.row .desktop-auto:nth-last-child(14),.row .desktop-auto:nth-last-child(14)~.desktop-auto{--f7-cols-per-row:14}.row .desktop-auto:nth-last-child(15),.row .desktop-auto:nth-last-child(15)~.desktop-auto{--f7-cols-per-row:15}.row .desktop-auto:nth-last-child(16),.row .desktop-auto:nth-last-child(16)~.desktop-auto{--f7-cols-per-row:16}.row .desktop-auto:nth-last-child(17),.row .desktop-auto:nth-last-child(17)~.desktop-auto{--f7-cols-per-row:17}.row .desktop-auto:nth-last-child(18),.row .desktop-auto:nth-last-child(18)~.desktop-auto{--f7-cols-per-row:18}.row .desktop-auto:nth-last-child(19),.row .desktop-auto:nth-last-child(19)~.desktop-auto{--f7-cols-per-row:19}.row .desktop-auto:nth-last-child(20),.row .desktop-auto:nth-last-child(20)~.desktop-auto{--f7-cols-per-row:20}.row .desktop-auto:nth-last-child(21),.row .desktop-auto:nth-last-child(21)~.desktop-auto{--f7-cols-per-row:21}.row .desktop-auto:nth-last-child(22),.row .desktop-auto:nth-last-child(22)~.desktop-auto{--f7-cols-per-row:22}} \ No newline at end of file +:root{--f7-grid-gap:16px}.row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;--f7-cols-per-row:1}.row>.col,.row>[class*=col-]{box-sizing:border-box;width:calc((100% - var(--f7-grid-gap) * (var(--f7-cols-per-row) - 1))/ var(--f7-cols-per-row))}.row.no-gap{--f7-grid-gap:0px}.row .col-5{--f7-cols-per-row:20}.row .col-10{--f7-cols-per-row:10}.row .col-15{--f7-cols-per-row:6.66666667}.row .col-20{--f7-cols-per-row:5}.row .col-25{--f7-cols-per-row:4}.row .col-30{--f7-cols-per-row:3.33333333}.row .col-33{--f7-cols-per-row:3}.row .col-35{--f7-cols-per-row:2.85714286}.row .col-40{--f7-cols-per-row:2.5}.row .col-45{--f7-cols-per-row:2.22222222}.row .col-50{--f7-cols-per-row:2}.row .col-55{--f7-cols-per-row:1.81818182}.row .col-60{--f7-cols-per-row:1.66666667}.row .col-65{--f7-cols-per-row:1.53846154}.row .col-66{--f7-cols-per-row:1.5}.row .col-70{--f7-cols-per-row:1.42857143}.row .col-75{--f7-cols-per-row:1.33333333}.row .col-80{--f7-cols-per-row:1.25}.row .col-85{--f7-cols-per-row:1.17647059}.row .col-90{--f7-cols-per-row:1.11111111}.row .col-95{--f7-cols-per-row:1.05263158}.row .col-100{--f7-cols-per-row:1}.row .col:nth-last-child(1),.row .col:nth-last-child(1)~.col{--f7-cols-per-row:1}.row .col:nth-last-child(2),.row .col:nth-last-child(2)~.col{--f7-cols-per-row:2}.row .col:nth-last-child(3),.row .col:nth-last-child(3)~.col{--f7-cols-per-row:3}.row .col:nth-last-child(4),.row .col:nth-last-child(4)~.col{--f7-cols-per-row:4}.row .col:nth-last-child(5),.row .col:nth-last-child(5)~.col{--f7-cols-per-row:5}.row .col:nth-last-child(6),.row .col:nth-last-child(6)~.col{--f7-cols-per-row:6}.row .col:nth-last-child(7),.row .col:nth-last-child(7)~.col{--f7-cols-per-row:7}.row .col:nth-last-child(8),.row .col:nth-last-child(8)~.col{--f7-cols-per-row:8}.row .col:nth-last-child(9),.row .col:nth-last-child(9)~.col{--f7-cols-per-row:9}.row .col:nth-last-child(10),.row .col:nth-last-child(10)~.col{--f7-cols-per-row:10}.row .col:nth-last-child(11),.row .col:nth-last-child(11)~.col{--f7-cols-per-row:11}.row .col:nth-last-child(12),.row .col:nth-last-child(12)~.col{--f7-cols-per-row:12}.row .col:nth-last-child(13),.row .col:nth-last-child(13)~.col{--f7-cols-per-row:13}.row .col:nth-last-child(14),.row .col:nth-last-child(14)~.col{--f7-cols-per-row:14}.row .col:nth-last-child(15),.row .col:nth-last-child(15)~.col{--f7-cols-per-row:15}.row .col:nth-last-child(16),.row .col:nth-last-child(16)~.col{--f7-cols-per-row:16}.row .col:nth-last-child(17),.row .col:nth-last-child(17)~.col{--f7-cols-per-row:17}.row .col:nth-last-child(18),.row .col:nth-last-child(18)~.col{--f7-cols-per-row:18}.row .col:nth-last-child(19),.row .col:nth-last-child(19)~.col{--f7-cols-per-row:19}.row .col:nth-last-child(20),.row .col:nth-last-child(20)~.col{--f7-cols-per-row:20}.row .col:nth-last-child(21),.row .col:nth-last-child(21)~.col{--f7-cols-per-row:21}.row .col:nth-last-child(22),.row .col:nth-last-child(22)~.col{--f7-cols-per-row:22}@media (min-width:768px){.row .tablet-5{--f7-cols-per-row:20}.row .tablet-10{--f7-cols-per-row:10}.row .tablet-15{--f7-cols-per-row:6.66666667}.row .tablet-20{--f7-cols-per-row:5}.row .tablet-25{--f7-cols-per-row:4}.row .tablet-30{--f7-cols-per-row:3.33333333}.row .tablet-33{--f7-cols-per-row:3}.row .tablet-35{--f7-cols-per-row:2.85714286}.row .tablet-40{--f7-cols-per-row:2.5}.row .tablet-45{--f7-cols-per-row:2.22222222}.row .tablet-50{--f7-cols-per-row:2}.row .tablet-55{--f7-cols-per-row:1.81818182}.row .tablet-60{--f7-cols-per-row:1.66666667}.row .tablet-65{--f7-cols-per-row:1.53846154}.row .tablet-66{--f7-cols-per-row:1.5}.row .tablet-70{--f7-cols-per-row:1.42857143}.row .tablet-75{--f7-cols-per-row:1.33333333}.row .tablet-80{--f7-cols-per-row:1.25}.row .tablet-85{--f7-cols-per-row:1.17647059}.row .tablet-90{--f7-cols-per-row:1.11111111}.row .tablet-95{--f7-cols-per-row:1.05263158}.row .tablet-100{--f7-cols-per-row:1}.row .tablet-auto:nth-last-child(1),.row .tablet-auto:nth-last-child(1)~.tablet-auto{--f7-cols-per-row:1}.row .tablet-auto:nth-last-child(2),.row .tablet-auto:nth-last-child(2)~.tablet-auto{--f7-cols-per-row:2}.row .tablet-auto:nth-last-child(3),.row .tablet-auto:nth-last-child(3)~.tablet-auto{--f7-cols-per-row:3}.row .tablet-auto:nth-last-child(4),.row .tablet-auto:nth-last-child(4)~.tablet-auto{--f7-cols-per-row:4}.row .tablet-auto:nth-last-child(5),.row .tablet-auto:nth-last-child(5)~.tablet-auto{--f7-cols-per-row:5}.row .tablet-auto:nth-last-child(6),.row .tablet-auto:nth-last-child(6)~.tablet-auto{--f7-cols-per-row:6}.row .tablet-auto:nth-last-child(7),.row .tablet-auto:nth-last-child(7)~.tablet-auto{--f7-cols-per-row:7}.row .tablet-auto:nth-last-child(8),.row .tablet-auto:nth-last-child(8)~.tablet-auto{--f7-cols-per-row:8}.row .tablet-auto:nth-last-child(9),.row .tablet-auto:nth-last-child(9)~.tablet-auto{--f7-cols-per-row:9}.row .tablet-auto:nth-last-child(10),.row .tablet-auto:nth-last-child(10)~.tablet-auto{--f7-cols-per-row:10}.row .tablet-auto:nth-last-child(11),.row .tablet-auto:nth-last-child(11)~.tablet-auto{--f7-cols-per-row:11}.row .tablet-auto:nth-last-child(12),.row .tablet-auto:nth-last-child(12)~.tablet-auto{--f7-cols-per-row:12}.row .tablet-auto:nth-last-child(13),.row .tablet-auto:nth-last-child(13)~.tablet-auto{--f7-cols-per-row:13}.row .tablet-auto:nth-last-child(14),.row .tablet-auto:nth-last-child(14)~.tablet-auto{--f7-cols-per-row:14}.row .tablet-auto:nth-last-child(15),.row .tablet-auto:nth-last-child(15)~.tablet-auto{--f7-cols-per-row:15}.row .tablet-auto:nth-last-child(16),.row .tablet-auto:nth-last-child(16)~.tablet-auto{--f7-cols-per-row:16}.row .tablet-auto:nth-last-child(17),.row .tablet-auto:nth-last-child(17)~.tablet-auto{--f7-cols-per-row:17}.row .tablet-auto:nth-last-child(18),.row .tablet-auto:nth-last-child(18)~.tablet-auto{--f7-cols-per-row:18}.row .tablet-auto:nth-last-child(19),.row .tablet-auto:nth-last-child(19)~.tablet-auto{--f7-cols-per-row:19}.row .tablet-auto:nth-last-child(20),.row .tablet-auto:nth-last-child(20)~.tablet-auto{--f7-cols-per-row:20}.row .tablet-auto:nth-last-child(21),.row .tablet-auto:nth-last-child(21)~.tablet-auto{--f7-cols-per-row:21}.row .tablet-auto:nth-last-child(22),.row .tablet-auto:nth-last-child(22)~.tablet-auto{--f7-cols-per-row:22}}@media (min-width:1025px){.row .desktop-5{--f7-cols-per-row:20}.row .desktop-10{--f7-cols-per-row:10}.row .desktop-15{--f7-cols-per-row:6.66666667}.row .desktop-20{--f7-cols-per-row:5}.row .desktop-25{--f7-cols-per-row:4}.row .desktop-30{--f7-cols-per-row:3.33333333}.row .desktop-33{--f7-cols-per-row:3}.row .desktop-35{--f7-cols-per-row:2.85714286}.row .desktop-40{--f7-cols-per-row:2.5}.row .desktop-45{--f7-cols-per-row:2.22222222}.row .desktop-50{--f7-cols-per-row:2}.row .desktop-55{--f7-cols-per-row:1.81818182}.row .desktop-60{--f7-cols-per-row:1.66666667}.row .desktop-65{--f7-cols-per-row:1.53846154}.row .desktop-66{--f7-cols-per-row:1.5}.row .desktop-70{--f7-cols-per-row:1.42857143}.row .desktop-75{--f7-cols-per-row:1.33333333}.row .desktop-80{--f7-cols-per-row:1.25}.row .desktop-85{--f7-cols-per-row:1.17647059}.row .desktop-90{--f7-cols-per-row:1.11111111}.row .desktop-95{--f7-cols-per-row:1.05263158}.row .desktop-100{--f7-cols-per-row:1}.row .desktop-auto:nth-last-child(1),.row .desktop-auto:nth-last-child(1)~.desktop-auto{--f7-cols-per-row:1}.row .desktop-auto:nth-last-child(2),.row .desktop-auto:nth-last-child(2)~.desktop-auto{--f7-cols-per-row:2}.row .desktop-auto:nth-last-child(3),.row .desktop-auto:nth-last-child(3)~.desktop-auto{--f7-cols-per-row:3}.row .desktop-auto:nth-last-child(4),.row .desktop-auto:nth-last-child(4)~.desktop-auto{--f7-cols-per-row:4}.row .desktop-auto:nth-last-child(5),.row .desktop-auto:nth-last-child(5)~.desktop-auto{--f7-cols-per-row:5}.row .desktop-auto:nth-last-child(6),.row .desktop-auto:nth-last-child(6)~.desktop-auto{--f7-cols-per-row:6}.row .desktop-auto:nth-last-child(7),.row .desktop-auto:nth-last-child(7)~.desktop-auto{--f7-cols-per-row:7}.row .desktop-auto:nth-last-child(8),.row .desktop-auto:nth-last-child(8)~.desktop-auto{--f7-cols-per-row:8}.row .desktop-auto:nth-last-child(9),.row .desktop-auto:nth-last-child(9)~.desktop-auto{--f7-cols-per-row:9}.row .desktop-auto:nth-last-child(10),.row .desktop-auto:nth-last-child(10)~.desktop-auto{--f7-cols-per-row:10}.row .desktop-auto:nth-last-child(11),.row .desktop-auto:nth-last-child(11)~.desktop-auto{--f7-cols-per-row:11}.row .desktop-auto:nth-last-child(12),.row .desktop-auto:nth-last-child(12)~.desktop-auto{--f7-cols-per-row:12}.row .desktop-auto:nth-last-child(13),.row .desktop-auto:nth-last-child(13)~.desktop-auto{--f7-cols-per-row:13}.row .desktop-auto:nth-last-child(14),.row .desktop-auto:nth-last-child(14)~.desktop-auto{--f7-cols-per-row:14}.row .desktop-auto:nth-last-child(15),.row .desktop-auto:nth-last-child(15)~.desktop-auto{--f7-cols-per-row:15}.row .desktop-auto:nth-last-child(16),.row .desktop-auto:nth-last-child(16)~.desktop-auto{--f7-cols-per-row:16}.row .desktop-auto:nth-last-child(17),.row .desktop-auto:nth-last-child(17)~.desktop-auto{--f7-cols-per-row:17}.row .desktop-auto:nth-last-child(18),.row .desktop-auto:nth-last-child(18)~.desktop-auto{--f7-cols-per-row:18}.row .desktop-auto:nth-last-child(19),.row .desktop-auto:nth-last-child(19)~.desktop-auto{--f7-cols-per-row:19}.row .desktop-auto:nth-last-child(20),.row .desktop-auto:nth-last-child(20)~.desktop-auto{--f7-cols-per-row:20}.row .desktop-auto:nth-last-child(21),.row .desktop-auto:nth-last-child(21)~.desktop-auto{--f7-cols-per-row:21}.row .desktop-auto:nth-last-child(22),.row .desktop-auto:nth-last-child(22)~.desktop-auto{--f7-cols-per-row:22}} \ No newline at end of file diff --git a/packages/core/components/grid/grid-vars.less b/packages/core/components/grid/grid-vars.less index 3c847003ac..6cea4a8529 100644 --- a/packages/core/components/grid/grid-vars.less +++ b/packages/core/components/grid/grid-vars.less @@ -1,9 +1,3 @@ -.ios-vars({ - --f7-grid-gap: 15px; -}); -.md-vars({ +:root { --f7-grid-gap: 16px; -}); -.aurora-vars({ - --f7-grid-gap: 15px; -}); \ No newline at end of file +} \ No newline at end of file diff --git a/packages/core/components/list-index.css b/packages/core/components/list-index.css index 474bc46f36..b6717dd67d 100644 --- a/packages/core/components/list-index.css +++ b/packages/core/components/list-index.css @@ -1 +1 @@ -:root{--f7-list-index-width:16px;--f7-list-index-font-size:11px;--f7-list-index-font-weight:600;--f7-list-index-item-height:14px;--f7-list-index-label-text-color:#fff;--f7-list-index-label-font-weight:500}.ios{--f7-list-index-label-size:44px;--f7-list-index-label-font-size:17px;--f7-list-index-skip-dot-size:6px}.md{--f7-list-index-label-size:56px;--f7-list-index-label-font-size:20px;--f7-list-index-skip-dot-size:4px}.aurora{--f7-list-index-font-size:12px;--f7-list-index-label-size:32px;--f7-list-index-label-font-size:12px;--f7-list-index-label-font-weight:600;--f7-list-index-skip-dot-size:4px}.list-index{position:absolute;top:0;bottom:0;text-align:center;z-index:10;width:var(--f7-list-index-width);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;right:var(--f7-safe-area-right)}.list-index:before{content:'';position:absolute;width:20px;top:0;right:100%;height:100%}.list-index ul{color:var(--f7-list-index-text-color,var(--f7-theme-color));font-size:var(--f7-list-index-font-size);font-weight:var(--f7-list-index-font-weight);list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;height:100%;width:100%;position:relative}.list-index li{margin:0;padding:0;list-style:none;position:relative;height:var(--f7-list-index-item-height);line-height:var(--f7-list-index-item-height);flex-shrink:0;display:block;width:100%}.list-index .list-index-skip-placeholder:after{content:'';position:absolute;left:50%;top:50%;border-radius:50%;width:var(--f7-list-index-skip-dot-size);height:var(--f7-list-index-skip-dot-size);margin-left:calc(-1 * var(--f7-list-index-skip-dot-size)/ 2);margin-top:calc(-1 * var(--f7-list-index-skip-dot-size)/ 2);background:var(--f7-list-index-text-color,var(--f7-theme-color))}.list-index .list-index-label{position:absolute;bottom:0;right:100%;text-align:center;background-color:var(--f7-list-index-label-bg-color,var(--f7-theme-color));color:var(--f7-list-index-label-text-color);width:var(--f7-list-index-label-size);height:var(--f7-list-index-label-size);line-height:var(--f7-list-index-label-size);font-size:var(--f7-list-index-label-font-size);font-weight:var(--f7-list-index-label-font-weight)}.navbar~.list-index,.navbar~.page>.list-index{top:var(--f7-navbar-height)}.ios .navbar~.toolbar-top-ios~.list-index,.md .navbar~.toolbar-top-md~.list-index,.navbar~.toolbar-top~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height))}.ios .navbar~.toolbar-top-ios.tabbar-labels~.list-index,.md .navbar~.toolbar-top-md.tabbar-labels~.list-index,.navbar~.toolbar-top.tabbar-labels~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height))}.navbar~.subnavbar~.list-index,.page-with-subnavbar .navbar~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height))}.ios .toolbar-bottom-ios~* .page>.list-index,.ios .toolbar-bottom-ios~.list-index,.ios .toolbar-bottom-ios~.page>.list-index,.md .toolbar-bottom-md~* .page>.list-index,.md .toolbar-bottom-md~.list-index,.md .toolbar-bottom-md~.page>.list-index,.toolbar-bottom~* .page>.list-index,.toolbar-bottom~.list-index,.toolbar-bottom~.page>.list-index{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios.tabbar-labels~* .page>.list-index,.ios .toolbar-bottom-ios.tabbar-labels~.list-index,.ios .toolbar-bottom-ios.tabbar-labels~.page>.list-index,.md .toolbar-bottom-md.tabbar-labels~* .page>.list-index,.md .toolbar-bottom-md.tabbar-labels~.list-index,.md .toolbar-bottom-md.tabbar-labels~.page>.list-index,.toolbar-bottom.tabbar-labels~* .page>.list-index,.toolbar-bottom.tabbar-labels~.list-index,.toolbar-bottom.tabbar-labels~.page>.list-index{bottom:calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom))}.ios .list-index .list-index-label{margin-bottom:calc(-1 * var(--f7-list-index-label-size)/ 2);margin-right:calc(var(--f7-list-index-width) - 1px);border-radius:50%}.ios .list-index .list-index-label:before{position:absolute;width:100%;height:100%;border-radius:50% 0% 50% 50%;content:'';background-color:inherit;left:0;top:0;transform:rotate(45deg);z-index:-1}.md .list-index .list-index-label{border-radius:50% 50% 0 50%}.aurora .list-index .list-index-label{margin-bottom:calc(-1 * var(--f7-list-index-label-size)/ 2);margin-right:calc(var(--f7-list-index-width) - 1px);border-radius:50%}.aurora .list-index .list-index-label:before{position:absolute;width:100%;height:100%;border-radius:50% 1px 50% 50%;content:'';background-color:inherit;left:0;top:0;transform:rotate(45deg);z-index:-1} \ No newline at end of file +:root{--f7-list-index-width:16px;--f7-list-index-font-size:11px;--f7-list-index-font-weight:600;--f7-list-index-item-height:14px;--f7-list-index-label-text-color:#fff;--f7-list-index-label-font-weight:500}.ios{--f7-list-index-label-size:44px;--f7-list-index-label-font-size:17px;--f7-list-index-skip-dot-size:6px}.md{--f7-list-index-label-size:56px;--f7-list-index-label-font-size:20px;--f7-list-index-skip-dot-size:4px}.aurora{--f7-list-index-font-size:12px;--f7-list-index-label-size:32px;--f7-list-index-label-font-size:12px;--f7-list-index-label-font-weight:600;--f7-list-index-skip-dot-size:4px}.list-index{position:absolute;top:0;bottom:0;text-align:center;z-index:10;width:var(--f7-list-index-width);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;right:var(--f7-safe-area-right)}.list-index:before{content:'';position:absolute;width:20px;top:0;right:100%;height:100%}.list-index ul{color:var(--f7-list-index-text-color,var(--f7-theme-color));font-size:var(--f7-list-index-font-size);font-weight:var(--f7-list-index-font-weight);list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;height:100%;width:100%;position:relative}.list-index li{margin:0;padding:0;list-style:none;position:relative;height:var(--f7-list-index-item-height);line-height:var(--f7-list-index-item-height);flex-shrink:0;display:block;width:100%}.list-index .list-index-skip-placeholder:after{content:'';position:absolute;left:50%;top:50%;border-radius:50%;width:var(--f7-list-index-skip-dot-size);height:var(--f7-list-index-skip-dot-size);margin-left:calc(-1 * var(--f7-list-index-skip-dot-size)/ 2);margin-top:calc(-1 * var(--f7-list-index-skip-dot-size)/ 2);background:var(--f7-list-index-text-color,var(--f7-theme-color))}.list-index .list-index-label{position:absolute;bottom:0;right:100%;text-align:center;background-color:var(--f7-list-index-label-bg-color,var(--f7-theme-color));color:var(--f7-list-index-label-text-color);width:var(--f7-list-index-label-size);height:var(--f7-list-index-label-size);line-height:var(--f7-list-index-label-size);font-size:var(--f7-list-index-label-font-size);font-weight:var(--f7-list-index-label-font-weight)}.navbars~.page>.list-index,.navbar~.list-index,.navbar~.page>.list-index{top:var(--f7-navbar-height)}.ios .navbars~.toolbar-top-ios .md .navbar~.toolbar-top-md~.list-index,.ios .navbar~.toolbar-top-ios~.list-index,.navbars~.toolbar-top~.list-index,.navbar~.toolbar-top~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height))}.ios .navbars~.toolbar-top-ios .md .navbar~.toolbar-top-md.tabbar-labels~.list-index,.ios .navbar~.toolbar-top-ios.tabbar-labels~.list-index,.navbars~.toolbar-top.tabbar-labels~.list-index,.navbar~.toolbar-top.tabbar-labels~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height))}.navbars~.subnavbar~.list-index,.navbar~.subnavbar~.list-index,.page-with-subnavbar .navbar~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height))}.ios .toolbar-bottom-ios~* .page>.list-index,.ios .toolbar-bottom-ios~.list-index,.ios .toolbar-bottom-ios~.page>.list-index,.md .toolbar-bottom-md~* .page>.list-index,.md .toolbar-bottom-md~.list-index,.md .toolbar-bottom-md~.page>.list-index,.toolbar-bottom~* .page>.list-index,.toolbar-bottom~.list-index,.toolbar-bottom~.page>.list-index{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios.tabbar-labels~* .page>.list-index,.ios .toolbar-bottom-ios.tabbar-labels~.list-index,.ios .toolbar-bottom-ios.tabbar-labels~.page>.list-index,.md .toolbar-bottom-md.tabbar-labels~* .page>.list-index,.md .toolbar-bottom-md.tabbar-labels~.list-index,.md .toolbar-bottom-md.tabbar-labels~.page>.list-index,.toolbar-bottom.tabbar-labels~* .page>.list-index,.toolbar-bottom.tabbar-labels~.list-index,.toolbar-bottom.tabbar-labels~.page>.list-index{bottom:calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom))}.ios .list-index .list-index-label{margin-bottom:calc(-1 * var(--f7-list-index-label-size)/ 2);margin-right:calc(var(--f7-list-index-width) - 1px);border-radius:50%}.ios .list-index .list-index-label:before{position:absolute;width:100%;height:100%;border-radius:50% 0% 50% 50%;content:'';background-color:inherit;left:0;top:0;transform:rotate(45deg);z-index:-1}.md .list-index .list-index-label{border-radius:50% 50% 0 50%}.aurora .list-index .list-index-label{margin-bottom:calc(-1 * var(--f7-list-index-label-size)/ 2);margin-right:calc(var(--f7-list-index-width) - 1px);border-radius:50%}.aurora .list-index .list-index-label:before{position:absolute;width:100%;height:100%;border-radius:50% 1px 50% 50%;content:'';background-color:inherit;left:0;top:0;transform:rotate(45deg);z-index:-1} \ No newline at end of file diff --git a/packages/core/components/list-index.rtl.css b/packages/core/components/list-index.rtl.css index e6f88c57ed..3e615976b5 100644 --- a/packages/core/components/list-index.rtl.css +++ b/packages/core/components/list-index.rtl.css @@ -1 +1 @@ -:root{--f7-list-index-width:16px;--f7-list-index-font-size:11px;--f7-list-index-font-weight:600;--f7-list-index-item-height:14px;--f7-list-index-label-text-color:#fff;--f7-list-index-label-font-weight:500}.ios{--f7-list-index-label-size:44px;--f7-list-index-label-font-size:17px;--f7-list-index-skip-dot-size:6px}.md{--f7-list-index-label-size:56px;--f7-list-index-label-font-size:20px;--f7-list-index-skip-dot-size:4px}.aurora{--f7-list-index-font-size:12px;--f7-list-index-label-size:32px;--f7-list-index-label-font-size:12px;--f7-list-index-label-font-weight:600;--f7-list-index-skip-dot-size:4px}.list-index{position:absolute;top:0;bottom:0;text-align:center;z-index:10;width:var(--f7-list-index-width);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;left:var(--f7-safe-area-left)}.list-index:before{content:'';position:absolute;width:20px;top:0;right:100%;height:100%}.list-index ul{color:var(--f7-list-index-text-color,var(--f7-theme-color));font-size:var(--f7-list-index-font-size);font-weight:var(--f7-list-index-font-weight);list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;height:100%;width:100%;position:relative}.list-index li{margin:0;padding:0;list-style:none;position:relative;height:var(--f7-list-index-item-height);line-height:var(--f7-list-index-item-height);flex-shrink:0;display:block;width:100%}.list-index .list-index-skip-placeholder:after{content:'';position:absolute;left:50%;top:50%;border-radius:50%;width:var(--f7-list-index-skip-dot-size);height:var(--f7-list-index-skip-dot-size);margin-left:calc(-1 * var(--f7-list-index-skip-dot-size)/ 2);margin-top:calc(-1 * var(--f7-list-index-skip-dot-size)/ 2);background:var(--f7-list-index-text-color,var(--f7-theme-color))}.list-index .list-index-label{position:absolute;bottom:0;right:100%;text-align:center;background-color:var(--f7-list-index-label-bg-color,var(--f7-theme-color));color:var(--f7-list-index-label-text-color);width:var(--f7-list-index-label-size);height:var(--f7-list-index-label-size);line-height:var(--f7-list-index-label-size);font-size:var(--f7-list-index-label-font-size);font-weight:var(--f7-list-index-label-font-weight)}.navbar~.list-index,.navbar~.page>.list-index{top:var(--f7-navbar-height)}.ios .navbar~.toolbar-top-ios~.list-index,.md .navbar~.toolbar-top-md~.list-index,.navbar~.toolbar-top~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height))}.ios .navbar~.toolbar-top-ios.tabbar-labels~.list-index,.md .navbar~.toolbar-top-md.tabbar-labels~.list-index,.navbar~.toolbar-top.tabbar-labels~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height))}.navbar~.subnavbar~.list-index,.page-with-subnavbar .navbar~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height))}.ios .toolbar-bottom-ios~* .page>.list-index,.ios .toolbar-bottom-ios~.list-index,.ios .toolbar-bottom-ios~.page>.list-index,.md .toolbar-bottom-md~* .page>.list-index,.md .toolbar-bottom-md~.list-index,.md .toolbar-bottom-md~.page>.list-index,.toolbar-bottom~* .page>.list-index,.toolbar-bottom~.list-index,.toolbar-bottom~.page>.list-index{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios.tabbar-labels~* .page>.list-index,.ios .toolbar-bottom-ios.tabbar-labels~.list-index,.ios .toolbar-bottom-ios.tabbar-labels~.page>.list-index,.md .toolbar-bottom-md.tabbar-labels~* .page>.list-index,.md .toolbar-bottom-md.tabbar-labels~.list-index,.md .toolbar-bottom-md.tabbar-labels~.page>.list-index,.toolbar-bottom.tabbar-labels~* .page>.list-index,.toolbar-bottom.tabbar-labels~.list-index,.toolbar-bottom.tabbar-labels~.page>.list-index{bottom:calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom))}.ios .list-index .list-index-label{margin-bottom:calc(-1 * var(--f7-list-index-label-size)/ 2);margin-right:calc(var(--f7-list-index-width) - 1px);border-radius:50%}.ios .list-index .list-index-label:before{position:absolute;width:100%;height:100%;border-radius:50% 0% 50% 50%;content:'';background-color:inherit;left:0;top:0;transform:rotate(45deg);z-index:-1}.md .list-index .list-index-label{border-radius:50% 50% 0 50%}.aurora .list-index .list-index-label{margin-bottom:calc(-1 * var(--f7-list-index-label-size)/ 2);margin-right:calc(var(--f7-list-index-width) - 1px);border-radius:50%}.aurora .list-index .list-index-label:before{position:absolute;width:100%;height:100%;border-radius:50% 1px 50% 50%;content:'';background-color:inherit;left:0;top:0;transform:rotate(45deg);z-index:-1} \ No newline at end of file +:root{--f7-list-index-width:16px;--f7-list-index-font-size:11px;--f7-list-index-font-weight:600;--f7-list-index-item-height:14px;--f7-list-index-label-text-color:#fff;--f7-list-index-label-font-weight:500}.ios{--f7-list-index-label-size:44px;--f7-list-index-label-font-size:17px;--f7-list-index-skip-dot-size:6px}.md{--f7-list-index-label-size:56px;--f7-list-index-label-font-size:20px;--f7-list-index-skip-dot-size:4px}.aurora{--f7-list-index-font-size:12px;--f7-list-index-label-size:32px;--f7-list-index-label-font-size:12px;--f7-list-index-label-font-weight:600;--f7-list-index-skip-dot-size:4px}.list-index{position:absolute;top:0;bottom:0;text-align:center;z-index:10;width:var(--f7-list-index-width);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;left:var(--f7-safe-area-left)}.list-index:before{content:'';position:absolute;width:20px;top:0;right:100%;height:100%}.list-index ul{color:var(--f7-list-index-text-color,var(--f7-theme-color));font-size:var(--f7-list-index-font-size);font-weight:var(--f7-list-index-font-weight);list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;height:100%;width:100%;position:relative}.list-index li{margin:0;padding:0;list-style:none;position:relative;height:var(--f7-list-index-item-height);line-height:var(--f7-list-index-item-height);flex-shrink:0;display:block;width:100%}.list-index .list-index-skip-placeholder:after{content:'';position:absolute;left:50%;top:50%;border-radius:50%;width:var(--f7-list-index-skip-dot-size);height:var(--f7-list-index-skip-dot-size);margin-left:calc(-1 * var(--f7-list-index-skip-dot-size)/ 2);margin-top:calc(-1 * var(--f7-list-index-skip-dot-size)/ 2);background:var(--f7-list-index-text-color,var(--f7-theme-color))}.list-index .list-index-label{position:absolute;bottom:0;right:100%;text-align:center;background-color:var(--f7-list-index-label-bg-color,var(--f7-theme-color));color:var(--f7-list-index-label-text-color);width:var(--f7-list-index-label-size);height:var(--f7-list-index-label-size);line-height:var(--f7-list-index-label-size);font-size:var(--f7-list-index-label-font-size);font-weight:var(--f7-list-index-label-font-weight)}.navbars~.page>.list-index,.navbar~.list-index,.navbar~.page>.list-index{top:var(--f7-navbar-height)}.ios .navbars~.toolbar-top-ios .md .navbar~.toolbar-top-md~.list-index,.ios .navbar~.toolbar-top-ios~.list-index,.navbars~.toolbar-top~.list-index,.navbar~.toolbar-top~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height))}.ios .navbars~.toolbar-top-ios .md .navbar~.toolbar-top-md.tabbar-labels~.list-index,.ios .navbar~.toolbar-top-ios.tabbar-labels~.list-index,.navbars~.toolbar-top.tabbar-labels~.list-index,.navbar~.toolbar-top.tabbar-labels~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height))}.navbars~.subnavbar~.list-index,.navbar~.subnavbar~.list-index,.page-with-subnavbar .navbar~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height))}.ios .toolbar-bottom-ios~* .page>.list-index,.ios .toolbar-bottom-ios~.list-index,.ios .toolbar-bottom-ios~.page>.list-index,.md .toolbar-bottom-md~* .page>.list-index,.md .toolbar-bottom-md~.list-index,.md .toolbar-bottom-md~.page>.list-index,.toolbar-bottom~* .page>.list-index,.toolbar-bottom~.list-index,.toolbar-bottom~.page>.list-index{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios.tabbar-labels~* .page>.list-index,.ios .toolbar-bottom-ios.tabbar-labels~.list-index,.ios .toolbar-bottom-ios.tabbar-labels~.page>.list-index,.md .toolbar-bottom-md.tabbar-labels~* .page>.list-index,.md .toolbar-bottom-md.tabbar-labels~.list-index,.md .toolbar-bottom-md.tabbar-labels~.page>.list-index,.toolbar-bottom.tabbar-labels~* .page>.list-index,.toolbar-bottom.tabbar-labels~.list-index,.toolbar-bottom.tabbar-labels~.page>.list-index{bottom:calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom))}.ios .list-index .list-index-label{margin-bottom:calc(-1 * var(--f7-list-index-label-size)/ 2);margin-right:calc(var(--f7-list-index-width) - 1px);border-radius:50%}.ios .list-index .list-index-label:before{position:absolute;width:100%;height:100%;border-radius:50% 0% 50% 50%;content:'';background-color:inherit;left:0;top:0;transform:rotate(45deg);z-index:-1}.md .list-index .list-index-label{border-radius:50% 50% 0 50%}.aurora .list-index .list-index-label{margin-bottom:calc(-1 * var(--f7-list-index-label-size)/ 2);margin-right:calc(var(--f7-list-index-width) - 1px);border-radius:50%}.aurora .list-index .list-index-label:before{position:absolute;width:100%;height:100%;border-radius:50% 1px 50% 50%;content:'';background-color:inherit;left:0;top:0;transform:rotate(45deg);z-index:-1} \ No newline at end of file diff --git a/packages/core/components/list-index/list-index.less b/packages/core/components/list-index/list-index.less index 63be3a8713..aeeaa91e6d 100644 --- a/packages/core/components/list-index/list-index.less +++ b/packages/core/components/list-index/list-index.less @@ -80,12 +80,15 @@ } } .navbar ~ .page > .list-index, +.navbars ~ .page > .list-index, .navbar ~ .list-index { top: var(--f7-navbar-height); } .navbar ~ .toolbar-top, +.navbars ~ .toolbar-top, .ios .navbar ~ .toolbar-top-ios, +.ios .navbars ~ .toolbar-top-ios .md .navbar ~ .toolbar-top-md { ~ .list-index { top: calc(var(--f7-navbar-height) + var(--f7-toolbar-height)); @@ -98,6 +101,7 @@ } .navbar ~ .subnavbar ~ .list-index, +.navbars ~ .subnavbar ~ .list-index, .page-with-subnavbar .navbar ~ .list-index { top: calc(var(--f7-navbar-height) + var(--f7-subnavbar-height)); } diff --git a/packages/core/components/list/list-vars.less b/packages/core/components/list/list-vars.less index b43a718277..6a4f5749a1 100644 --- a/packages/core/components/list/list-vars.less +++ b/packages/core/components/list/list-vars.less @@ -1,4 +1,8 @@ :root { + --f7-list-inset-side-margin: 16px; + --f7-list-item-cell-margin: 16px; + --f7-list-item-padding-horizontal: 16px; + --f7-list-media-item-padding-horizontal: 16px; --f7-list-bg-color: #fff; --f7-list-item-text-max-lines: 2; --f7-list-chevron-icon-color: rgba(0, 0, 0, 0.2); @@ -44,7 +48,6 @@ } .ios-vars({ --f7-list-in-list-padding-left: 30px; - --f7-list-inset-side-margin: 15px; --f7-list-inset-border-radius: 7px; --f7-list-margin-vertical: 35px; --f7-list-font-size: 17px; @@ -67,13 +70,10 @@ --f7-list-item-footer-text-color: rgba(0,0,0,0.45); --f7-list-item-min-height: 44px; - --f7-list-item-media-margin: 15px; + --f7-list-item-media-margin: 16px; --f7-list-item-media-icons-margin: 5px; - --f7-list-item-cell-margin: 15px; --f7-list-item-padding-vertical: 8px; - --f7-list-item-padding-horizontal: 15px; --f7-list-media-item-padding-vertical: 10px; - --f7-list-media-item-padding-horizontal: 15px; --f7-list-media-item-title-font-weight: 600; /* --f7-list-button-text-color: var(--f7-theme-color); @@ -107,7 +107,6 @@ }); .md-vars({ --f7-list-in-list-padding-left: 40px; - --f7-list-inset-side-margin: 16px; --f7-list-inset-border-radius: 4px; --f7-list-margin-vertical: 32px; --f7-list-font-size: 16px; @@ -132,11 +131,8 @@ --f7-list-item-min-height: 48px; --f7-list-item-media-margin: 16px; --f7-list-item-media-icons-margin: 8px; - --f7-list-item-cell-margin: 16px; --f7-list-item-padding-vertical: 8px; - --f7-list-item-padding-horizontal: 16px; --f7-list-media-item-padding-vertical: 14px; - --f7-list-media-item-padding-horizontal: 16px; /* --f7-list-media-item-title-font-weight: var(--f7-list-item-title-font-weight); */ @@ -171,8 +167,7 @@ } }); .aurora-vars({ - --f7-list-in-list-padding-left: 15px; - --f7-list-inset-side-margin: 15px; + --f7-list-in-list-padding-left: 16px; --f7-list-inset-border-radius: 4px; --f7-list-margin-vertical: 15px; --f7-list-font-size: 14px; @@ -201,11 +196,8 @@ --f7-list-item-min-height: 32px; --f7-list-item-media-margin: 10px; --f7-list-item-media-icons-margin: 5px; - --f7-list-item-cell-margin: 15px; --f7-list-item-padding-vertical: 5px; - --f7-list-item-padding-horizontal: 15px; --f7-list-media-item-padding-vertical: 5px; - --f7-list-media-item-padding-horizontal: 15px; --f7-list-media-item-title-font-weight: 600; /* --f7-list-button-text-color: var(--f7-theme-color); @@ -228,9 +220,9 @@ --f7-list-group-title-font-weight: 500; --f7-list-group-title-bg-color: #f7f7f7; .theme-dark, &.theme-dark { - --f7-list-item-text-text-color: rgba(255,255,255,0.52); - --f7-list-item-after-text-color: rgba(255,255,255,0.52); - --f7-list-item-footer-text-color: rgba(255,255,255,0.52); + --f7-list-item-text-text-color: rgba(255,255,255,0.54); + --f7-list-item-after-text-color: rgba(255,255,255,0.54); + --f7-list-item-footer-text-color: rgba(255,255,255,0.54); --f7-list-item-divider-text-color: rgba(255,255,255,0.6); --f7-list-group-title-text-color: rgba(255,255,255,0.6); --f7-list-link-pressed-bg-color: rgba(255,255,255,0.05); diff --git a/packages/core/components/login-screen.css b/packages/core/components/login-screen.css index 916042fc83..45120b6d78 100644 --- a/packages/core/components/login-screen.css +++ b/packages/core/components/login-screen.css @@ -1 +1 @@ -:root{--f7-login-screen-bg-color:#fff;--f7-login-screen-content-bg-color:#fff;--f7-login-screen-blocks-max-width:480px;--f7-login-screen-title-text-align:center;--f7-login-screen-title-text-color:inherit;--f7-login-screen-title-letter-spacing:0;--f7-login-screen-title-font-weight:600;--f7-login-screen-title-font-size:28px}:root .theme-dark,:root.theme-dark{--f7-login-screen-content-bg-color:transparent}.ios{--f7-login-screen-blocks-margin-vertical:25px}.ios .theme-dark,.ios.theme-dark{--f7-login-screen-bg-color:#000}.md{--f7-login-screen-blocks-margin-vertical:24px}.md .theme-dark,.md.theme-dark{--f7-login-screen-bg-color:#171717}.aurora{--f7-login-screen-blocks-margin-vertical:15px}.aurora .theme-dark,.aurora.theme-dark{--f7-login-screen-bg-color:#171717}.login-screen{position:absolute;left:0;top:0;width:100%;height:100%;display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:var(--f7-login-screen-bg-color);z-index:11000;will-change:transform}.login-screen.modal-in,.login-screen.modal-out{transition-duration:.4s}.login-screen.not-animated{transition-duration:0s}.login-screen.modal-in{display:block;transform:translate3d(0,0,0)}.login-screen.modal-out{transform:translate3d(0,100%,0)}.login-screen .page,.login-screen-content,.login-screen-page{background:var(--f7-login-screen-content-bg-color)}.login-screen-content .list-button,.login-screen-page .list-button{text-align:center;color:var(--f7-login-screen-list-button-text-color,var(--f7-theme-color))}.login-screen-content .block,.login-screen-content .list,.login-screen-content .login-screen-title,.login-screen-page .block,.login-screen-page .list,.login-screen-page .login-screen-title{margin:var(--f7-login-screen-blocks-margin-vertical) auto}.login-screen-content .block,.login-screen-content .block-footer,.login-screen-content .block-header,.login-screen-content .list,.login-screen-content .login-screen-title,.login-screen-page .block,.login-screen-page .block-footer,.login-screen-page .block-header,.login-screen-page .list,.login-screen-page .login-screen-title{max-width:var(--f7-login-screen-blocks-max-width)}.login-screen-content .list ul,.login-screen-page .list ul{background:0 0}.login-screen-content .list ul:before,.login-screen-page .list ul:before{display:none!important}.login-screen-content .list ul:after,.login-screen-page .list ul:after{display:none!important}.login-screen-content .block-footer,.login-screen-content .block-header,.login-screen-page .block-footer,.login-screen-page .block-header{text-align:center;margin-left:auto;margin-right:auto}.login-screen-title{text-align:var(--f7-login-screen-title-text-align);font-size:var(--f7-login-screen-title-font-size);font-weight:var(--f7-login-screen-title-font-weight);color:var(--f7-login-screen-title-text-color);letter-spacing:var(--f7-login-screen-title-letter-spacing)}.login-screen-page,.login-screen>.page,.login-screen>.view>.page{display:flex;flex-direction:column}.login-screen-page .login-screen-content,.login-screen-page .page-content,.login-screen>.page .login-screen-content,.login-screen>.page .page-content,.login-screen>.view>.page .login-screen-content,.login-screen>.view>.page .page-content{margin-top:auto;margin-bottom:auto;height:auto;max-height:100%;width:100%}.theme-dark .login-screen-content .block-strong,.theme-dark .login-screen-content .list ul,.theme-dark .login-screen-page .block-strong,.theme-dark .login-screen-page .list ul,.theme-dark.login-screen-page .block-strong,.theme-dark.login-screen-page .list ul{background-color:transparent} \ No newline at end of file +:root{--f7-login-screen-bg-color:#fff;--f7-login-screen-content-bg-color:#fff;--f7-login-screen-blocks-max-width:480px;--f7-login-screen-title-text-align:center;--f7-login-screen-title-text-color:inherit;--f7-login-screen-title-letter-spacing:0;--f7-login-screen-title-font-weight:600;--f7-login-screen-title-font-size:28px}:root .theme-dark,:root.theme-dark{--f7-login-screen-content-bg-color:transparent}.ios{--f7-login-screen-blocks-margin-vertical:25px}.ios .theme-dark,.ios.theme-dark{--f7-login-screen-bg-color:#000}.md{--f7-login-screen-blocks-margin-vertical:24px}.md .theme-dark,.md.theme-dark{--f7-login-screen-bg-color:#121212}.aurora{--f7-login-screen-blocks-margin-vertical:15px}.aurora .theme-dark,.aurora.theme-dark{--f7-login-screen-bg-color:#121212}.login-screen{position:absolute;left:0;top:0;width:100%;height:100%;display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:var(--f7-login-screen-bg-color);z-index:11000;will-change:transform}.login-screen.modal-in,.login-screen.modal-out{transition-duration:.4s}.login-screen.not-animated{transition-duration:0s}.login-screen.modal-in{display:block;transform:translate3d(0,0,0)}.login-screen.modal-out{transform:translate3d(0,100%,0)}.login-screen .page,.login-screen-content,.login-screen-page{background:var(--f7-login-screen-content-bg-color)}.login-screen-content .list-button,.login-screen-page .list-button{text-align:center;color:var(--f7-login-screen-list-button-text-color,var(--f7-theme-color))}.login-screen-content .block,.login-screen-content .list,.login-screen-content .login-screen-title,.login-screen-page .block,.login-screen-page .list,.login-screen-page .login-screen-title{margin:var(--f7-login-screen-blocks-margin-vertical) auto}.login-screen-content .block,.login-screen-content .block-footer,.login-screen-content .block-header,.login-screen-content .list,.login-screen-content .login-screen-title,.login-screen-page .block,.login-screen-page .block-footer,.login-screen-page .block-header,.login-screen-page .list,.login-screen-page .login-screen-title{max-width:var(--f7-login-screen-blocks-max-width)}.login-screen-content .list ul,.login-screen-page .list ul{background:0 0}.login-screen-content .list ul:before,.login-screen-page .list ul:before{display:none!important}.login-screen-content .list ul:after,.login-screen-page .list ul:after{display:none!important}.login-screen-content .block-footer,.login-screen-content .block-header,.login-screen-page .block-footer,.login-screen-page .block-header{text-align:center;margin-left:auto;margin-right:auto}.login-screen-title{text-align:var(--f7-login-screen-title-text-align);font-size:var(--f7-login-screen-title-font-size);font-weight:var(--f7-login-screen-title-font-weight);color:var(--f7-login-screen-title-text-color);letter-spacing:var(--f7-login-screen-title-letter-spacing)}.login-screen-page,.login-screen>.page,.login-screen>.view>.page{display:flex;flex-direction:column}.login-screen-page .login-screen-content,.login-screen-page .page-content,.login-screen>.page .login-screen-content,.login-screen>.page .page-content,.login-screen>.view>.page .login-screen-content,.login-screen>.view>.page .page-content{margin-top:auto;margin-bottom:auto;height:auto;max-height:100%;width:100%}.theme-dark .login-screen-content .block-strong,.theme-dark .login-screen-content .list ul,.theme-dark .login-screen-page .block-strong,.theme-dark .login-screen-page .list ul,.theme-dark.login-screen-page .block-strong,.theme-dark.login-screen-page .list ul{background-color:transparent} \ No newline at end of file diff --git a/packages/core/components/login-screen.rtl.css b/packages/core/components/login-screen.rtl.css index 916042fc83..45120b6d78 100644 --- a/packages/core/components/login-screen.rtl.css +++ b/packages/core/components/login-screen.rtl.css @@ -1 +1 @@ -:root{--f7-login-screen-bg-color:#fff;--f7-login-screen-content-bg-color:#fff;--f7-login-screen-blocks-max-width:480px;--f7-login-screen-title-text-align:center;--f7-login-screen-title-text-color:inherit;--f7-login-screen-title-letter-spacing:0;--f7-login-screen-title-font-weight:600;--f7-login-screen-title-font-size:28px}:root .theme-dark,:root.theme-dark{--f7-login-screen-content-bg-color:transparent}.ios{--f7-login-screen-blocks-margin-vertical:25px}.ios .theme-dark,.ios.theme-dark{--f7-login-screen-bg-color:#000}.md{--f7-login-screen-blocks-margin-vertical:24px}.md .theme-dark,.md.theme-dark{--f7-login-screen-bg-color:#171717}.aurora{--f7-login-screen-blocks-margin-vertical:15px}.aurora .theme-dark,.aurora.theme-dark{--f7-login-screen-bg-color:#171717}.login-screen{position:absolute;left:0;top:0;width:100%;height:100%;display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:var(--f7-login-screen-bg-color);z-index:11000;will-change:transform}.login-screen.modal-in,.login-screen.modal-out{transition-duration:.4s}.login-screen.not-animated{transition-duration:0s}.login-screen.modal-in{display:block;transform:translate3d(0,0,0)}.login-screen.modal-out{transform:translate3d(0,100%,0)}.login-screen .page,.login-screen-content,.login-screen-page{background:var(--f7-login-screen-content-bg-color)}.login-screen-content .list-button,.login-screen-page .list-button{text-align:center;color:var(--f7-login-screen-list-button-text-color,var(--f7-theme-color))}.login-screen-content .block,.login-screen-content .list,.login-screen-content .login-screen-title,.login-screen-page .block,.login-screen-page .list,.login-screen-page .login-screen-title{margin:var(--f7-login-screen-blocks-margin-vertical) auto}.login-screen-content .block,.login-screen-content .block-footer,.login-screen-content .block-header,.login-screen-content .list,.login-screen-content .login-screen-title,.login-screen-page .block,.login-screen-page .block-footer,.login-screen-page .block-header,.login-screen-page .list,.login-screen-page .login-screen-title{max-width:var(--f7-login-screen-blocks-max-width)}.login-screen-content .list ul,.login-screen-page .list ul{background:0 0}.login-screen-content .list ul:before,.login-screen-page .list ul:before{display:none!important}.login-screen-content .list ul:after,.login-screen-page .list ul:after{display:none!important}.login-screen-content .block-footer,.login-screen-content .block-header,.login-screen-page .block-footer,.login-screen-page .block-header{text-align:center;margin-left:auto;margin-right:auto}.login-screen-title{text-align:var(--f7-login-screen-title-text-align);font-size:var(--f7-login-screen-title-font-size);font-weight:var(--f7-login-screen-title-font-weight);color:var(--f7-login-screen-title-text-color);letter-spacing:var(--f7-login-screen-title-letter-spacing)}.login-screen-page,.login-screen>.page,.login-screen>.view>.page{display:flex;flex-direction:column}.login-screen-page .login-screen-content,.login-screen-page .page-content,.login-screen>.page .login-screen-content,.login-screen>.page .page-content,.login-screen>.view>.page .login-screen-content,.login-screen>.view>.page .page-content{margin-top:auto;margin-bottom:auto;height:auto;max-height:100%;width:100%}.theme-dark .login-screen-content .block-strong,.theme-dark .login-screen-content .list ul,.theme-dark .login-screen-page .block-strong,.theme-dark .login-screen-page .list ul,.theme-dark.login-screen-page .block-strong,.theme-dark.login-screen-page .list ul{background-color:transparent} \ No newline at end of file +:root{--f7-login-screen-bg-color:#fff;--f7-login-screen-content-bg-color:#fff;--f7-login-screen-blocks-max-width:480px;--f7-login-screen-title-text-align:center;--f7-login-screen-title-text-color:inherit;--f7-login-screen-title-letter-spacing:0;--f7-login-screen-title-font-weight:600;--f7-login-screen-title-font-size:28px}:root .theme-dark,:root.theme-dark{--f7-login-screen-content-bg-color:transparent}.ios{--f7-login-screen-blocks-margin-vertical:25px}.ios .theme-dark,.ios.theme-dark{--f7-login-screen-bg-color:#000}.md{--f7-login-screen-blocks-margin-vertical:24px}.md .theme-dark,.md.theme-dark{--f7-login-screen-bg-color:#121212}.aurora{--f7-login-screen-blocks-margin-vertical:15px}.aurora .theme-dark,.aurora.theme-dark{--f7-login-screen-bg-color:#121212}.login-screen{position:absolute;left:0;top:0;width:100%;height:100%;display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:var(--f7-login-screen-bg-color);z-index:11000;will-change:transform}.login-screen.modal-in,.login-screen.modal-out{transition-duration:.4s}.login-screen.not-animated{transition-duration:0s}.login-screen.modal-in{display:block;transform:translate3d(0,0,0)}.login-screen.modal-out{transform:translate3d(0,100%,0)}.login-screen .page,.login-screen-content,.login-screen-page{background:var(--f7-login-screen-content-bg-color)}.login-screen-content .list-button,.login-screen-page .list-button{text-align:center;color:var(--f7-login-screen-list-button-text-color,var(--f7-theme-color))}.login-screen-content .block,.login-screen-content .list,.login-screen-content .login-screen-title,.login-screen-page .block,.login-screen-page .list,.login-screen-page .login-screen-title{margin:var(--f7-login-screen-blocks-margin-vertical) auto}.login-screen-content .block,.login-screen-content .block-footer,.login-screen-content .block-header,.login-screen-content .list,.login-screen-content .login-screen-title,.login-screen-page .block,.login-screen-page .block-footer,.login-screen-page .block-header,.login-screen-page .list,.login-screen-page .login-screen-title{max-width:var(--f7-login-screen-blocks-max-width)}.login-screen-content .list ul,.login-screen-page .list ul{background:0 0}.login-screen-content .list ul:before,.login-screen-page .list ul:before{display:none!important}.login-screen-content .list ul:after,.login-screen-page .list ul:after{display:none!important}.login-screen-content .block-footer,.login-screen-content .block-header,.login-screen-page .block-footer,.login-screen-page .block-header{text-align:center;margin-left:auto;margin-right:auto}.login-screen-title{text-align:var(--f7-login-screen-title-text-align);font-size:var(--f7-login-screen-title-font-size);font-weight:var(--f7-login-screen-title-font-weight);color:var(--f7-login-screen-title-text-color);letter-spacing:var(--f7-login-screen-title-letter-spacing)}.login-screen-page,.login-screen>.page,.login-screen>.view>.page{display:flex;flex-direction:column}.login-screen-page .login-screen-content,.login-screen-page .page-content,.login-screen>.page .login-screen-content,.login-screen>.page .page-content,.login-screen>.view>.page .login-screen-content,.login-screen>.view>.page .page-content{margin-top:auto;margin-bottom:auto;height:auto;max-height:100%;width:100%}.theme-dark .login-screen-content .block-strong,.theme-dark .login-screen-content .list ul,.theme-dark .login-screen-page .block-strong,.theme-dark .login-screen-page .list ul,.theme-dark.login-screen-page .block-strong,.theme-dark.login-screen-page .list ul{background-color:transparent} \ No newline at end of file diff --git a/packages/core/components/login-screen/login-screen-vars.less b/packages/core/components/login-screen/login-screen-vars.less index f55afe3839..383a55bc3b 100644 --- a/packages/core/components/login-screen/login-screen-vars.less +++ b/packages/core/components/login-screen/login-screen-vars.less @@ -23,12 +23,12 @@ .md-vars({ --f7-login-screen-blocks-margin-vertical: 24px; .theme-dark, &.theme-dark { - --f7-login-screen-bg-color: #171717; + --f7-login-screen-bg-color: #121212; } }); .aurora-vars({ --f7-login-screen-blocks-margin-vertical: 15px; .theme-dark, &.theme-dark { - --f7-login-screen-bg-color: #171717; + --f7-login-screen-bg-color: #121212; } }); \ No newline at end of file diff --git a/packages/core/components/messagebar.css b/packages/core/components/messagebar.css index 51d2c31b05..ccb12a4eb6 100644 --- a/packages/core/components/messagebar.css +++ b/packages/core/components/messagebar.css @@ -1 +1 @@ -:root{--f7-messagebar-bg-color:#fff;--f7-messagebar-bg-color-rgb:255,255,255;--f7-messagebar-shadow-image:none;--f7-messagebar-textarea-bg-color:transparent;--f7-messagebar-attachments-height:155px;--f7-messagebar-attachment-height:155px;--f7-messagebar-attachment-landscape-height:120px;--f7-messagebar-sheet-height:252px;--f7-messagebar-sheet-landscape-height:192px}:root .theme-dark,:root.theme-dark{--f7-messagebar-bg-color:var(--f7-bars-bg-color);--f7-messagebar-bg-color-rgb:var(--f7-bars-bg-color-rgb)}.ios{--f7-messagebar-height:44px;--f7-messagebar-font-size:17px;--f7-messagebar-border-color:transparent;--f7-messagebar-textarea-border-radius:17px;--f7-messagebar-textarea-padding:6px 15px;--f7-messagebar-textarea-height:34px;--f7-messagebar-textarea-text-color:#000;--f7-messagebar-textarea-font-size:17px;--f7-messagebar-textarea-line-height:20px;--f7-messagebar-textarea-border:1px solid #c8c8cd;--f7-messagebar-sheet-bg-color:#d1d5da;--f7-messagebar-attachments-border-color:#c8c8cd;--f7-messagebar-attachment-border-radius:12px}.ios .theme-dark,.ios.theme-dark{--f7-messagebar-textarea-text-color:#fff;--f7-messagebar-textarea-border:1px solid var(--f7-bars-border-color);--f7-messagebar-attachments-border-color:var(--f7-bars-border-color)}.md{--f7-messagebar-height:48px;--f7-messagebar-font-size:16px;--f7-messagebar-link-color:#333;--f7-messagebar-border-color:#d1d1d1;--f7-messagebar-textarea-border-radius:0px;--f7-messagebar-textarea-padding:5px 8px;--f7-messagebar-textarea-height:32px;--f7-messagebar-textarea-text-color:#333;--f7-messagebar-textarea-font-size:16px;--f7-messagebar-textarea-line-height:22px;--f7-messagebar-textarea-border:1px solid transparent;--f7-messagebar-sheet-bg-color:#fff;--f7-messagebar-attachments-border-color:#ddd;--f7-messagebar-attachment-border-radius:4px}.md .theme-dark,.md.theme-dark{--f7-messagebar-border-color:rgba(255, 255, 255, 0.15);--f7-messagebar-link-color:rgba(255, 255, 255, 0.87);--f7-messagebar-textarea-text-color:rgba(255, 255, 255, 0.87);--f7-messagebar-attachments-border-color:rgba(255, 255, 255, 0.2)}.aurora{--f7-messagebar-height:38px;--f7-messagebar-font-size:14px;--f7-messagebar-border-color:transparent;--f7-messagebar-textarea-border-radius:12px;--f7-messagebar-textarea-padding:3px 10px;--f7-messagebar-textarea-height:24px;--f7-messagebar-textarea-text-color:#000;--f7-messagebar-textarea-font-size:13px;--f7-messagebar-textarea-line-height:16px;--f7-messagebar-textarea-border:1px solid #c8c8cd;--f7-messagebar-sheet-bg-color:#fff;--f7-messagebar-attachments-border-color:#c8c8cd;--f7-messagebar-attachment-border-radius:12px}.aurora .theme-dark,.aurora.theme-dark{--f7-messagebar-textarea-text-color:#fff;--f7-messagebar-textarea-border:1px solid var(--f7-bars-border-color);--f7-messagebar-attachments-border-color:var(--f7-bars-border-color)}.messagebar{transform:translate3d(0,0,0);background:var(--f7-messagebar-bg-color);height:auto;min-height:var(--f7-messagebar-height);font-size:var(--f7-messagebar-font-size);padding-bottom:var(--f7-safe-area-bottom);bottom:0}.messagebar:before{content:'';position:absolute;background-color:var(--f7-messagebar-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.messagebar:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-messagebar-shadow-image)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .messagebar{background-color:rgba(var(--f7-messagebar-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.messagebar.no-border:before,.messagebar.no-hairline:before{display:none!important}.messagebar.no-shadow:after,.messagebar.toolbar-hidden:after{display:none!important}.messagebar .toolbar-inner{top:auto;position:relative;height:auto;bottom:auto;padding-left:calc(var(--f7-messagebar-inner-padding-left,var(--f7-toolbar-inner-padding-left)) + var(--f7-safe-area-left));padding-right:calc(var(--f7-messagebar-inner-padding-right,var(--f7-toolbar-inner-padding-right)) + var(--f7-safe-area-right))}.messagebar.messagebar-sheet-visible>.toolbar-inner{bottom:0}.messagebar .messagebar-area{width:100%;flex-shrink:1;overflow:hidden;position:relative}.messagebar textarea{width:100%;flex-shrink:1;background-color:var(--f7-messagebar-textarea-bg-color);border-radius:var(--f7-messagebar-textarea-border-radius);padding:var(--f7-messagebar-textarea-padding);height:var(--f7-messagebar-textarea-height);color:var(--f7-messagebar-textarea-text-color);font-size:var(--f7-messagebar-textarea-font-size);line-height:var(--f7-messagebar-textarea-line-height);border:var(--f7-messagebar-textarea-border)}.messagebar a.link{align-self:flex-end;flex-shrink:0;color:var(--f7-messagebar-link-color,var(--f7-theme-color))}.messagebar-attachments{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;font-size:0;white-space:nowrap;box-sizing:border-box;position:relative}.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments{display:none}.messagebar-attachment{background-size:cover;background-position:center;background-repeat:no-repeat;display:inline-block;vertical-align:middle;white-space:normal;height:var(--f7-messagebar-attachment-height);position:relative;border-radius:var(--f7-messagebar-attachment-border-radius)}@media (orientation:landscape){.messagebar-attachment{height:var(--f7-messagebar-attachment-landscape-height)}}.messagebar-attachment img{display:block;width:auto;height:100%;border-radius:var(--f7-messagebar-attachment-border-radius)}.messagebar-attachment+.messagebar-attachment{margin-left:8px}.messagebar-sheet{overflow:auto;-webkit-overflow-scrolling:touch;display:flex;flex-wrap:wrap;flex-direction:column;align-content:flex-start;height:var(--f7-messagebar-sheet-height);background-color:var(--f7-messagebar-sheet-bg-color);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}@media (orientation:landscape){.messagebar-sheet{height:var(--f7-messagebar-sheet-landscape-height)}}.messagebar-sheet-image,.messagebar-sheet-item{box-sizing:border-box;flex-shrink:0;margin-top:1px;position:relative;overflow:hidden;height:calc((var(--f7-messagebar-sheet-height) - 2px)/ 2);width:calc((var(--f7-messagebar-sheet-height) - 2px)/ 2);margin-left:1px}@media (orientation:landscape){.messagebar-sheet-image,.messagebar-sheet-item{width:calc((var(--f7-messagebar-sheet-landscape-height) - 2px)/ 2);height:calc((var(--f7-messagebar-sheet-landscape-height) - 2px)/ 2)}}.messagebar-sheet-image .icon-checkbox,.messagebar-sheet-image .icon-radio,.messagebar-sheet-item .icon-checkbox,.messagebar-sheet-item .icon-radio{position:absolute;right:8px;bottom:8px}.messagebar-sheet-image{background-size:cover;background-position:center;background-repeat:no-repeat}.messagebar-attachment-delete{display:block;position:absolute;border-radius:50%;box-sizing:border-box;cursor:pointer;box-shadow:0px 0px 2px rgba(0,0,0,.2)}.messagebar-attachment-delete:after,.messagebar-attachment-delete:before{position:absolute;content:'';left:50%;top:50%}.messagebar-attachment-delete:after{transform:rotate(45deg)}.messagebar-attachment-delete:before{transform:rotate(-45deg)}.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet{display:none}.messagebar~*{--f7-page-toolbar-bottom-offset:var(--f7-messagebar-height)}.ios .messagebar a.link.icon-only:first-child{margin-left:-8px}.ios .messagebar a.link.icon-only:last-child{margin-right:-8px}.ios .messagebar a.link:not(.icon-only)+.messagebar-area{margin-left:8px}.ios .messagebar .messagebar-area+a.link:not(.icon-only){margin-left:8px}.ios .messagebar-area{margin-top:5px;margin-bottom:5px}.ios .messagebar-attachments{padding:5px;border-radius:var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0;border:1px solid var(--f7-messagebar-attachments-border-color);border-bottom:none}.ios .messagebar-attachments-visible .messagebar-attachments+textarea{border-radius:0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius)}.ios .messagebar-attachment{font-size:14px}.ios .messagebar-attachment-delete{right:5px;top:5px;width:20px;height:20px;background:#7d7e80;border:2px solid #fff}.ios .messagebar-attachment-delete:after,.ios .messagebar-attachment-delete:before{width:10px;height:2px;background:#fff;margin-left:-5px;margin-top:-1px}.md .messagebar-attachments{padding:8px;border-bottom:1px solid var(--f7-messagebar-attachments-border-color)}.md .messagebar-area{margin-top:8px;margin-bottom:8px}.md .messagebar-sheet-image .icon-checkbox,.md .messagebar-sheet-item .icon-checkbox{border-color:#fff;background:rgba(255,255,255,.25);box-shadow:0px 0px 10px rgba(0,0,0,.5)}.md .messagebar-attachment-delete{right:8px;top:8px;width:24px;height:24px;background-color:var(--f7-theme-color);border-radius:4px}.md .messagebar-attachment-delete:after,.md .messagebar-attachment-delete:before{width:14px;height:2px;background:#fff;margin-left:-7px;margin-top:-1px}.aurora .messagebar a.link+.messagebar-area{margin-left:5px}.aurora .messagebar .messagebar-area+a.link{margin-left:5px}.aurora .messagebar-area{margin-top:5px;margin-bottom:5px}.aurora .messagebar-sheet-image .icon-checkbox,.aurora .messagebar-sheet-item .icon-checkbox{background:rgba(255,255,255,.25)}.aurora .messagebar-attachments{padding:5px;border-radius:var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0;border:1px solid var(--f7-messagebar-attachments-border-color);border-bottom:none}.aurora .messagebar-attachments-visible .messagebar-attachments+textarea{border-radius:0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius)}.aurora .messagebar-attachment{font-size:14px}.aurora .messagebar-attachment-delete{right:5px;top:5px;width:14px;height:14px;background:grey}.aurora .messagebar-attachment-delete:after,.aurora .messagebar-attachment-delete:before{width:8px;height:1px;background:#fff;margin-left:-4px;margin-top:-1px} \ No newline at end of file +:root{--f7-messagebar-bg-color:#fff;--f7-messagebar-bg-color-rgb:255,255,255;--f7-messagebar-shadow-image:none;--f7-messagebar-textarea-bg-color:transparent;--f7-messagebar-attachments-height:155px;--f7-messagebar-attachment-height:155px;--f7-messagebar-attachment-landscape-height:120px;--f7-messagebar-sheet-height:252px;--f7-messagebar-sheet-landscape-height:192px}:root .theme-dark,:root.theme-dark{--f7-messagebar-bg-color:var(--f7-bars-bg-color);--f7-messagebar-bg-color-rgb:var(--f7-bars-bg-color-rgb)}.ios{--f7-messagebar-height:44px;--f7-messagebar-font-size:17px;--f7-messagebar-border-color:transparent;--f7-messagebar-textarea-border-radius:17px;--f7-messagebar-textarea-padding:6px 16px;--f7-messagebar-textarea-height:34px;--f7-messagebar-textarea-text-color:#000;--f7-messagebar-textarea-font-size:17px;--f7-messagebar-textarea-line-height:20px;--f7-messagebar-textarea-border:1px solid #c8c8cd;--f7-messagebar-sheet-bg-color:#d1d5da;--f7-messagebar-attachments-border-color:#c8c8cd;--f7-messagebar-attachment-border-radius:12px}.ios .theme-dark,.ios.theme-dark{--f7-messagebar-textarea-text-color:#fff;--f7-messagebar-textarea-border:1px solid var(--f7-bars-border-color);--f7-messagebar-attachments-border-color:var(--f7-bars-border-color)}.md{--f7-messagebar-height:48px;--f7-messagebar-font-size:16px;--f7-messagebar-link-color:#333;--f7-messagebar-border-color:#d1d1d1;--f7-messagebar-textarea-border-radius:0px;--f7-messagebar-textarea-padding:5px 8px;--f7-messagebar-textarea-height:32px;--f7-messagebar-textarea-text-color:#333;--f7-messagebar-textarea-font-size:16px;--f7-messagebar-textarea-line-height:22px;--f7-messagebar-textarea-border:1px solid transparent;--f7-messagebar-sheet-bg-color:#fff;--f7-messagebar-attachments-border-color:#ddd;--f7-messagebar-attachment-border-radius:4px}.md .theme-dark,.md.theme-dark{--f7-messagebar-border-color:transparent;--f7-messagebar-link-color:rgba(255, 255, 255, 0.87);--f7-messagebar-textarea-text-color:rgba(255, 255, 255, 0.87);--f7-messagebar-attachments-border-color:rgba(255, 255, 255, 0.2)}.aurora{--f7-messagebar-height:38px;--f7-messagebar-font-size:14px;--f7-messagebar-border-color:transparent;--f7-messagebar-textarea-border-radius:12px;--f7-messagebar-textarea-padding:3px 10px;--f7-messagebar-textarea-height:24px;--f7-messagebar-textarea-text-color:#000;--f7-messagebar-textarea-font-size:13px;--f7-messagebar-textarea-line-height:16px;--f7-messagebar-textarea-border:1px solid #c8c8cd;--f7-messagebar-sheet-bg-color:#fff;--f7-messagebar-attachments-border-color:#c8c8cd;--f7-messagebar-attachment-border-radius:12px}.aurora .theme-dark,.aurora.theme-dark{--f7-messagebar-textarea-text-color:#fff;--f7-messagebar-textarea-border:1px solid var(--f7-bars-border-color);--f7-messagebar-attachments-border-color:var(--f7-bars-border-color)}.messagebar{transform:translate3d(0,0,0);background:var(--f7-messagebar-bg-color);height:auto;min-height:var(--f7-messagebar-height);font-size:var(--f7-messagebar-font-size);padding-bottom:var(--f7-safe-area-bottom);bottom:0}.messagebar:before{content:'';position:absolute;background-color:var(--f7-messagebar-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.messagebar:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-messagebar-shadow-image)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-bars .messagebar{background-color:rgba(var(--f7-messagebar-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))}}.messagebar.no-border:before,.messagebar.no-hairline:before{display:none!important}.messagebar.no-shadow:after,.messagebar.toolbar-hidden:after{display:none!important}.messagebar .toolbar-inner{top:auto;position:relative;height:auto;bottom:auto;padding-left:calc(var(--f7-messagebar-inner-padding-left,var(--f7-toolbar-inner-padding-left)) + var(--f7-safe-area-left));padding-right:calc(var(--f7-messagebar-inner-padding-right,var(--f7-toolbar-inner-padding-right)) + var(--f7-safe-area-right))}.messagebar.messagebar-sheet-visible>.toolbar-inner{bottom:0}.messagebar .messagebar-area{width:100%;flex-shrink:1;overflow:hidden;position:relative}.messagebar textarea{width:100%;flex-shrink:1;background-color:var(--f7-messagebar-textarea-bg-color);border-radius:var(--f7-messagebar-textarea-border-radius);padding:var(--f7-messagebar-textarea-padding);height:var(--f7-messagebar-textarea-height);color:var(--f7-messagebar-textarea-text-color);font-size:var(--f7-messagebar-textarea-font-size);line-height:var(--f7-messagebar-textarea-line-height);border:var(--f7-messagebar-textarea-border)}.messagebar a.link{align-self:flex-end;flex-shrink:0;color:var(--f7-messagebar-link-color,var(--f7-theme-color))}.messagebar-attachments{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;font-size:0;white-space:nowrap;box-sizing:border-box;position:relative}.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments{display:none}.messagebar-attachment{background-size:cover;background-position:center;background-repeat:no-repeat;display:inline-block;vertical-align:middle;white-space:normal;height:var(--f7-messagebar-attachment-height);position:relative;border-radius:var(--f7-messagebar-attachment-border-radius)}@media (orientation:landscape){.messagebar-attachment{height:var(--f7-messagebar-attachment-landscape-height)}}.messagebar-attachment img{display:block;width:auto;height:100%;border-radius:var(--f7-messagebar-attachment-border-radius)}.messagebar-attachment+.messagebar-attachment{margin-left:8px}.messagebar-sheet{overflow:auto;-webkit-overflow-scrolling:touch;display:flex;flex-wrap:wrap;flex-direction:column;align-content:flex-start;height:var(--f7-messagebar-sheet-height);background-color:var(--f7-messagebar-sheet-bg-color);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}@media (orientation:landscape){.messagebar-sheet{height:var(--f7-messagebar-sheet-landscape-height)}}.messagebar-sheet-image,.messagebar-sheet-item{box-sizing:border-box;flex-shrink:0;margin-top:1px;position:relative;overflow:hidden;height:calc((var(--f7-messagebar-sheet-height) - 2px)/ 2);width:calc((var(--f7-messagebar-sheet-height) - 2px)/ 2);margin-left:1px}@media (orientation:landscape){.messagebar-sheet-image,.messagebar-sheet-item{width:calc((var(--f7-messagebar-sheet-landscape-height) - 2px)/ 2);height:calc((var(--f7-messagebar-sheet-landscape-height) - 2px)/ 2)}}.messagebar-sheet-image .icon-checkbox,.messagebar-sheet-image .icon-radio,.messagebar-sheet-item .icon-checkbox,.messagebar-sheet-item .icon-radio{position:absolute;right:8px;bottom:8px}.messagebar-sheet-image{background-size:cover;background-position:center;background-repeat:no-repeat}.messagebar-attachment-delete{display:block;position:absolute;border-radius:50%;box-sizing:border-box;cursor:pointer;box-shadow:0px 0px 2px rgba(0,0,0,.2)}.messagebar-attachment-delete:after,.messagebar-attachment-delete:before{position:absolute;content:'';left:50%;top:50%}.messagebar-attachment-delete:after{transform:rotate(45deg)}.messagebar-attachment-delete:before{transform:rotate(-45deg)}.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet{display:none}.messagebar~*{--f7-page-toolbar-bottom-offset:var(--f7-messagebar-height)}.ios .messagebar a.link.icon-only:first-child{margin-left:-8px}.ios .messagebar a.link.icon-only:last-child{margin-right:-8px}.ios .messagebar a.link:not(.icon-only)+.messagebar-area{margin-left:8px}.ios .messagebar .messagebar-area+a.link:not(.icon-only){margin-left:8px}.ios .messagebar-area{margin-top:5px;margin-bottom:5px}.ios .messagebar-attachments{padding:5px;border-radius:var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0;border:1px solid var(--f7-messagebar-attachments-border-color);border-bottom:none}.ios .messagebar-attachments-visible .messagebar-attachments+textarea{border-radius:0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius)}.ios .messagebar-attachment{font-size:14px}.ios .messagebar-attachment-delete{right:5px;top:5px;width:20px;height:20px;background:#7d7e80;border:2px solid #fff}.ios .messagebar-attachment-delete:after,.ios .messagebar-attachment-delete:before{width:10px;height:2px;background:#fff;margin-left:-5px;margin-top:-1px}.md .messagebar-attachments{padding:8px;border-bottom:1px solid var(--f7-messagebar-attachments-border-color)}.md .messagebar-area{margin-top:8px;margin-bottom:8px}.md .messagebar-sheet-image .icon-checkbox,.md .messagebar-sheet-item .icon-checkbox{border-color:#fff;background:rgba(255,255,255,.25);box-shadow:0px 0px 10px rgba(0,0,0,.5)}.md .messagebar-attachment-delete{right:8px;top:8px;width:24px;height:24px;background-color:var(--f7-theme-color);border-radius:4px}.md .messagebar-attachment-delete:after,.md .messagebar-attachment-delete:before{width:14px;height:2px;background:#fff;margin-left:-7px;margin-top:-1px}.aurora .messagebar a.link+.messagebar-area{margin-left:5px}.aurora .messagebar .messagebar-area+a.link{margin-left:5px}.aurora .messagebar-area{margin-top:5px;margin-bottom:5px}.aurora .messagebar-sheet-image .icon-checkbox,.aurora .messagebar-sheet-item .icon-checkbox{background:rgba(255,255,255,.25)}.aurora .messagebar-attachments{padding:5px;border-radius:var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0;border:1px solid var(--f7-messagebar-attachments-border-color);border-bottom:none}.aurora .messagebar-attachments-visible .messagebar-attachments+textarea{border-radius:0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius)}.aurora .messagebar-attachment{font-size:14px}.aurora .messagebar-attachment-delete{right:5px;top:5px;width:14px;height:14px;background:grey}.aurora .messagebar-attachment-delete:after,.aurora .messagebar-attachment-delete:before{width:8px;height:1px;background:#fff;margin-left:-4px;margin-top:-1px} \ No newline at end of file diff --git a/packages/core/components/messagebar.rtl.css b/packages/core/components/messagebar.rtl.css index 2b873ef3d3..1257ae9d98 100644 --- a/packages/core/components/messagebar.rtl.css +++ b/packages/core/components/messagebar.rtl.css @@ -1 +1 @@ -:root{--f7-messagebar-bg-color:#fff;--f7-messagebar-bg-color-rgb:255,255,255;--f7-messagebar-shadow-image:none;--f7-messagebar-textarea-bg-color:transparent;--f7-messagebar-attachments-height:155px;--f7-messagebar-attachment-height:155px;--f7-messagebar-attachment-landscape-height:120px;--f7-messagebar-sheet-height:252px;--f7-messagebar-sheet-landscape-height:192px}:root .theme-dark,:root.theme-dark{--f7-messagebar-bg-color:var(--f7-bars-bg-color);--f7-messagebar-bg-color-rgb:var(--f7-bars-bg-color-rgb)}.ios{--f7-messagebar-height:44px;--f7-messagebar-font-size:17px;--f7-messagebar-border-color:transparent;--f7-messagebar-textarea-border-radius:17px;--f7-messagebar-textarea-padding:6px 15px;--f7-messagebar-textarea-height:34px;--f7-messagebar-textarea-text-color:#000;--f7-messagebar-textarea-font-size:17px;--f7-messagebar-textarea-line-height:20px;--f7-messagebar-textarea-border:1px solid #c8c8cd;--f7-messagebar-sheet-bg-color:#d1d5da;--f7-messagebar-attachments-border-color:#c8c8cd;--f7-messagebar-attachment-border-radius:12px}.ios .theme-dark,.ios.theme-dark{--f7-messagebar-textarea-text-color:#fff;--f7-messagebar-textarea-border:1px solid var(--f7-bars-border-color);--f7-messagebar-attachments-border-color:var(--f7-bars-border-color)}.md{--f7-messagebar-height:48px;--f7-messagebar-font-size:16px;--f7-messagebar-link-color:#333;--f7-messagebar-border-color:#d1d1d1;--f7-messagebar-textarea-border-radius:0px;--f7-messagebar-textarea-padding:5px 8px;--f7-messagebar-textarea-height:32px;--f7-messagebar-textarea-text-color:#333;--f7-messagebar-textarea-font-size:16px;--f7-messagebar-textarea-line-height:22px;--f7-messagebar-textarea-border:1px solid transparent;--f7-messagebar-sheet-bg-color:#fff;--f7-messagebar-attachments-border-color:#ddd;--f7-messagebar-attachment-border-radius:4px}.md .theme-dark,.md.theme-dark{--f7-messagebar-border-color:rgba(255, 255, 255, 0.15);--f7-messagebar-link-color:rgba(255, 255, 255, 0.87);--f7-messagebar-textarea-text-color:rgba(255, 255, 255, 0.87);--f7-messagebar-attachments-border-color:rgba(255, 255, 255, 0.2)}.aurora{--f7-messagebar-height:38px;--f7-messagebar-font-size:14px;--f7-messagebar-border-color:transparent;--f7-messagebar-textarea-border-radius:12px;--f7-messagebar-textarea-padding:3px 10px;--f7-messagebar-textarea-height:24px;--f7-messagebar-textarea-text-color:#000;--f7-messagebar-textarea-font-size:13px;--f7-messagebar-textarea-line-height:16px;--f7-messagebar-textarea-border:1px solid #c8c8cd;--f7-messagebar-sheet-bg-color:#fff;--f7-messagebar-attachments-border-color:#c8c8cd;--f7-messagebar-attachment-border-radius:12px}.aurora .theme-dark,.aurora.theme-dark{--f7-messagebar-textarea-text-color:#fff;--f7-messagebar-textarea-border:1px solid var(--f7-bars-border-color);--f7-messagebar-attachments-border-color:var(--f7-bars-border-color)}.messagebar{transform:translate3d(0,0,0);background:var(--f7-messagebar-bg-color);height:auto;min-height:var(--f7-messagebar-height);font-size:var(--f7-messagebar-font-size);padding-bottom:var(--f7-safe-area-bottom);bottom:0}.messagebar:before{content:'';position:absolute;background-color:var(--f7-messagebar-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.messagebar:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-messagebar-shadow-image)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .messagebar{background-color:rgba(var(--f7-messagebar-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.messagebar.no-border:before,.messagebar.no-hairline:before{display:none!important}.messagebar.no-shadow:after,.messagebar.toolbar-hidden:after{display:none!important}.messagebar .toolbar-inner{top:auto;position:relative;height:auto;bottom:auto;padding-left:calc(var(--f7-messagebar-inner-padding-left,var(--f7-toolbar-inner-padding-left)) + var(--f7-safe-area-left));padding-right:calc(var(--f7-messagebar-inner-padding-right,var(--f7-toolbar-inner-padding-right)) + var(--f7-safe-area-right));flex-direction:row-reverse}.messagebar.messagebar-sheet-visible>.toolbar-inner{bottom:0}.messagebar .messagebar-area{width:100%;flex-shrink:1;overflow:hidden;position:relative}.messagebar textarea{width:100%;flex-shrink:1;background-color:var(--f7-messagebar-textarea-bg-color);border-radius:var(--f7-messagebar-textarea-border-radius);padding:var(--f7-messagebar-textarea-padding);height:var(--f7-messagebar-textarea-height);color:var(--f7-messagebar-textarea-text-color);font-size:var(--f7-messagebar-textarea-font-size);line-height:var(--f7-messagebar-textarea-line-height);border:var(--f7-messagebar-textarea-border)}.messagebar a.link{align-self:flex-end;flex-shrink:0;color:var(--f7-messagebar-link-color,var(--f7-theme-color))}.messagebar-attachments{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;font-size:0;white-space:nowrap;box-sizing:border-box;position:relative}.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments{display:none}.messagebar-attachment{background-size:cover;background-position:center;background-repeat:no-repeat;display:inline-block;vertical-align:middle;white-space:normal;height:var(--f7-messagebar-attachment-height);position:relative;border-radius:var(--f7-messagebar-attachment-border-radius)}@media (orientation:landscape){.messagebar-attachment{height:var(--f7-messagebar-attachment-landscape-height)}}.messagebar-attachment img{display:block;width:auto;height:100%;border-radius:var(--f7-messagebar-attachment-border-radius)}.messagebar-attachment+.messagebar-attachment{margin-right:8px}.messagebar-sheet{overflow:auto;-webkit-overflow-scrolling:touch;display:flex;flex-wrap:wrap;flex-direction:column;align-content:flex-start;height:var(--f7-messagebar-sheet-height);background-color:var(--f7-messagebar-sheet-bg-color);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}@media (orientation:landscape){.messagebar-sheet{height:var(--f7-messagebar-sheet-landscape-height)}}.messagebar-sheet-image,.messagebar-sheet-item{box-sizing:border-box;flex-shrink:0;margin-top:1px;position:relative;overflow:hidden;height:calc((var(--f7-messagebar-sheet-height) - 2px)/ 2);width:calc((var(--f7-messagebar-sheet-height) - 2px)/ 2);margin-right:1px}@media (orientation:landscape){.messagebar-sheet-image,.messagebar-sheet-item{width:calc((var(--f7-messagebar-sheet-landscape-height) - 2px)/ 2);height:calc((var(--f7-messagebar-sheet-landscape-height) - 2px)/ 2)}}.messagebar-sheet-image .icon-checkbox,.messagebar-sheet-image .icon-radio,.messagebar-sheet-item .icon-checkbox,.messagebar-sheet-item .icon-radio{position:absolute;right:8px;bottom:8px}.messagebar-sheet-image{background-size:cover;background-position:center;background-repeat:no-repeat}.messagebar-attachment-delete{display:block;position:absolute;border-radius:50%;box-sizing:border-box;cursor:pointer;box-shadow:0px 0px 2px rgba(0,0,0,.2)}.messagebar-attachment-delete:after,.messagebar-attachment-delete:before{position:absolute;content:'';left:50%;top:50%}.messagebar-attachment-delete:after{transform:rotate(45deg)}.messagebar-attachment-delete:before{transform:rotate(-45deg)}.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet{display:none}.messagebar~*{--f7-page-toolbar-bottom-offset:var(--f7-messagebar-height)}.ios .messagebar a.link.icon-only:first-child{margin-left:-8px}.ios .messagebar a.link.icon-only:last-child{margin-right:-8px}.ios .messagebar a.link:not(.icon-only)+.messagebar-area{margin-left:8px}.ios .messagebar .messagebar-area+a.link:not(.icon-only){margin-left:8px}.ios .messagebar-area{margin-top:5px;margin-bottom:5px}.ios .messagebar-attachments{padding:5px;border-radius:var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0;border:1px solid var(--f7-messagebar-attachments-border-color);border-bottom:none}.ios .messagebar-attachments-visible .messagebar-attachments+textarea{border-radius:0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius)}.ios .messagebar-attachment{font-size:14px}.ios .messagebar-attachment-delete{right:5px;top:5px;width:20px;height:20px;background:#7d7e80;border:2px solid #fff}.ios .messagebar-attachment-delete:after,.ios .messagebar-attachment-delete:before{width:10px;height:2px;background:#fff;margin-left:-5px;margin-top:-1px}.md .messagebar-attachments{padding:8px;border-bottom:1px solid var(--f7-messagebar-attachments-border-color)}.md .messagebar-area{margin-top:8px;margin-bottom:8px}.md .messagebar-sheet-image .icon-checkbox,.md .messagebar-sheet-item .icon-checkbox{border-color:#fff;background:rgba(255,255,255,.25);box-shadow:0px 0px 10px rgba(0,0,0,.5)}.md .messagebar-attachment-delete{right:8px;top:8px;width:24px;height:24px;background-color:var(--f7-theme-color);border-radius:4px}.md .messagebar-attachment-delete:after,.md .messagebar-attachment-delete:before{width:14px;height:2px;background:#fff;margin-left:-7px;margin-top:-1px}.aurora .messagebar a.link+.messagebar-area{margin-left:5px}.aurora .messagebar .messagebar-area+a.link{margin-left:5px}.aurora .messagebar-area{margin-top:5px;margin-bottom:5px}.aurora .messagebar-sheet-image .icon-checkbox,.aurora .messagebar-sheet-item .icon-checkbox{background:rgba(255,255,255,.25)}.aurora .messagebar-attachments{padding:5px;border-radius:var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0;border:1px solid var(--f7-messagebar-attachments-border-color);border-bottom:none}.aurora .messagebar-attachments-visible .messagebar-attachments+textarea{border-radius:0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius)}.aurora .messagebar-attachment{font-size:14px}.aurora .messagebar-attachment-delete{right:5px;top:5px;width:14px;height:14px;background:grey}.aurora .messagebar-attachment-delete:after,.aurora .messagebar-attachment-delete:before{width:8px;height:1px;background:#fff;margin-left:-4px;margin-top:-1px} \ No newline at end of file +:root{--f7-messagebar-bg-color:#fff;--f7-messagebar-bg-color-rgb:255,255,255;--f7-messagebar-shadow-image:none;--f7-messagebar-textarea-bg-color:transparent;--f7-messagebar-attachments-height:155px;--f7-messagebar-attachment-height:155px;--f7-messagebar-attachment-landscape-height:120px;--f7-messagebar-sheet-height:252px;--f7-messagebar-sheet-landscape-height:192px}:root .theme-dark,:root.theme-dark{--f7-messagebar-bg-color:var(--f7-bars-bg-color);--f7-messagebar-bg-color-rgb:var(--f7-bars-bg-color-rgb)}.ios{--f7-messagebar-height:44px;--f7-messagebar-font-size:17px;--f7-messagebar-border-color:transparent;--f7-messagebar-textarea-border-radius:17px;--f7-messagebar-textarea-padding:6px 16px;--f7-messagebar-textarea-height:34px;--f7-messagebar-textarea-text-color:#000;--f7-messagebar-textarea-font-size:17px;--f7-messagebar-textarea-line-height:20px;--f7-messagebar-textarea-border:1px solid #c8c8cd;--f7-messagebar-sheet-bg-color:#d1d5da;--f7-messagebar-attachments-border-color:#c8c8cd;--f7-messagebar-attachment-border-radius:12px}.ios .theme-dark,.ios.theme-dark{--f7-messagebar-textarea-text-color:#fff;--f7-messagebar-textarea-border:1px solid var(--f7-bars-border-color);--f7-messagebar-attachments-border-color:var(--f7-bars-border-color)}.md{--f7-messagebar-height:48px;--f7-messagebar-font-size:16px;--f7-messagebar-link-color:#333;--f7-messagebar-border-color:#d1d1d1;--f7-messagebar-textarea-border-radius:0px;--f7-messagebar-textarea-padding:5px 8px;--f7-messagebar-textarea-height:32px;--f7-messagebar-textarea-text-color:#333;--f7-messagebar-textarea-font-size:16px;--f7-messagebar-textarea-line-height:22px;--f7-messagebar-textarea-border:1px solid transparent;--f7-messagebar-sheet-bg-color:#fff;--f7-messagebar-attachments-border-color:#ddd;--f7-messagebar-attachment-border-radius:4px}.md .theme-dark,.md.theme-dark{--f7-messagebar-border-color:transparent;--f7-messagebar-link-color:rgba(255, 255, 255, 0.87);--f7-messagebar-textarea-text-color:rgba(255, 255, 255, 0.87);--f7-messagebar-attachments-border-color:rgba(255, 255, 255, 0.2)}.aurora{--f7-messagebar-height:38px;--f7-messagebar-font-size:14px;--f7-messagebar-border-color:transparent;--f7-messagebar-textarea-border-radius:12px;--f7-messagebar-textarea-padding:3px 10px;--f7-messagebar-textarea-height:24px;--f7-messagebar-textarea-text-color:#000;--f7-messagebar-textarea-font-size:13px;--f7-messagebar-textarea-line-height:16px;--f7-messagebar-textarea-border:1px solid #c8c8cd;--f7-messagebar-sheet-bg-color:#fff;--f7-messagebar-attachments-border-color:#c8c8cd;--f7-messagebar-attachment-border-radius:12px}.aurora .theme-dark,.aurora.theme-dark{--f7-messagebar-textarea-text-color:#fff;--f7-messagebar-textarea-border:1px solid var(--f7-bars-border-color);--f7-messagebar-attachments-border-color:var(--f7-bars-border-color)}.messagebar{transform:translate3d(0,0,0);background:var(--f7-messagebar-bg-color);height:auto;min-height:var(--f7-messagebar-height);font-size:var(--f7-messagebar-font-size);padding-bottom:var(--f7-safe-area-bottom);bottom:0}.messagebar:before{content:'';position:absolute;background-color:var(--f7-messagebar-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.messagebar:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-messagebar-shadow-image)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-bars .messagebar{background-color:rgba(var(--f7-messagebar-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))}}.messagebar.no-border:before,.messagebar.no-hairline:before{display:none!important}.messagebar.no-shadow:after,.messagebar.toolbar-hidden:after{display:none!important}.messagebar .toolbar-inner{top:auto;position:relative;height:auto;bottom:auto;padding-left:calc(var(--f7-messagebar-inner-padding-left,var(--f7-toolbar-inner-padding-left)) + var(--f7-safe-area-left));padding-right:calc(var(--f7-messagebar-inner-padding-right,var(--f7-toolbar-inner-padding-right)) + var(--f7-safe-area-right));flex-direction:row-reverse}.messagebar.messagebar-sheet-visible>.toolbar-inner{bottom:0}.messagebar .messagebar-area{width:100%;flex-shrink:1;overflow:hidden;position:relative}.messagebar textarea{width:100%;flex-shrink:1;background-color:var(--f7-messagebar-textarea-bg-color);border-radius:var(--f7-messagebar-textarea-border-radius);padding:var(--f7-messagebar-textarea-padding);height:var(--f7-messagebar-textarea-height);color:var(--f7-messagebar-textarea-text-color);font-size:var(--f7-messagebar-textarea-font-size);line-height:var(--f7-messagebar-textarea-line-height);border:var(--f7-messagebar-textarea-border)}.messagebar a.link{align-self:flex-end;flex-shrink:0;color:var(--f7-messagebar-link-color,var(--f7-theme-color))}.messagebar-attachments{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;font-size:0;white-space:nowrap;box-sizing:border-box;position:relative}.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments{display:none}.messagebar-attachment{background-size:cover;background-position:center;background-repeat:no-repeat;display:inline-block;vertical-align:middle;white-space:normal;height:var(--f7-messagebar-attachment-height);position:relative;border-radius:var(--f7-messagebar-attachment-border-radius)}@media (orientation:landscape){.messagebar-attachment{height:var(--f7-messagebar-attachment-landscape-height)}}.messagebar-attachment img{display:block;width:auto;height:100%;border-radius:var(--f7-messagebar-attachment-border-radius)}.messagebar-attachment+.messagebar-attachment{margin-right:8px}.messagebar-sheet{overflow:auto;-webkit-overflow-scrolling:touch;display:flex;flex-wrap:wrap;flex-direction:column;align-content:flex-start;height:var(--f7-messagebar-sheet-height);background-color:var(--f7-messagebar-sheet-bg-color);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}@media (orientation:landscape){.messagebar-sheet{height:var(--f7-messagebar-sheet-landscape-height)}}.messagebar-sheet-image,.messagebar-sheet-item{box-sizing:border-box;flex-shrink:0;margin-top:1px;position:relative;overflow:hidden;height:calc((var(--f7-messagebar-sheet-height) - 2px)/ 2);width:calc((var(--f7-messagebar-sheet-height) - 2px)/ 2);margin-right:1px}@media (orientation:landscape){.messagebar-sheet-image,.messagebar-sheet-item{width:calc((var(--f7-messagebar-sheet-landscape-height) - 2px)/ 2);height:calc((var(--f7-messagebar-sheet-landscape-height) - 2px)/ 2)}}.messagebar-sheet-image .icon-checkbox,.messagebar-sheet-image .icon-radio,.messagebar-sheet-item .icon-checkbox,.messagebar-sheet-item .icon-radio{position:absolute;right:8px;bottom:8px}.messagebar-sheet-image{background-size:cover;background-position:center;background-repeat:no-repeat}.messagebar-attachment-delete{display:block;position:absolute;border-radius:50%;box-sizing:border-box;cursor:pointer;box-shadow:0px 0px 2px rgba(0,0,0,.2)}.messagebar-attachment-delete:after,.messagebar-attachment-delete:before{position:absolute;content:'';left:50%;top:50%}.messagebar-attachment-delete:after{transform:rotate(45deg)}.messagebar-attachment-delete:before{transform:rotate(-45deg)}.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet{display:none}.messagebar~*{--f7-page-toolbar-bottom-offset:var(--f7-messagebar-height)}.ios .messagebar a.link.icon-only:first-child{margin-left:-8px}.ios .messagebar a.link.icon-only:last-child{margin-right:-8px}.ios .messagebar a.link:not(.icon-only)+.messagebar-area{margin-left:8px}.ios .messagebar .messagebar-area+a.link:not(.icon-only){margin-left:8px}.ios .messagebar-area{margin-top:5px;margin-bottom:5px}.ios .messagebar-attachments{padding:5px;border-radius:var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0;border:1px solid var(--f7-messagebar-attachments-border-color);border-bottom:none}.ios .messagebar-attachments-visible .messagebar-attachments+textarea{border-radius:0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius)}.ios .messagebar-attachment{font-size:14px}.ios .messagebar-attachment-delete{right:5px;top:5px;width:20px;height:20px;background:#7d7e80;border:2px solid #fff}.ios .messagebar-attachment-delete:after,.ios .messagebar-attachment-delete:before{width:10px;height:2px;background:#fff;margin-left:-5px;margin-top:-1px}.md .messagebar-attachments{padding:8px;border-bottom:1px solid var(--f7-messagebar-attachments-border-color)}.md .messagebar-area{margin-top:8px;margin-bottom:8px}.md .messagebar-sheet-image .icon-checkbox,.md .messagebar-sheet-item .icon-checkbox{border-color:#fff;background:rgba(255,255,255,.25);box-shadow:0px 0px 10px rgba(0,0,0,.5)}.md .messagebar-attachment-delete{right:8px;top:8px;width:24px;height:24px;background-color:var(--f7-theme-color);border-radius:4px}.md .messagebar-attachment-delete:after,.md .messagebar-attachment-delete:before{width:14px;height:2px;background:#fff;margin-left:-7px;margin-top:-1px}.aurora .messagebar a.link+.messagebar-area{margin-left:5px}.aurora .messagebar .messagebar-area+a.link{margin-left:5px}.aurora .messagebar-area{margin-top:5px;margin-bottom:5px}.aurora .messagebar-sheet-image .icon-checkbox,.aurora .messagebar-sheet-item .icon-checkbox{background:rgba(255,255,255,.25)}.aurora .messagebar-attachments{padding:5px;border-radius:var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0;border:1px solid var(--f7-messagebar-attachments-border-color);border-bottom:none}.aurora .messagebar-attachments-visible .messagebar-attachments+textarea{border-radius:0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius)}.aurora .messagebar-attachment{font-size:14px}.aurora .messagebar-attachment-delete{right:5px;top:5px;width:14px;height:14px;background:grey}.aurora .messagebar-attachment-delete:after,.aurora .messagebar-attachment-delete:before{width:8px;height:1px;background:#fff;margin-left:-4px;margin-top:-1px} \ No newline at end of file diff --git a/packages/core/components/messagebar/messagebar-vars.less b/packages/core/components/messagebar/messagebar-vars.less index 417d266d3d..f4d8725f67 100644 --- a/packages/core/components/messagebar/messagebar-vars.less +++ b/packages/core/components/messagebar/messagebar-vars.less @@ -25,7 +25,7 @@ */ --f7-messagebar-border-color: transparent; --f7-messagebar-textarea-border-radius: 17px; - --f7-messagebar-textarea-padding: 6px 15px; + --f7-messagebar-textarea-padding: 6px 16px; --f7-messagebar-textarea-height: 34px; --f7-messagebar-textarea-text-color: #000; --f7-messagebar-textarea-font-size: 17px; @@ -56,7 +56,7 @@ --f7-messagebar-attachments-border-color: #ddd; --f7-messagebar-attachment-border-radius: 4px; .theme-dark, &.theme-dark { - --f7-messagebar-border-color: rgba(255, 255, 255, 0.15); + --f7-messagebar-border-color: transparent; --f7-messagebar-link-color: rgba(255,255,255,0.87); --f7-messagebar-textarea-text-color: rgba(255,255,255,0.87); --f7-messagebar-attachments-border-color: rgba(255,255,255,0.2); diff --git a/packages/core/components/messagebar/messagebar.less b/packages/core/components/messagebar/messagebar.less index 06b0df07fc..a3396057c4 100644 --- a/packages/core/components/messagebar/messagebar.less +++ b/packages/core/components/messagebar/messagebar.less @@ -11,7 +11,7 @@ bottom: 0; .hairline(top, var(--f7-messagebar-border-color)); .bar-shadow-top(var(--f7-messagebar-shadow-image)); - .translucent(var(--f7-messagebar-bg-color-rgb)); + .ios-translucent-bars(var(--f7-messagebar-bg-color-rgb)); &.no-hairline, &.no-border { &:before { display: none !important; diff --git a/packages/core/components/messages.css b/packages/core/components/messages.css index 343d8b00f5..77a0a3c4a4 100644 --- a/packages/core/components/messages.css +++ b/packages/core/components/messages.css @@ -1 +1 @@ -:root{--f7-messages-content-bg-color:#fff;--f7-message-text-header-text-color:inherit;--f7-message-text-header-opacity:0.65;--f7-message-text-header-font-size:12px;--f7-message-text-footer-text-color:inherit;--f7-message-text-footer-opacity:0.65;--f7-message-text-footer-font-size:12px;--f7-message-bubble-line-height:1.2;--f7-message-header-font-size:12px;--f7-message-footer-font-size:11px;--f7-message-name-font-size:12px;--f7-message-name-font-weight:inherit;--f7-message-typing-indicator-bg-color:#000;--f7-message-avatar-border-radius:50%;--f7-messages-title-font-weight:inherit;--f7-message-sent-text-color:#fff;--f7-message-received-bg-color:#e5e5ea;--f7-message-received-text-color:#000}:root .theme-dark,:root.theme-dark{--f7-messages-content-bg-color:transparent;--f7-message-received-bg-color:#333;--f7-message-received-text-color:#fff;--f7-message-typing-indicator-bg-color:#fff}.ios{--f7-messages-title-text-color:rgba(0, 0, 0, 0.45);--f7-messages-title-font-size:11px;--f7-message-header-text-color:rgba(0, 0, 0, 0.45);--f7-message-footer-text-color:rgba(0, 0, 0, 0.45);--f7-message-name-text-color:rgba(0, 0, 0, 0.45);--f7-message-avatar-size:29px;--f7-message-margin:10px;--f7-message-bubble-min-height:32px;--f7-message-bubble-font-size:17px;--f7-message-bubble-border-radius:16px;--f7-message-bubble-padding-vertical:6px;--f7-message-bubble-padding-horizontal:16px;--f7-message-typing-indicator-opacity:0.35}.md{--f7-messages-title-text-color:rgba(0, 0, 0, 0.51);--f7-messages-title-font-size:12px;--f7-message-header-text-color:rgba(0, 0, 0, 0.51);--f7-message-footer-text-color:rgba(0, 0, 0, 0.51);--f7-message-name-text-color:rgba(0, 0, 0, 0.51);--f7-message-avatar-size:32px;--f7-message-margin:16px;--f7-message-bubble-min-height:32px;--f7-message-bubble-font-size:16px;--f7-message-bubble-border-radius:4px;--f7-message-bubble-padding-vertical:6px;--f7-message-bubble-padding-horizontal:8px;--f7-message-typing-indicator-opacity:0.6}.md .theme-dark,.md.theme-dark{--f7-messages-title-text-color:rgba(255, 255, 255, 0.54);--f7-message-header-text-color:rgba(255, 255, 255, 0.54);--f7-message-name-text-color:rgba(255, 255, 255, 0.54);--f7-message-footer-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-messages-title-text-color:rgba(0, 0, 0, 0.51);--f7-messages-title-font-size:12px;--f7-message-header-text-color:rgba(0, 0, 0, 0.51);--f7-message-footer-text-color:rgba(0, 0, 0, 0.51);--f7-message-name-text-color:rgba(0, 0, 0, 0.51);--f7-message-avatar-size:24px;--f7-message-margin:10px;--f7-message-bubble-min-height:28px;--f7-message-bubble-font-size:13px;--f7-message-bubble-line-height:1.4;--f7-message-bubble-border-radius:14px;--f7-message-bubble-padding-vertical:5px;--f7-message-bubble-padding-horizontal:10px;--f7-message-typing-indicator-opacity:0.5}.aurora .theme-dark,.aurora.theme-dark{--f7-messages-title-text-color:rgba(255, 255, 255, 0.52);--f7-message-header-text-color:rgba(255, 255, 255, 0.52);--f7-message-name-text-color:rgba(255, 255, 255, 0.52);--f7-message-footer-text-color:rgba(255, 255, 255, 0.52)}.messages,.messages-content{background:var(--f7-messages-content-bg-color)}.messages{display:flex;flex-direction:column;min-height:100%;position:relative;z-index:1}.message,.messages-title{margin-top:var(--f7-message-margin)}.message:last-child,.messages-title:last-child{margin-bottom:var(--f7-message-margin)}.messages-title{text-align:center;width:100%;line-height:1;color:var(--f7-messages-title-text-color);font-size:var(--f7-messages-title-font-size);font-weight:var(--f7-messages-title-font-weight)}.message{max-width:70%;box-sizing:border-box;display:flex;align-items:flex-end;position:relative;z-index:1;transform:translate3d(0,0,0)}.message-avatar{border-radius:var(--f7-message-avatar-border-radius);position:relative;background-size:cover;align-self:flex-end;flex-shrink:0;width:var(--f7-message-avatar-size);height:var(--f7-message-avatar-size)}.message-content{position:relative;display:flex;flex-direction:column}.message-footer,.message-header,.message-name{line-height:1}.message-header{color:var(--f7-message-header-text-color);font-size:var(--f7-message-header-font-size)}.message-footer{color:var(--f7-message-footer-text-color);font-size:var(--f7-message-footer-font-size);margin-bottom:-1em}.message-name{color:var(--f7-message-name-text-color);font-size:var(--f7-message-name-font-size);font-weight:var(--f7-message-name-font-weight)}.message-bubble{box-sizing:border-box;word-break:break-word;display:flex;flex-direction:column;position:relative;line-height:var(--f7-message-bubble-line-height);font-size:var(--f7-message-bubble-font-size);border-radius:var(--f7-message-bubble-border-radius);padding:var(--f7-message-bubble-padding-vertical) var(--f7-message-bubble-padding-horizontal);min-height:var(--f7-message-bubble-min-height)}.message-image img{display:block;max-width:100%;height:auto;width:auto}.message-text-footer,.message-text-header{line-height:1}.message-text-header{color:var(--f7-message-text-header-text-color);opacity:var(--f7-message-text-header-opacity);font-size:var(--f7-message-text-header-font-size)}.message-text-footer{color:var(--f7-message-text-footer-text-color);opacity:var(--f7-message-text-footer-opacity);font-size:var(--f7-message-text-footer-font-size)}.message-text{text-align:left}.message-sent{text-align:right;flex-direction:row-reverse;align-self:flex-end}.message-sent .message-bubble{color:var(--f7-message-sent-text-color);background:var(--f7-message-sent-bg-color,var(--f7-theme-color))}.message-sent .message-content{align-items:flex-end}.message-sent.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0 var(--f7-message-bubble-border-radius)}.message-received{flex-direction:row}.message-received .message-bubble{color:var(--f7-message-received-text-color);background:var(--f7-message-received-bg-color)}.message-received .message-content{align-items:flex-start}.message-received.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0}.message:not(.message-last) .message-avatar{opacity:0}.message:not(.message-first) .message-name{display:none}.message.message-same-name .message-name{display:none}.message.message-same-header .message-header{display:none}.message.message-same-footer .message-footer{display:none}.message-appear-from-bottom{animation:message-appear-from-bottom .3s}.message-appear-from-top{animation:message-appear-from-top .3s}.message-typing-indicator{display:inline-block;font-size:0;vertical-align:middle}.message-typing-indicator>div{display:inline-block;position:relative;background:var(--f7-message-typing-indicator-bg-color);opacity:var(--f7-message-typing-indicator-opacity);vertical-align:middle;border-radius:50%}@keyframes message-appear-from-bottom{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}@keyframes message-appear-from-top{from{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,0,0)}}.ios .message-footer b,.ios .message-header b,.ios .message-name b,.ios .messages-title b{font-weight:600}.ios .message-header,.ios .message-name{margin-bottom:3px}.ios .message-footer{margin-top:3px}.ios .message-bubble{min-width:48px}.ios .message-image{margin:var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal))}.ios .message-image:first-child{margin-top:calc(-1 * var(--f7-message-bubble-padding-vertical))}.ios .message-image:first-child img{border-top-left-radius:var(--f7-message-bubble-border-radius);border-top-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-image:last-child{margin-bottom:calc(-1 * var(--f7-message-bubble-padding-vertical))}.ios .message-image:last-child img{border-bottom-left-radius:var(--f7-message-bubble-border-radius);border-bottom-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-text-header{margin-bottom:3px}.ios .message-text-footer{margin-top:3px}.ios .message-received{margin-left:calc(10px + var(--f7-safe-area-left))}.ios .message-received .message-footer,.ios .message-received .message-header,.ios .message-received .message-name{margin-left:var(--f7-message-bubble-padding-horizontal)}.ios .message-received .message-bubble{padding-left:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received .message-image{margin-left:calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px))}.ios .message-received.message-tail:not(.message-typing) .message-bubble{-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img{border-bottom-left-radius:0px}.ios .message-sent{margin-right:calc(10px + var(--f7-safe-area-right))}.ios .message-sent .message-footer,.ios .message-sent .message-header,.ios .message-sent .message-name{margin-right:var(--f7-message-bubble-padding-horizontal)}.ios .message-sent .message-bubble{padding-right:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent .message-image{margin-right:calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px))}.ios .message-sent.message-tail .message-bubble{-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent.message-tail .message-bubble .message-image:last-child img{border-bottom-right-radius:0px}.ios .message+.message:not(.message-first){margin-top:1px}.ios .message-received.message-typing .message-content:after,.ios .message-received.message-typing .message-content:before{content:'';position:absolute;background:var(--f7-message-received-bg-color);border-radius:50%}.ios .message-received.message-typing .message-content:after{width:11px;height:11px;left:4px;bottom:0px}.ios .message-received.message-typing .message-content:before{width:6px;height:6px;left:-1px;bottom:-4px}.ios .message-typing-indicator>div{width:9px;height:9px}.ios .message-typing-indicator>div+div{margin-left:4px}.ios .message-typing-indicator>div:nth-child(1){animation:ios-message-typing-indicator .9s infinite}.ios .message-typing-indicator>div:nth-child(2){animation:ios-message-typing-indicator .9s 150ms infinite}.ios .message-typing-indicator>div:nth-child(3){animation:ios-message-typing-indicator .9s .3s infinite}@keyframes ios-message-typing-indicator{0%{opacity:.35}25%{opacity:.2}50%{opacity:.2}}.md .message-footer b,.md .message-header b,.md .message-name b,.md .messages-title b{font-weight:500}.md .message-header,.md .message-name{margin-bottom:2px}.md .message-footer{margin-top:2px}.md .message-text-header{margin-bottom:4px}.md .message-text-footer{margin-top:4px}.md .message-received.message-tail .message-bubble:before,.md .message-sent.message-tail .message-bubble:before{position:absolute;content:'';bottom:0;width:0;height:0}.md .message-received{margin-left:calc(8px + var(--f7-safe-area-left))}.md .message-received .message-avatar+.message-content{margin-left:var(--f7-message-bubble-padding-horizontal)}.md .message-received.message-tail .message-bubble:before{border-left:8px solid transparent;border-right:0 solid transparent;border-bottom:8px solid var(--f7-message-received-bg-color);right:100%}.md .message-sent{margin-right:calc(8px + var(--f7-safe-area-right))}.md .message-sent .message-avatar+.message-content{margin-right:var(--f7-message-bubble-padding-horizontal)}.md .message-sent.message-tail .message-bubble:before{border-left:0 solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--f7-message-sent-bg-color,var(--f7-theme-color));left:100%}.md .message+.message:not(.message-first){margin-top:8px}.md .message-typing-indicator>div{width:6px;height:6px}.md .message-typing-indicator>div+div{margin-left:6px}.md .message-typing-indicator>div:nth-child(1){animation:md-message-typing-indicator .9s infinite}.md .message-typing-indicator>div:nth-child(2){animation:md-message-typing-indicator .9s 150ms infinite}.md .message-typing-indicator>div:nth-child(3){animation:md-message-typing-indicator .9s .3s infinite}@keyframes md-message-typing-indicator{0%{transform:translateY(0%)}25%{transform:translateY(-5px)}50%{transform:translateY(0%)}}.aurora .message-footer b,.aurora .message-header b,.aurora .message-name b,.aurora .messages-title b{font-weight:500}.aurora .message-header,.aurora .message-name{margin-bottom:2px}.aurora .message-footer{margin-top:2px}.aurora .message-text-header{margin-bottom:2px}.aurora .message-text-footer{margin-top:2px}.aurora .message-received.message-tail .message-bubble:before,.aurora .message-sent.message-tail .message-bubble:before{position:absolute;content:'';bottom:0;width:0;height:0}.aurora .message-image{margin:var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal) + 4px)}.aurora .message-image:first-child{margin-top:calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px)}.aurora .message-image:first-child img{border-top-left-radius:var(--f7-message-bubble-border-radius);border-top-right-radius:var(--f7-message-bubble-border-radius)}.aurora .message-image:last-child{margin-bottom:calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px)}.aurora .message-image:last-child img{border-bottom-left-radius:var(--f7-message-bubble-border-radius);border-bottom-right-radius:var(--f7-message-bubble-border-radius)}.aurora .message-received{margin-left:calc(15px + var(--f7-safe-area-left))}.aurora .message-received .message-avatar+.message-content{margin-left:5px}.aurora .message-received .message-footer,.aurora .message-received .message-header,.aurora .message-received .message-name{margin-left:var(--f7-message-bubble-padding-horizontal)}.aurora .message-received.message-tail .message-bubble:before{border-left:6px solid transparent;border-right:0 solid transparent;border-bottom:6px solid var(--f7-message-received-bg-color);right:100%;transform:translate(2px,0px) rotate(-15deg);transform-origin:right bottom}.aurora .message-sent{margin-right:calc(15px + var(--f7-safe-area-right))}.aurora .message-sent .message-avatar+.message-content{margin-right:5px}.aurora .message-sent .message-footer,.aurora .message-sent .message-header,.aurora .message-sent .message-name{margin-right:var(--f7-message-bubble-padding-horizontal)}.aurora .message-sent.message-tail .message-bubble:before{border-left:0 solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--f7-message-sent-bg-color,var(--f7-theme-color));left:100%;transform:translate(-2px,0px) rotate(15deg);transform-origin:left bottom}.aurora .message+.message:not(.message-first){margin-top:5px}.aurora .message-typing-indicator>div{width:6px;height:6px}.aurora .message-typing-indicator>div+div{margin-left:4px}.aurora .message-typing-indicator>div:nth-child(1){animation:aurora-message-typing-indicator .9s infinite}.aurora .message-typing-indicator>div:nth-child(2){animation:aurora-message-typing-indicator .9s 150ms infinite}.aurora .message-typing-indicator>div:nth-child(3){animation:aurora-message-typing-indicator .9s .3s infinite}@keyframes aurora-message-typing-indicator{0%{transform:translateY(0%)}50%{transform:translateY(-5px)}100%{transform:translateY(0%)}} \ No newline at end of file +:root{--f7-messages-content-bg-color:#fff;--f7-message-text-header-text-color:inherit;--f7-message-text-header-opacity:0.65;--f7-message-text-header-font-size:12px;--f7-message-text-footer-text-color:inherit;--f7-message-text-footer-opacity:0.65;--f7-message-text-footer-font-size:12px;--f7-message-bubble-line-height:1.2;--f7-message-header-font-size:12px;--f7-message-footer-font-size:11px;--f7-message-name-font-size:12px;--f7-message-name-font-weight:inherit;--f7-message-typing-indicator-bg-color:#000;--f7-message-avatar-border-radius:50%;--f7-messages-title-font-weight:inherit;--f7-message-sent-text-color:#fff;--f7-message-received-bg-color:#e5e5ea;--f7-message-received-text-color:#000}:root .theme-dark,:root.theme-dark{--f7-messages-content-bg-color:transparent;--f7-message-received-bg-color:#333;--f7-message-received-text-color:#fff;--f7-message-typing-indicator-bg-color:#fff}.ios{--f7-messages-title-text-color:rgba(0, 0, 0, 0.45);--f7-messages-title-font-size:11px;--f7-message-header-text-color:rgba(0, 0, 0, 0.45);--f7-message-footer-text-color:rgba(0, 0, 0, 0.45);--f7-message-name-text-color:rgba(0, 0, 0, 0.45);--f7-message-avatar-size:29px;--f7-message-margin:10px;--f7-message-bubble-min-height:32px;--f7-message-bubble-font-size:17px;--f7-message-bubble-border-radius:16px;--f7-message-bubble-padding-vertical:6px;--f7-message-bubble-padding-horizontal:16px;--f7-message-typing-indicator-opacity:0.35}.md{--f7-messages-title-text-color:rgba(0, 0, 0, 0.51);--f7-messages-title-font-size:12px;--f7-message-header-text-color:rgba(0, 0, 0, 0.51);--f7-message-footer-text-color:rgba(0, 0, 0, 0.51);--f7-message-name-text-color:rgba(0, 0, 0, 0.51);--f7-message-avatar-size:32px;--f7-message-margin:16px;--f7-message-bubble-min-height:32px;--f7-message-bubble-font-size:16px;--f7-message-bubble-border-radius:4px;--f7-message-bubble-padding-vertical:6px;--f7-message-bubble-padding-horizontal:8px;--f7-message-typing-indicator-opacity:0.6}.md .theme-dark,.md.theme-dark{--f7-messages-title-text-color:rgba(255, 255, 255, 0.54);--f7-message-header-text-color:rgba(255, 255, 255, 0.54);--f7-message-name-text-color:rgba(255, 255, 255, 0.54);--f7-message-footer-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-messages-title-text-color:rgba(0, 0, 0, 0.51);--f7-messages-title-font-size:12px;--f7-message-header-text-color:rgba(0, 0, 0, 0.51);--f7-message-footer-text-color:rgba(0, 0, 0, 0.51);--f7-message-name-text-color:rgba(0, 0, 0, 0.51);--f7-message-avatar-size:24px;--f7-message-margin:10px;--f7-message-bubble-min-height:28px;--f7-message-bubble-font-size:13px;--f7-message-bubble-line-height:1.4;--f7-message-bubble-border-radius:14px;--f7-message-bubble-padding-vertical:5px;--f7-message-bubble-padding-horizontal:10px;--f7-message-typing-indicator-opacity:0.5}.aurora .theme-dark,.aurora.theme-dark{--f7-messages-title-text-color:rgba(255, 255, 255, 0.54);--f7-message-header-text-color:rgba(255, 255, 255, 0.54);--f7-message-name-text-color:rgba(255, 255, 255, 0.54);--f7-message-footer-text-color:rgba(255, 255, 255, 0.54)}.messages,.messages-content{background:var(--f7-messages-content-bg-color)}.messages{display:flex;flex-direction:column;min-height:100%;position:relative;z-index:1}.message,.messages-title{margin-top:var(--f7-message-margin)}.message:last-child,.messages-title:last-child{margin-bottom:var(--f7-message-margin)}.messages-title{text-align:center;width:100%;line-height:1;color:var(--f7-messages-title-text-color);font-size:var(--f7-messages-title-font-size);font-weight:var(--f7-messages-title-font-weight)}.message{max-width:70%;box-sizing:border-box;display:flex;align-items:flex-end;position:relative;z-index:1;transform:translate3d(0,0,0)}.message-avatar{border-radius:var(--f7-message-avatar-border-radius);position:relative;background-size:cover;align-self:flex-end;flex-shrink:0;width:var(--f7-message-avatar-size);height:var(--f7-message-avatar-size)}.message-content{position:relative;display:flex;flex-direction:column}.message-footer,.message-header,.message-name{line-height:1}.message-header{color:var(--f7-message-header-text-color);font-size:var(--f7-message-header-font-size)}.message-footer{color:var(--f7-message-footer-text-color);font-size:var(--f7-message-footer-font-size);margin-bottom:-1em}.message-name{color:var(--f7-message-name-text-color);font-size:var(--f7-message-name-font-size);font-weight:var(--f7-message-name-font-weight)}.message-bubble{box-sizing:border-box;word-break:break-word;display:flex;flex-direction:column;position:relative;line-height:var(--f7-message-bubble-line-height);font-size:var(--f7-message-bubble-font-size);border-radius:var(--f7-message-bubble-border-radius);padding:var(--f7-message-bubble-padding-vertical) var(--f7-message-bubble-padding-horizontal);min-height:var(--f7-message-bubble-min-height)}.message-image img{display:block;max-width:100%;height:auto;width:auto}.message-text-footer,.message-text-header{line-height:1}.message-text-header{color:var(--f7-message-text-header-text-color);opacity:var(--f7-message-text-header-opacity);font-size:var(--f7-message-text-header-font-size)}.message-text-footer{color:var(--f7-message-text-footer-text-color);opacity:var(--f7-message-text-footer-opacity);font-size:var(--f7-message-text-footer-font-size)}.message-text{text-align:left}.message-sent{text-align:right;flex-direction:row-reverse;align-self:flex-end}.message-sent .message-bubble{color:var(--f7-message-sent-text-color);background:var(--f7-message-sent-bg-color,var(--f7-theme-color))}.message-sent .message-content{align-items:flex-end}.message-sent.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0 var(--f7-message-bubble-border-radius)}.message-received{flex-direction:row}.message-received .message-bubble{color:var(--f7-message-received-text-color);background:var(--f7-message-received-bg-color)}.message-received .message-content{align-items:flex-start}.message-received.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0}.message:not(.message-last) .message-avatar{opacity:0}.message:not(.message-first) .message-name{display:none}.message.message-same-name .message-name{display:none}.message.message-same-header .message-header{display:none}.message.message-same-footer .message-footer{display:none}.message-appear-from-bottom{animation:message-appear-from-bottom .3s}.message-appear-from-top{animation:message-appear-from-top .3s}.message-typing-indicator{display:inline-block;font-size:0;vertical-align:middle}.message-typing-indicator>div{display:inline-block;position:relative;background:var(--f7-message-typing-indicator-bg-color);opacity:var(--f7-message-typing-indicator-opacity);vertical-align:middle;border-radius:50%}@keyframes message-appear-from-bottom{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}@keyframes message-appear-from-top{from{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,0,0)}}.ios .message-footer b,.ios .message-header b,.ios .message-name b,.ios .messages-title b{font-weight:600}.ios .message-header,.ios .message-name{margin-bottom:3px}.ios .message-footer{margin-top:3px}.ios .message-bubble{min-width:48px}.ios .message-image{margin:var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal))}.ios .message-image:first-child{margin-top:calc(-1 * var(--f7-message-bubble-padding-vertical))}.ios .message-image:first-child img{border-top-left-radius:var(--f7-message-bubble-border-radius);border-top-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-image:last-child{margin-bottom:calc(-1 * var(--f7-message-bubble-padding-vertical))}.ios .message-image:last-child img{border-bottom-left-radius:var(--f7-message-bubble-border-radius);border-bottom-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-text-header{margin-bottom:3px}.ios .message-text-footer{margin-top:3px}.ios .message-received{margin-left:calc(10px + var(--f7-safe-area-left))}.ios .message-received .message-footer,.ios .message-received .message-header,.ios .message-received .message-name{margin-left:var(--f7-message-bubble-padding-horizontal)}.ios .message-received .message-bubble{padding-left:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received .message-image{margin-left:calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px))}.ios .message-received.message-tail:not(.message-typing) .message-bubble{-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img{border-bottom-left-radius:0px}.ios .message-sent{margin-right:calc(10px + var(--f7-safe-area-right))}.ios .message-sent .message-footer,.ios .message-sent .message-header,.ios .message-sent .message-name{margin-right:var(--f7-message-bubble-padding-horizontal)}.ios .message-sent .message-bubble{padding-right:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent .message-image{margin-right:calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px))}.ios .message-sent.message-tail .message-bubble{-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent.message-tail .message-bubble .message-image:last-child img{border-bottom-right-radius:0px}.ios .message+.message:not(.message-first){margin-top:1px}.ios .message-received.message-typing .message-content:after,.ios .message-received.message-typing .message-content:before{content:'';position:absolute;background:var(--f7-message-received-bg-color);border-radius:50%}.ios .message-received.message-typing .message-content:after{width:11px;height:11px;left:4px;bottom:0px}.ios .message-received.message-typing .message-content:before{width:6px;height:6px;left:-1px;bottom:-4px}.ios .message-typing-indicator>div{width:9px;height:9px}.ios .message-typing-indicator>div+div{margin-left:4px}.ios .message-typing-indicator>div:nth-child(1){animation:ios-message-typing-indicator .9s infinite}.ios .message-typing-indicator>div:nth-child(2){animation:ios-message-typing-indicator .9s 150ms infinite}.ios .message-typing-indicator>div:nth-child(3){animation:ios-message-typing-indicator .9s .3s infinite}@keyframes ios-message-typing-indicator{0%{opacity:.35}25%{opacity:.2}50%{opacity:.2}}.md .message-footer b,.md .message-header b,.md .message-name b,.md .messages-title b{font-weight:500}.md .message-header,.md .message-name{margin-bottom:2px}.md .message-footer{margin-top:2px}.md .message-text-header{margin-bottom:4px}.md .message-text-footer{margin-top:4px}.md .message-received.message-tail .message-bubble:before,.md .message-sent.message-tail .message-bubble:before{position:absolute;content:'';bottom:0;width:0;height:0}.md .message-received{margin-left:calc(8px + var(--f7-safe-area-left))}.md .message-received .message-avatar+.message-content{margin-left:var(--f7-message-bubble-padding-horizontal)}.md .message-received.message-tail .message-bubble:before{border-left:8px solid transparent;border-right:0 solid transparent;border-bottom:8px solid var(--f7-message-received-bg-color);right:100%}.md .message-sent{margin-right:calc(8px + var(--f7-safe-area-right))}.md .message-sent .message-avatar+.message-content{margin-right:var(--f7-message-bubble-padding-horizontal)}.md .message-sent.message-tail .message-bubble:before{border-left:0 solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--f7-message-sent-bg-color,var(--f7-theme-color));left:100%}.md .message+.message:not(.message-first){margin-top:8px}.md .message-typing-indicator>div{width:6px;height:6px}.md .message-typing-indicator>div+div{margin-left:6px}.md .message-typing-indicator>div:nth-child(1){animation:md-message-typing-indicator .9s infinite}.md .message-typing-indicator>div:nth-child(2){animation:md-message-typing-indicator .9s 150ms infinite}.md .message-typing-indicator>div:nth-child(3){animation:md-message-typing-indicator .9s .3s infinite}@keyframes md-message-typing-indicator{0%{transform:translateY(0%)}25%{transform:translateY(-5px)}50%{transform:translateY(0%)}}.aurora .message-footer b,.aurora .message-header b,.aurora .message-name b,.aurora .messages-title b{font-weight:500}.aurora .message-header,.aurora .message-name{margin-bottom:2px}.aurora .message-footer{margin-top:2px}.aurora .message-text-header{margin-bottom:2px}.aurora .message-text-footer{margin-top:2px}.aurora .message-received.message-tail .message-bubble:before,.aurora .message-sent.message-tail .message-bubble:before{position:absolute;content:'';bottom:0;width:0;height:0}.aurora .message-image{margin:var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal) + 4px)}.aurora .message-image:first-child{margin-top:calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px)}.aurora .message-image:first-child img{border-top-left-radius:var(--f7-message-bubble-border-radius);border-top-right-radius:var(--f7-message-bubble-border-radius)}.aurora .message-image:last-child{margin-bottom:calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px)}.aurora .message-image:last-child img{border-bottom-left-radius:var(--f7-message-bubble-border-radius);border-bottom-right-radius:var(--f7-message-bubble-border-radius)}.aurora .message-received{margin-left:calc(16px + var(--f7-safe-area-left))}.aurora .message-received .message-avatar+.message-content{margin-left:5px}.aurora .message-received .message-footer,.aurora .message-received .message-header,.aurora .message-received .message-name{margin-left:var(--f7-message-bubble-padding-horizontal)}.aurora .message-received.message-tail .message-bubble:before{border-left:6px solid transparent;border-right:0 solid transparent;border-bottom:6px solid var(--f7-message-received-bg-color);right:100%;transform:translate(2px,0px) rotate(-15deg);transform-origin:right bottom}.aurora .message-sent{margin-right:calc(16px + var(--f7-safe-area-right))}.aurora .message-sent .message-avatar+.message-content{margin-right:5px}.aurora .message-sent .message-footer,.aurora .message-sent .message-header,.aurora .message-sent .message-name{margin-right:var(--f7-message-bubble-padding-horizontal)}.aurora .message-sent.message-tail .message-bubble:before{border-left:0 solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--f7-message-sent-bg-color,var(--f7-theme-color));left:100%;transform:translate(-2px,0px) rotate(15deg);transform-origin:left bottom}.aurora .message+.message:not(.message-first){margin-top:5px}.aurora .message-typing-indicator>div{width:6px;height:6px}.aurora .message-typing-indicator>div+div{margin-left:4px}.aurora .message-typing-indicator>div:nth-child(1){animation:aurora-message-typing-indicator .9s infinite}.aurora .message-typing-indicator>div:nth-child(2){animation:aurora-message-typing-indicator .9s 150ms infinite}.aurora .message-typing-indicator>div:nth-child(3){animation:aurora-message-typing-indicator .9s .3s infinite}@keyframes aurora-message-typing-indicator{0%{transform:translateY(0%)}50%{transform:translateY(-5px)}100%{transform:translateY(0%)}} \ No newline at end of file diff --git a/packages/core/components/messages.rtl.css b/packages/core/components/messages.rtl.css index e7be6bd2a8..458f7143d9 100644 --- a/packages/core/components/messages.rtl.css +++ b/packages/core/components/messages.rtl.css @@ -1 +1 @@ -:root{--f7-messages-content-bg-color:#fff;--f7-message-text-header-text-color:inherit;--f7-message-text-header-opacity:0.65;--f7-message-text-header-font-size:12px;--f7-message-text-footer-text-color:inherit;--f7-message-text-footer-opacity:0.65;--f7-message-text-footer-font-size:12px;--f7-message-bubble-line-height:1.2;--f7-message-header-font-size:12px;--f7-message-footer-font-size:11px;--f7-message-name-font-size:12px;--f7-message-name-font-weight:inherit;--f7-message-typing-indicator-bg-color:#000;--f7-message-avatar-border-radius:50%;--f7-messages-title-font-weight:inherit;--f7-message-sent-text-color:#fff;--f7-message-received-bg-color:#e5e5ea;--f7-message-received-text-color:#000}:root .theme-dark,:root.theme-dark{--f7-messages-content-bg-color:transparent;--f7-message-received-bg-color:#333;--f7-message-received-text-color:#fff;--f7-message-typing-indicator-bg-color:#fff}.ios{--f7-messages-title-text-color:rgba(0, 0, 0, 0.45);--f7-messages-title-font-size:11px;--f7-message-header-text-color:rgba(0, 0, 0, 0.45);--f7-message-footer-text-color:rgba(0, 0, 0, 0.45);--f7-message-name-text-color:rgba(0, 0, 0, 0.45);--f7-message-avatar-size:29px;--f7-message-margin:10px;--f7-message-bubble-min-height:32px;--f7-message-bubble-font-size:17px;--f7-message-bubble-border-radius:16px;--f7-message-bubble-padding-vertical:6px;--f7-message-bubble-padding-horizontal:16px;--f7-message-typing-indicator-opacity:0.35}.md{--f7-messages-title-text-color:rgba(0, 0, 0, 0.51);--f7-messages-title-font-size:12px;--f7-message-header-text-color:rgba(0, 0, 0, 0.51);--f7-message-footer-text-color:rgba(0, 0, 0, 0.51);--f7-message-name-text-color:rgba(0, 0, 0, 0.51);--f7-message-avatar-size:32px;--f7-message-margin:16px;--f7-message-bubble-min-height:32px;--f7-message-bubble-font-size:16px;--f7-message-bubble-border-radius:4px;--f7-message-bubble-padding-vertical:6px;--f7-message-bubble-padding-horizontal:8px;--f7-message-typing-indicator-opacity:0.6}.md .theme-dark,.md.theme-dark{--f7-messages-title-text-color:rgba(255, 255, 255, 0.54);--f7-message-header-text-color:rgba(255, 255, 255, 0.54);--f7-message-name-text-color:rgba(255, 255, 255, 0.54);--f7-message-footer-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-messages-title-text-color:rgba(0, 0, 0, 0.51);--f7-messages-title-font-size:12px;--f7-message-header-text-color:rgba(0, 0, 0, 0.51);--f7-message-footer-text-color:rgba(0, 0, 0, 0.51);--f7-message-name-text-color:rgba(0, 0, 0, 0.51);--f7-message-avatar-size:24px;--f7-message-margin:10px;--f7-message-bubble-min-height:28px;--f7-message-bubble-font-size:13px;--f7-message-bubble-line-height:1.4;--f7-message-bubble-border-radius:14px;--f7-message-bubble-padding-vertical:5px;--f7-message-bubble-padding-horizontal:10px;--f7-message-typing-indicator-opacity:0.5}.aurora .theme-dark,.aurora.theme-dark{--f7-messages-title-text-color:rgba(255, 255, 255, 0.52);--f7-message-header-text-color:rgba(255, 255, 255, 0.52);--f7-message-name-text-color:rgba(255, 255, 255, 0.52);--f7-message-footer-text-color:rgba(255, 255, 255, 0.52)}.messages,.messages-content{background:var(--f7-messages-content-bg-color)}.messages{display:flex;flex-direction:column;min-height:100%;position:relative;z-index:1}.message,.messages-title{margin-top:var(--f7-message-margin)}.message:last-child,.messages-title:last-child{margin-bottom:var(--f7-message-margin)}.messages-title{text-align:center;width:100%;line-height:1;color:var(--f7-messages-title-text-color);font-size:var(--f7-messages-title-font-size);font-weight:var(--f7-messages-title-font-weight)}.message{max-width:70%;box-sizing:border-box;display:flex;align-items:flex-end;position:relative;z-index:1;transform:translate3d(0,0,0)}.message-avatar{border-radius:var(--f7-message-avatar-border-radius);position:relative;background-size:cover;align-self:flex-end;flex-shrink:0;width:var(--f7-message-avatar-size);height:var(--f7-message-avatar-size)}.message-content{position:relative;display:flex;flex-direction:column}.message-footer,.message-header,.message-name{line-height:1}.message-header{color:var(--f7-message-header-text-color);font-size:var(--f7-message-header-font-size)}.message-footer{color:var(--f7-message-footer-text-color);font-size:var(--f7-message-footer-font-size);margin-bottom:-1em}.message-name{color:var(--f7-message-name-text-color);font-size:var(--f7-message-name-font-size);font-weight:var(--f7-message-name-font-weight)}.message-bubble{box-sizing:border-box;word-break:break-word;display:flex;flex-direction:column;position:relative;line-height:var(--f7-message-bubble-line-height);font-size:var(--f7-message-bubble-font-size);border-radius:var(--f7-message-bubble-border-radius);padding:var(--f7-message-bubble-padding-vertical) var(--f7-message-bubble-padding-horizontal);min-height:var(--f7-message-bubble-min-height)}.message-image img{display:block;max-width:100%;height:auto;width:auto}.message-text-footer,.message-text-header{line-height:1}.message-text-header{color:var(--f7-message-text-header-text-color);opacity:var(--f7-message-text-header-opacity);font-size:var(--f7-message-text-header-font-size)}.message-text-footer{color:var(--f7-message-text-footer-text-color);opacity:var(--f7-message-text-footer-opacity);font-size:var(--f7-message-text-footer-font-size)}.message-text{text-align:left}.message-sent{text-align:right;flex-direction:row;align-self:flex-start}.message-sent .message-bubble{color:var(--f7-message-sent-text-color);background:var(--f7-message-sent-bg-color,var(--f7-theme-color))}.message-sent .message-content{align-items:flex-start}.message-sent.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0 var(--f7-message-bubble-border-radius)}.message-received{flex-direction:row-reverse;align-self:flex-end}.message-received .message-bubble{color:var(--f7-message-received-text-color);background:var(--f7-message-received-bg-color)}.message-received .message-content{align-items:flex-end}.message-received.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0}.message:not(.message-last) .message-avatar{opacity:0}.message:not(.message-first) .message-name{display:none}.message.message-same-name .message-name{display:none}.message.message-same-header .message-header{display:none}.message.message-same-footer .message-footer{display:none}.message-appear-from-bottom{animation:message-appear-from-bottom .3s}.message-appear-from-top{animation:message-appear-from-top .3s}.message-typing-indicator{display:inline-block;font-size:0;vertical-align:middle}.message-typing-indicator>div{display:inline-block;position:relative;background:var(--f7-message-typing-indicator-bg-color);opacity:var(--f7-message-typing-indicator-opacity);vertical-align:middle;border-radius:50%}@keyframes message-appear-from-bottom{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}@keyframes message-appear-from-top{from{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,0,0)}}.ios .message-footer b,.ios .message-header b,.ios .message-name b,.ios .messages-title b{font-weight:600}.ios .message-header,.ios .message-name{margin-bottom:3px}.ios .message-footer{margin-top:3px}.ios .message-bubble{min-width:48px}.ios .message-image{margin:var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal))}.ios .message-image:first-child{margin-top:calc(-1 * var(--f7-message-bubble-padding-vertical))}.ios .message-image:first-child img{border-top-left-radius:var(--f7-message-bubble-border-radius);border-top-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-image:last-child{margin-bottom:calc(-1 * var(--f7-message-bubble-padding-vertical))}.ios .message-image:last-child img{border-bottom-left-radius:var(--f7-message-bubble-border-radius);border-bottom-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-text-header{margin-bottom:3px}.ios .message-text-footer{margin-top:3px}.ios .message-received{margin-left:calc(10px + var(--f7-safe-area-left))}.ios .message-received .message-footer,.ios .message-received .message-header,.ios .message-received .message-name{margin-left:var(--f7-message-bubble-padding-horizontal)}.ios .message-received .message-bubble{padding-left:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received .message-image{margin-left:calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px))}.ios .message-received.message-tail:not(.message-typing) .message-bubble{-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img{border-bottom-left-radius:0px}.ios .message-sent{margin-right:calc(10px + var(--f7-safe-area-right))}.ios .message-sent .message-footer,.ios .message-sent .message-header,.ios .message-sent .message-name{margin-right:var(--f7-message-bubble-padding-horizontal)}.ios .message-sent .message-bubble{padding-right:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent .message-image{margin-right:calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px))}.ios .message-sent.message-tail .message-bubble{-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent.message-tail .message-bubble .message-image:last-child img{border-bottom-right-radius:0px}.ios .message+.message:not(.message-first){margin-top:1px}.ios .message-received.message-typing .message-content:after,.ios .message-received.message-typing .message-content:before{content:'';position:absolute;background:var(--f7-message-received-bg-color);border-radius:50%}.ios .message-received.message-typing .message-content:after{width:11px;height:11px;left:4px;bottom:0px}.ios .message-received.message-typing .message-content:before{width:6px;height:6px;left:-1px;bottom:-4px}.ios .message-typing-indicator>div{width:9px;height:9px}.ios .message-typing-indicator>div+div{margin-right:4px}.ios .message-typing-indicator>div:nth-child(1){animation:ios-message-typing-indicator .9s infinite}.ios .message-typing-indicator>div:nth-child(2){animation:ios-message-typing-indicator .9s 150ms infinite}.ios .message-typing-indicator>div:nth-child(3){animation:ios-message-typing-indicator .9s .3s infinite}@keyframes ios-message-typing-indicator{0%{opacity:.35}25%{opacity:.2}50%{opacity:.2}}.md .message-footer b,.md .message-header b,.md .message-name b,.md .messages-title b{font-weight:500}.md .message-header,.md .message-name{margin-bottom:2px}.md .message-footer{margin-top:2px}.md .message-text-header{margin-bottom:4px}.md .message-text-footer{margin-top:4px}.md .message-received.message-tail .message-bubble:before,.md .message-sent.message-tail .message-bubble:before{position:absolute;content:'';bottom:0;width:0;height:0}.md .message-received{margin-left:calc(8px + var(--f7-safe-area-left))}.md .message-received .message-avatar+.message-content{margin-left:var(--f7-message-bubble-padding-horizontal)}.md .message-received.message-tail .message-bubble:before{border-left:8px solid transparent;border-right:0 solid transparent;border-bottom:8px solid var(--f7-message-received-bg-color);right:100%}.md .message-sent{margin-right:calc(8px + var(--f7-safe-area-right))}.md .message-sent .message-avatar+.message-content{margin-right:var(--f7-message-bubble-padding-horizontal)}.md .message-sent.message-tail .message-bubble:before{border-left:0 solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--f7-message-sent-bg-color,var(--f7-theme-color));left:100%}.md .message+.message:not(.message-first){margin-top:8px}.md .message-typing-indicator>div{width:6px;height:6px}.md .message-typing-indicator>div+div{margin-right:6px}.md .message-typing-indicator>div:nth-child(1){animation:md-message-typing-indicator .9s infinite}.md .message-typing-indicator>div:nth-child(2){animation:md-message-typing-indicator .9s 150ms infinite}.md .message-typing-indicator>div:nth-child(3){animation:md-message-typing-indicator .9s .3s infinite}@keyframes md-message-typing-indicator{0%{transform:translateY(0%)}25%{transform:translateY(-5px)}50%{transform:translateY(0%)}}.aurora .message-footer b,.aurora .message-header b,.aurora .message-name b,.aurora .messages-title b{font-weight:500}.aurora .message-header,.aurora .message-name{margin-bottom:2px}.aurora .message-footer{margin-top:2px}.aurora .message-text-header{margin-bottom:2px}.aurora .message-text-footer{margin-top:2px}.aurora .message-received.message-tail .message-bubble:before,.aurora .message-sent.message-tail .message-bubble:before{position:absolute;content:'';bottom:0;width:0;height:0}.aurora .message-image{margin:var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal) + 4px)}.aurora .message-image:first-child{margin-top:calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px)}.aurora .message-image:first-child img{border-top-left-radius:var(--f7-message-bubble-border-radius);border-top-right-radius:var(--f7-message-bubble-border-radius)}.aurora .message-image:last-child{margin-bottom:calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px)}.aurora .message-image:last-child img{border-bottom-left-radius:var(--f7-message-bubble-border-radius);border-bottom-right-radius:var(--f7-message-bubble-border-radius)}.aurora .message-received{margin-left:calc(15px + var(--f7-safe-area-left))}.aurora .message-received .message-avatar+.message-content{margin-left:5px}.aurora .message-received .message-footer,.aurora .message-received .message-header,.aurora .message-received .message-name{margin-left:var(--f7-message-bubble-padding-horizontal)}.aurora .message-received.message-tail .message-bubble:before{border-left:6px solid transparent;border-right:0 solid transparent;border-bottom:6px solid var(--f7-message-received-bg-color);right:100%;transform:translate(2px,0px) rotate(-15deg);transform-origin:right bottom}.aurora .message-sent{margin-right:calc(15px + var(--f7-safe-area-right))}.aurora .message-sent .message-avatar+.message-content{margin-right:5px}.aurora .message-sent .message-footer,.aurora .message-sent .message-header,.aurora .message-sent .message-name{margin-right:var(--f7-message-bubble-padding-horizontal)}.aurora .message-sent.message-tail .message-bubble:before{border-left:0 solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--f7-message-sent-bg-color,var(--f7-theme-color));left:100%;transform:translate(-2px,0px) rotate(15deg);transform-origin:left bottom}.aurora .message+.message:not(.message-first){margin-top:5px}.aurora .message-typing-indicator>div{width:6px;height:6px}.aurora .message-typing-indicator>div+div{margin-right:4px}.aurora .message-typing-indicator>div:nth-child(1){animation:aurora-message-typing-indicator .9s infinite}.aurora .message-typing-indicator>div:nth-child(2){animation:aurora-message-typing-indicator .9s 150ms infinite}.aurora .message-typing-indicator>div:nth-child(3){animation:aurora-message-typing-indicator .9s .3s infinite}@keyframes aurora-message-typing-indicator{0%{transform:translateY(0%)}50%{transform:translateY(-5px)}100%{transform:translateY(0%)}} \ No newline at end of file +:root{--f7-messages-content-bg-color:#fff;--f7-message-text-header-text-color:inherit;--f7-message-text-header-opacity:0.65;--f7-message-text-header-font-size:12px;--f7-message-text-footer-text-color:inherit;--f7-message-text-footer-opacity:0.65;--f7-message-text-footer-font-size:12px;--f7-message-bubble-line-height:1.2;--f7-message-header-font-size:12px;--f7-message-footer-font-size:11px;--f7-message-name-font-size:12px;--f7-message-name-font-weight:inherit;--f7-message-typing-indicator-bg-color:#000;--f7-message-avatar-border-radius:50%;--f7-messages-title-font-weight:inherit;--f7-message-sent-text-color:#fff;--f7-message-received-bg-color:#e5e5ea;--f7-message-received-text-color:#000}:root .theme-dark,:root.theme-dark{--f7-messages-content-bg-color:transparent;--f7-message-received-bg-color:#333;--f7-message-received-text-color:#fff;--f7-message-typing-indicator-bg-color:#fff}.ios{--f7-messages-title-text-color:rgba(0, 0, 0, 0.45);--f7-messages-title-font-size:11px;--f7-message-header-text-color:rgba(0, 0, 0, 0.45);--f7-message-footer-text-color:rgba(0, 0, 0, 0.45);--f7-message-name-text-color:rgba(0, 0, 0, 0.45);--f7-message-avatar-size:29px;--f7-message-margin:10px;--f7-message-bubble-min-height:32px;--f7-message-bubble-font-size:17px;--f7-message-bubble-border-radius:16px;--f7-message-bubble-padding-vertical:6px;--f7-message-bubble-padding-horizontal:16px;--f7-message-typing-indicator-opacity:0.35}.md{--f7-messages-title-text-color:rgba(0, 0, 0, 0.51);--f7-messages-title-font-size:12px;--f7-message-header-text-color:rgba(0, 0, 0, 0.51);--f7-message-footer-text-color:rgba(0, 0, 0, 0.51);--f7-message-name-text-color:rgba(0, 0, 0, 0.51);--f7-message-avatar-size:32px;--f7-message-margin:16px;--f7-message-bubble-min-height:32px;--f7-message-bubble-font-size:16px;--f7-message-bubble-border-radius:4px;--f7-message-bubble-padding-vertical:6px;--f7-message-bubble-padding-horizontal:8px;--f7-message-typing-indicator-opacity:0.6}.md .theme-dark,.md.theme-dark{--f7-messages-title-text-color:rgba(255, 255, 255, 0.54);--f7-message-header-text-color:rgba(255, 255, 255, 0.54);--f7-message-name-text-color:rgba(255, 255, 255, 0.54);--f7-message-footer-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-messages-title-text-color:rgba(0, 0, 0, 0.51);--f7-messages-title-font-size:12px;--f7-message-header-text-color:rgba(0, 0, 0, 0.51);--f7-message-footer-text-color:rgba(0, 0, 0, 0.51);--f7-message-name-text-color:rgba(0, 0, 0, 0.51);--f7-message-avatar-size:24px;--f7-message-margin:10px;--f7-message-bubble-min-height:28px;--f7-message-bubble-font-size:13px;--f7-message-bubble-line-height:1.4;--f7-message-bubble-border-radius:14px;--f7-message-bubble-padding-vertical:5px;--f7-message-bubble-padding-horizontal:10px;--f7-message-typing-indicator-opacity:0.5}.aurora .theme-dark,.aurora.theme-dark{--f7-messages-title-text-color:rgba(255, 255, 255, 0.54);--f7-message-header-text-color:rgba(255, 255, 255, 0.54);--f7-message-name-text-color:rgba(255, 255, 255, 0.54);--f7-message-footer-text-color:rgba(255, 255, 255, 0.54)}.messages,.messages-content{background:var(--f7-messages-content-bg-color)}.messages{display:flex;flex-direction:column;min-height:100%;position:relative;z-index:1}.message,.messages-title{margin-top:var(--f7-message-margin)}.message:last-child,.messages-title:last-child{margin-bottom:var(--f7-message-margin)}.messages-title{text-align:center;width:100%;line-height:1;color:var(--f7-messages-title-text-color);font-size:var(--f7-messages-title-font-size);font-weight:var(--f7-messages-title-font-weight)}.message{max-width:70%;box-sizing:border-box;display:flex;align-items:flex-end;position:relative;z-index:1;transform:translate3d(0,0,0)}.message-avatar{border-radius:var(--f7-message-avatar-border-radius);position:relative;background-size:cover;align-self:flex-end;flex-shrink:0;width:var(--f7-message-avatar-size);height:var(--f7-message-avatar-size)}.message-content{position:relative;display:flex;flex-direction:column}.message-footer,.message-header,.message-name{line-height:1}.message-header{color:var(--f7-message-header-text-color);font-size:var(--f7-message-header-font-size)}.message-footer{color:var(--f7-message-footer-text-color);font-size:var(--f7-message-footer-font-size);margin-bottom:-1em}.message-name{color:var(--f7-message-name-text-color);font-size:var(--f7-message-name-font-size);font-weight:var(--f7-message-name-font-weight)}.message-bubble{box-sizing:border-box;word-break:break-word;display:flex;flex-direction:column;position:relative;line-height:var(--f7-message-bubble-line-height);font-size:var(--f7-message-bubble-font-size);border-radius:var(--f7-message-bubble-border-radius);padding:var(--f7-message-bubble-padding-vertical) var(--f7-message-bubble-padding-horizontal);min-height:var(--f7-message-bubble-min-height)}.message-image img{display:block;max-width:100%;height:auto;width:auto}.message-text-footer,.message-text-header{line-height:1}.message-text-header{color:var(--f7-message-text-header-text-color);opacity:var(--f7-message-text-header-opacity);font-size:var(--f7-message-text-header-font-size)}.message-text-footer{color:var(--f7-message-text-footer-text-color);opacity:var(--f7-message-text-footer-opacity);font-size:var(--f7-message-text-footer-font-size)}.message-text{text-align:left}.message-sent{text-align:right;flex-direction:row;align-self:flex-start}.message-sent .message-bubble{color:var(--f7-message-sent-text-color);background:var(--f7-message-sent-bg-color,var(--f7-theme-color))}.message-sent .message-content{align-items:flex-start}.message-sent.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0 var(--f7-message-bubble-border-radius)}.message-received{flex-direction:row-reverse;align-self:flex-end}.message-received .message-bubble{color:var(--f7-message-received-text-color);background:var(--f7-message-received-bg-color)}.message-received .message-content{align-items:flex-end}.message-received.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0}.message:not(.message-last) .message-avatar{opacity:0}.message:not(.message-first) .message-name{display:none}.message.message-same-name .message-name{display:none}.message.message-same-header .message-header{display:none}.message.message-same-footer .message-footer{display:none}.message-appear-from-bottom{animation:message-appear-from-bottom .3s}.message-appear-from-top{animation:message-appear-from-top .3s}.message-typing-indicator{display:inline-block;font-size:0;vertical-align:middle}.message-typing-indicator>div{display:inline-block;position:relative;background:var(--f7-message-typing-indicator-bg-color);opacity:var(--f7-message-typing-indicator-opacity);vertical-align:middle;border-radius:50%}@keyframes message-appear-from-bottom{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}@keyframes message-appear-from-top{from{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,0,0)}}.ios .message-footer b,.ios .message-header b,.ios .message-name b,.ios .messages-title b{font-weight:600}.ios .message-header,.ios .message-name{margin-bottom:3px}.ios .message-footer{margin-top:3px}.ios .message-bubble{min-width:48px}.ios .message-image{margin:var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal))}.ios .message-image:first-child{margin-top:calc(-1 * var(--f7-message-bubble-padding-vertical))}.ios .message-image:first-child img{border-top-left-radius:var(--f7-message-bubble-border-radius);border-top-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-image:last-child{margin-bottom:calc(-1 * var(--f7-message-bubble-padding-vertical))}.ios .message-image:last-child img{border-bottom-left-radius:var(--f7-message-bubble-border-radius);border-bottom-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-text-header{margin-bottom:3px}.ios .message-text-footer{margin-top:3px}.ios .message-received{margin-left:calc(10px + var(--f7-safe-area-left))}.ios .message-received .message-footer,.ios .message-received .message-header,.ios .message-received .message-name{margin-left:var(--f7-message-bubble-padding-horizontal)}.ios .message-received .message-bubble{padding-left:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received .message-image{margin-left:calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px))}.ios .message-received.message-tail:not(.message-typing) .message-bubble{-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img{border-bottom-left-radius:0px}.ios .message-sent{margin-right:calc(10px + var(--f7-safe-area-right))}.ios .message-sent .message-footer,.ios .message-sent .message-header,.ios .message-sent .message-name{margin-right:var(--f7-message-bubble-padding-horizontal)}.ios .message-sent .message-bubble{padding-right:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent .message-image{margin-right:calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px))}.ios .message-sent.message-tail .message-bubble{-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent.message-tail .message-bubble .message-image:last-child img{border-bottom-right-radius:0px}.ios .message+.message:not(.message-first){margin-top:1px}.ios .message-received.message-typing .message-content:after,.ios .message-received.message-typing .message-content:before{content:'';position:absolute;background:var(--f7-message-received-bg-color);border-radius:50%}.ios .message-received.message-typing .message-content:after{width:11px;height:11px;left:4px;bottom:0px}.ios .message-received.message-typing .message-content:before{width:6px;height:6px;left:-1px;bottom:-4px}.ios .message-typing-indicator>div{width:9px;height:9px}.ios .message-typing-indicator>div+div{margin-right:4px}.ios .message-typing-indicator>div:nth-child(1){animation:ios-message-typing-indicator .9s infinite}.ios .message-typing-indicator>div:nth-child(2){animation:ios-message-typing-indicator .9s 150ms infinite}.ios .message-typing-indicator>div:nth-child(3){animation:ios-message-typing-indicator .9s .3s infinite}@keyframes ios-message-typing-indicator{0%{opacity:.35}25%{opacity:.2}50%{opacity:.2}}.md .message-footer b,.md .message-header b,.md .message-name b,.md .messages-title b{font-weight:500}.md .message-header,.md .message-name{margin-bottom:2px}.md .message-footer{margin-top:2px}.md .message-text-header{margin-bottom:4px}.md .message-text-footer{margin-top:4px}.md .message-received.message-tail .message-bubble:before,.md .message-sent.message-tail .message-bubble:before{position:absolute;content:'';bottom:0;width:0;height:0}.md .message-received{margin-left:calc(8px + var(--f7-safe-area-left))}.md .message-received .message-avatar+.message-content{margin-left:var(--f7-message-bubble-padding-horizontal)}.md .message-received.message-tail .message-bubble:before{border-left:8px solid transparent;border-right:0 solid transparent;border-bottom:8px solid var(--f7-message-received-bg-color);right:100%}.md .message-sent{margin-right:calc(8px + var(--f7-safe-area-right))}.md .message-sent .message-avatar+.message-content{margin-right:var(--f7-message-bubble-padding-horizontal)}.md .message-sent.message-tail .message-bubble:before{border-left:0 solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--f7-message-sent-bg-color,var(--f7-theme-color));left:100%}.md .message+.message:not(.message-first){margin-top:8px}.md .message-typing-indicator>div{width:6px;height:6px}.md .message-typing-indicator>div+div{margin-right:6px}.md .message-typing-indicator>div:nth-child(1){animation:md-message-typing-indicator .9s infinite}.md .message-typing-indicator>div:nth-child(2){animation:md-message-typing-indicator .9s 150ms infinite}.md .message-typing-indicator>div:nth-child(3){animation:md-message-typing-indicator .9s .3s infinite}@keyframes md-message-typing-indicator{0%{transform:translateY(0%)}25%{transform:translateY(-5px)}50%{transform:translateY(0%)}}.aurora .message-footer b,.aurora .message-header b,.aurora .message-name b,.aurora .messages-title b{font-weight:500}.aurora .message-header,.aurora .message-name{margin-bottom:2px}.aurora .message-footer{margin-top:2px}.aurora .message-text-header{margin-bottom:2px}.aurora .message-text-footer{margin-top:2px}.aurora .message-received.message-tail .message-bubble:before,.aurora .message-sent.message-tail .message-bubble:before{position:absolute;content:'';bottom:0;width:0;height:0}.aurora .message-image{margin:var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal) + 4px)}.aurora .message-image:first-child{margin-top:calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px)}.aurora .message-image:first-child img{border-top-left-radius:var(--f7-message-bubble-border-radius);border-top-right-radius:var(--f7-message-bubble-border-radius)}.aurora .message-image:last-child{margin-bottom:calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px)}.aurora .message-image:last-child img{border-bottom-left-radius:var(--f7-message-bubble-border-radius);border-bottom-right-radius:var(--f7-message-bubble-border-radius)}.aurora .message-received{margin-left:calc(16px + var(--f7-safe-area-left))}.aurora .message-received .message-avatar+.message-content{margin-left:5px}.aurora .message-received .message-footer,.aurora .message-received .message-header,.aurora .message-received .message-name{margin-left:var(--f7-message-bubble-padding-horizontal)}.aurora .message-received.message-tail .message-bubble:before{border-left:6px solid transparent;border-right:0 solid transparent;border-bottom:6px solid var(--f7-message-received-bg-color);right:100%;transform:translate(2px,0px) rotate(-15deg);transform-origin:right bottom}.aurora .message-sent{margin-right:calc(16px + var(--f7-safe-area-right))}.aurora .message-sent .message-avatar+.message-content{margin-right:5px}.aurora .message-sent .message-footer,.aurora .message-sent .message-header,.aurora .message-sent .message-name{margin-right:var(--f7-message-bubble-padding-horizontal)}.aurora .message-sent.message-tail .message-bubble:before{border-left:0 solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--f7-message-sent-bg-color,var(--f7-theme-color));left:100%;transform:translate(-2px,0px) rotate(15deg);transform-origin:left bottom}.aurora .message+.message:not(.message-first){margin-top:5px}.aurora .message-typing-indicator>div{width:6px;height:6px}.aurora .message-typing-indicator>div+div{margin-right:4px}.aurora .message-typing-indicator>div:nth-child(1){animation:aurora-message-typing-indicator .9s infinite}.aurora .message-typing-indicator>div:nth-child(2){animation:aurora-message-typing-indicator .9s 150ms infinite}.aurora .message-typing-indicator>div:nth-child(3){animation:aurora-message-typing-indicator .9s .3s infinite}@keyframes aurora-message-typing-indicator{0%{transform:translateY(0%)}50%{transform:translateY(-5px)}100%{transform:translateY(0%)}} \ No newline at end of file diff --git a/packages/core/components/messages/messages-aurora.less b/packages/core/components/messages/messages-aurora.less index 23a580831b..f509c4aac1 100644 --- a/packages/core/components/messages/messages-aurora.less +++ b/packages/core/components/messages/messages-aurora.less @@ -48,7 +48,7 @@ } } .message-received { - margin-left: calc(15px + var(--f7-safe-area-left)); + margin-left: calc(16px + var(--f7-safe-area-left)); .message-avatar + .message-content { margin-left: 5px; } @@ -67,7 +67,7 @@ } } .message-sent { - margin-right: calc(15px + var(--f7-safe-area-right)); + margin-right: calc(16px + var(--f7-safe-area-right)); .message-avatar + .message-content { margin-right: 5px; } diff --git a/packages/core/components/messages/messages-vars.less b/packages/core/components/messages/messages-vars.less index 117c35f39e..2a64db9025 100644 --- a/packages/core/components/messages/messages-vars.less +++ b/packages/core/components/messages/messages-vars.less @@ -79,9 +79,9 @@ --f7-message-bubble-padding-horizontal: 10px; --f7-message-typing-indicator-opacity: 0.5; .theme-dark, &.theme-dark { - --f7-messages-title-text-color: rgba(255,255,255,0.52); - --f7-message-header-text-color: rgba(255,255,255,0.52); - --f7-message-name-text-color: rgba(255,255,255,0.52); - --f7-message-footer-text-color: rgba(255,255,255,0.52); + --f7-messages-title-text-color: rgba(255,255,255,0.54); + --f7-message-header-text-color: rgba(255,255,255,0.54); + --f7-message-name-text-color: rgba(255,255,255,0.54); + --f7-message-footer-text-color: rgba(255,255,255,0.54); } }); \ No newline at end of file diff --git a/packages/core/components/navbar/navbar-aurora.less b/packages/core/components/navbar/navbar-aurora.less index a7d9db1cf7..1e9f0615a0 100644 --- a/packages/core/components/navbar/navbar-aurora.less +++ b/packages/core/components/navbar/navbar-aurora.less @@ -35,10 +35,10 @@ } .right:first-child { .ltr({ - right: calc(15px + var(--f7-safe-area-right)); + right: calc(16px + var(--f7-safe-area-right)); }); .rtl({ - left: calc(15px + var(--f7-safe-area-left)); + left: calc(16px + var(--f7-safe-area-left)); }); } } diff --git a/packages/core/components/navbar/navbar-ios.less b/packages/core/components/navbar/navbar-ios.less index e440aca14f..64e417ad25 100644 --- a/packages/core/components/navbar/navbar-ios.less +++ b/packages/core/components/navbar/navbar-ios.less @@ -16,10 +16,10 @@ .left, .right { a + a { .ltr({ - margin-left: 15px; + margin-left: 16px; }); .rtl({ - margin-right: 15px; + margin-right: 16px; }); } } @@ -76,15 +76,21 @@ } // Positions + .view-master-detail .navbar-previous:not(.navbar-master), + .view:not(.view-master-detail) .navbar-previous, + .navbar-next { + .left, + .title, + .right, + .subnavbar, + .fading { + opacity: 0; + } + } + .view-master-detail .navbar-previous:not(.navbar-master), .view:not(.view-master-detail) .navbar-previous { pointer-events: none; - .navbar-bg { - transform: translateX(-100%); - } - &.navbar-large-collapsed { - transform: translateX(-100%) translateY(calc(-1 * var(--f7-navbar-large-title-height))); - } .title-large { opacity: 0; transition-duration: 0ms; @@ -92,53 +98,59 @@ transform: scale(0.5); transition-duration: 0ms; } - .title-large-inner { - transform: translateX(-100%); - opacity: 0; - transition-duration: 0ms; - } - } - .left, - .right, - > .title, - .subnavbar, - .fading { - opacity: 0; } - .sliding { - opacity: 0; - } - .subnavbar.sliding, &.sliding .subnavbar { + .subnavbar.sliding, + .sliding .subnavbar { opacity: 1; - transform: translate3d(-100%, 0, 0); + .ltr({ + transform: translate3d(-100%, 0, 0); + }); + .rtl({ + transform: translate3d(100%, 0, 0); + }); + } + } + .view:not(.view-master-detail) .navbar-previous, + .view-master-detail .navbar-previous:not(.navbar-master) { + .navbar-bg { + .ltr({ + transform: translateX(-100%); + }); + .rtl({ + transform: translateX(-100%); + }); } } .navbar-next { pointer-events: none; .navbar-bg { - transform: translateX(100%); + .ltr({ + transform: translateX(100%); + }); + .rtl({ + transform: translateX(-100%); + }); } .title-large { - .title-large-text, - .title-large-inner { + .title-large-text { transition-duration: 0ms; - transform: translateX(100%) translateY(calc(-1 * var(--f7-navbar-large-title-height))); - } - } - .left, .right, > .title, .subnavbar, .fading { - opacity: 0; - } - .sliding { - opacity: 0; - } - &.sliding { - .left, .right, > .title, .subnavbar { - opacity: 0; + .ltr({ + transform: translateX(100%) translateY(calc(-1 * var(--f7-navbar-large-title-height))); + }); + .rtl({ + transform: translateX(-100%) translateY(calc(-1 * var(--f7-navbar-large-title-height))); + }); } } - .subnavbar.sliding, &.sliding .subnavbar { + .subnavbar.sliding, + .sliding .subnavbar { opacity: 1; - transform: translate3d(100%, 0, 0); + .ltr({ + transform: translate3d(100%, 0, 0); + }); + .rtl({ + transform: translate3d(-100%, 0, 0); + }); } } @@ -159,21 +171,24 @@ } .navbar-current { .left, - > .title, - .right, .subnavbar { + .title, + .right, + .subnavbar { animation: ios-navbar-element-fade-out var(--f7-page-transition-duration) forwards; } - .sliding, - .left.sliding .icon + span, - &.sliding .left, - &.sliding .left .icon + span, - &.sliding > .title, - &.sliding .right { + .sliding.left, + .sliding.left .icon + span, + .sliding.title, + .sliding.right, + .sliding .left, + .sliding .left .icon + span, + .sliding .title, + .sliding .right { transition-duration: var(--f7-page-transition-duration); opacity: 0 !important; animation: none; } - &.sliding .subnavbar, + .sliding .subnavbar, .sliding.subnavbar { transition-duration: var(--f7-page-transition-duration); animation: none; @@ -183,16 +198,21 @@ } .router-transition-forward .navbar-next, .router-transition-backward .navbar-previous { - .left, > .title, .right, .subnavbar { + .left, + .title, + .right, + .subnavbar { animation: ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards; } - & .sliding, - & .left.sliding .icon + span, - &.sliding .left, - &.sliding .left .icon + span, - &.sliding > .title, - &.sliding .right, - &.sliding .subnavbar { + .sliding.left, + .sliding.left .icon + span, + .sliding.title, + .sliding.right, + .sliding .left, + .sliding .left .icon + span, + .sliding .title, + .sliding .right, + .sliding .subnavbar { transition-duration: var(--f7-page-transition-duration); animation: none; transform: translate3d(0,0,0) !important; @@ -201,7 +221,10 @@ } .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition, .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled { - .left, > .title, .right, .subnavbar { + .left, + .title, + .right, + .subnavbar { animation: none; } } @@ -216,11 +239,6 @@ } } } - .navbar-current.router-navbar-transition-from-large { - .title-large-inner { - animation: ios-navbar-large-title-inner-current-to-previous var(--f7-page-transition-duration) forwards; - } - } // NEXT .navbar-next.router-navbar-transition-from-large { @@ -238,23 +256,21 @@ .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large { .title-large { overflow: visible; - .title-large-text, - .title-large-inner { + .title-large-text { animation: ios-navbar-large-title-text-slide-left var(--f7-page-transition-duration) forwards; } } } .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) { .title-large { - .title-large-text, - .title-large-inner { + .title-large-text { animation: ios-navbar-large-title-text-slide-left var(--f7-page-transition-duration) forwards; } } } - .navbar-next.navbar-inner-large:not(.navbar-inner-large-collapsed), - .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) { - > .title { + .navbar-next.navbar-large:not(.navbar-large-collapsed), + .navbar-current.navbar-large:not(.navbar-large-collapsed) { + .title { animation: none; opacity: 0 !important; transition-duration: 0; @@ -276,16 +292,14 @@ .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large { .title-large { overflow: visible; - .title-large-text, - .title-large-inner { + .title-large-text { animation: ios-navbar-large-title-text-slide-right var(--f7-page-transition-duration) forwards; } } } .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) { .title-large { - .title-large-text, - .title-large-inner { + .title-large-text { animation: ios-navbar-large-title-text-slide-right var(--f7-page-transition-duration) forwards; } } @@ -305,15 +319,10 @@ } } } - .navbar-previous.router-navbar-transition-to-large { - .title-large-inner { - animation: ios-navbar-large-title-inner-previous-to-current var(--f7-page-transition-duration) forwards; - } - } - .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed), - .navbar-previous.navbar-inner-large:not(.navbar-inner-large-collapsed) { - > .title { + .navbar-current.navbar-large:not(.navbar-large-collapsed), + .navbar-previous.navbar-large:not(.navbar-large-collapsed) { + .title { animation: none; opacity: 0 !important; transition-duration: 0; @@ -321,25 +330,23 @@ } } --f7-navbar-large-transparent-bg-center: translateX(0); - --f7-navbar-large-transparent-bg-left: translateX(-100%); - --f7-navbar-large-transparent-bg-right: translateX(100%); - --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); .ltr({ + --f7-navbar-large-transparent-bg-left: translateX(-100%); --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); }); .rtl({ + --f7-navbar-large-transparent-bg-left: translateX(100%); --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); }); - .router-transition-forward { .navbar-current { .navbar-bg { @@ -354,13 +361,12 @@ &:not(.router-navbar-transition-from-large).router-navbar-transition-to-large .navbar-bg { animation-name: ios-navbar-bg-from-ct-to-lb; } - &.navbar-inner-large-collapsed:not(.router-navbar-transition-to-large) .navbar-bg { + &.navbar-large-collapsed:not(.router-navbar-transition-to-large) .navbar-bg { animation-name: ios-navbar-bg-from-ct-to-lt; } - &.navbar-inner-large-collapsed.navbar-inner-large-transparent:not(.router-navbar-transition-to-large) .navbar-bg { + &.navbar-large-collapsed.navbar-large-transparent:not(.router-navbar-transition-to-large) .navbar-bg { animation-name: ios-navbar-transparent-bg-from-c-to-l; } - } .navbar-next { .navbar-bg { @@ -390,7 +396,7 @@ &.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .navbar-bg { animation-name: ios-navbar-bg-from-cb-to-rt; } - &.navbar-inner-large-collapsed .navbar-bg { + &.navbar-large-collapsed .navbar-bg { animation-name: ios-navbar-bg-from-ct-to-rt; } @@ -405,13 +411,13 @@ &.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .navbar-bg { animation-name: ios-navbar-bg-from-lb-to-ct; } - &.navbar-inner-large-collapsed .navbar-bg { + &.navbar-large-collapsed .navbar-bg { animation-name: ios-navbar-bg-from-lt-to-ct; } - &.navbar-inner-large-collapsed.navbar-inner-large-transparent .navbar-bg { + &.navbar-large-collapsed.navbar-large-transparent .navbar-bg { animation-name: ios-navbar-transparent-bg-from-l-to-c; } - &.navbar-inner-large-collapsed.navbar-inner-large-transparent.router-navbar-transition-from-large .navbar-bg { + &.navbar-large-collapsed.navbar-large-transparent.router-navbar-transition-from-large .navbar-bg { animation-name: ios-navbar-bg-from-lb-to-ct; } } @@ -419,29 +425,51 @@ } .view-master-detail { + .navbars { + z-index: auto; + } + .page-master { + z-index: 525; + } + .navbar-master { + .navbar-inner, + .navbar-bg { + z-index: 550; + } + } + .navbar-master-detail { + .navbar-inner, + .navbar-bg { + z-index: 500; + } + } .navbar-master.navbar-previous { pointer-events: auto; .left, - &:not(.navbar-inner-large) .title, + &:not(.navbar-large) .title, .right, .subnavbar { opacity: 1; } } - .ios &.router-transition .navbar-master { + + &.router-transition .navbar-master { .left, .left .icon + span, - &:not(.navbar-inner-large) .title, + &:not(.navbar-large) .title, .right, .subnavbar, - .sliding, .fading { opacity: 1 !important; transition-duration: 0ms; transform: none !important; animation: none !important; } - &.navbar-inner-large { + .navbar-bg { + transition-duration: 0ms; + animation: none !important; + } + &.navbar-large { .title { opacity: calc(-1 + 2 * var(--f7-navbar-large-collapse-progress)) !important; transition-duration: 0ms; @@ -449,12 +477,17 @@ animation: none !important; } .title-large, - .title-large-text, - .title-large-inner { + .title-large-text { transition-duration: 0ms; animation: none !important; } } + &.navbar-large-transparent { + .navbar-bg { + height: 100% !important; + opacity: var(--f7-navbar-large-collapse-progress) !important; + } + } } } @keyframes ios-navbar-element-fade-in { @@ -593,36 +626,6 @@ transform: translateX(0px) translateY(0px) scale(1); } } -@keyframes ios-navbar-large-title-inner-current-to-previous { - 0% { - transform: translateX(0%); - opacity: 1; - } - 100% { - .ltr({ - transform: translateX(-100%); - }); - .rtl({ - transform: translateX(100%); - }); - opacity: 0; - } -} -@keyframes ios-navbar-large-title-inner-previous-to-current { - 0% { - .ltr({ - transform: translateX(-100%); - }); - .rtl({ - transform: translateX(100%); - }); - opacity: 0; - } - 100% { - transform: translateX(0%); - opacity: 1; - } -} @keyframes ios-navbar-bg-from-cb-to-lb { from { transform: var(--f7-navbar-large-bg-center-bottom) } diff --git a/packages/core/components/navbar/navbar-md.less b/packages/core/components/navbar/navbar-md.less index 5f548c0b3e..08271aad92 100644 --- a/packages/core/components/navbar/navbar-md.less +++ b/packages/core/components/navbar/navbar-md.less @@ -35,6 +35,13 @@ } .navbar-inner { justify-content: flex-start; + overflow: hidden; + } + .navbar-large:not(.navbar-large-collapsed) .navbar-inner { + overflow: visible; + } + .page.page-with-subnavbar .navbar-inner { + overflow: visible; } .navbar-inner-centered-title { justify-content: space-between; diff --git a/packages/core/components/navbar/navbar-vars.less b/packages/core/components/navbar/navbar-vars.less index 31dc355e6c..f629d5e5af 100644 --- a/packages/core/components/navbar/navbar-vars.less +++ b/packages/core/components/navbar/navbar-vars.less @@ -33,8 +33,8 @@ --f7-navbar-large-title-font-weight: 700; --f7-navbar-large-title-letter-spacing: -0.03em; --f7-navbar-large-title-padding-vertical: 6px; - --f7-navbar-large-title-padding-left: 15px; - --f7-navbar-large-title-padding-right: 15px; + --f7-navbar-large-title-padding-left: 16px; + --f7-navbar-large-title-padding-right: 16px; /* --f7-navbar-link-height: var(--f7-navbar-height); --f7-navbar-link-line-height: var(--f7-navbar-height); @@ -77,8 +77,8 @@ --f7-navbar-height: 38px; --f7-navbar-tablet-height: 38px; --f7-navbar-font-size: 14px; - --f7-navbar-inner-padding-left: 15px; - --f7-navbar-inner-padding-right: 15px; + --f7-navbar-inner-padding-left: 16px; + --f7-navbar-inner-padding-right: 16px; --f7-navbar-title-font-weight: 600; --f7-navbar-title-margin-left: 0; --f7-navbar-title-margin-right: 0; @@ -92,8 +92,8 @@ --f7-navbar-large-title-font-weight: bold; --f7-navbar-large-title-letter-spacing: -0.03em; --f7-navbar-large-title-padding-vertical: 4px; - --f7-navbar-large-title-padding-left: 15px; - --f7-navbar-large-title-padding-right: 15px; + --f7-navbar-large-title-padding-left: 16px; + --f7-navbar-large-title-padding-right: 16px; --f7-navbar-link-height: auto; --f7-navbar-link-line-height: inherit; .theme-dark, &.theme-dark { diff --git a/packages/core/components/navbar/navbar.js b/packages/core/components/navbar/navbar.js index a60682c1fc..540c729227 100644 --- a/packages/core/components/navbar/navbar.js +++ b/packages/core/components/navbar/navbar.js @@ -9,8 +9,8 @@ const Navbar = { return; } let $el = $(el); - if ($el.hasClass('navbar')) { - $el = $el.children('.navbar-inner').each((index, navbarEl) => { + if ($el.hasClass('navbars')) { + $el = $el.children('.navbar').each((index, navbarEl) => { app.navbar.size(navbarEl); }); return; @@ -33,20 +33,21 @@ const Navbar = { } const $viewEl = $el.parents('.view').eq(0); - const left = app.rtl ? $el.children('.right') : $el.children('.left'); - const right = app.rtl ? $el.children('.left') : $el.children('.right'); - const title = $el.children('.title'); - const subnavbar = $el.children('.subnavbar'); + const $innerEl = $el.children('.navbar-inner'); + const left = app.rtl ? $innerEl.children('.right') : $innerEl.children('.left'); + const right = app.rtl ? $innerEl.children('.left') : $innerEl.children('.right'); + const title = $innerEl.children('.title'); + const subnavbar = $innerEl.children('.subnavbar'); const noLeft = left.length === 0; const noRight = right.length === 0; const leftWidth = noLeft ? 0 : left.outerWidth(true); const rightWidth = noRight ? 0 : right.outerWidth(true); const titleWidth = title.outerWidth(true); - const navbarStyles = $el.styles(); - const navbarWidth = $el[0].offsetWidth; + const navbarStyles = $innerEl.styles(); + const navbarWidth = $innerEl[0].offsetWidth; const navbarInnerWidth = navbarWidth - parseInt(navbarStyles.paddingLeft, 10) - parseInt(navbarStyles.paddingRight, 10); const isPrevious = $el.hasClass('navbar-previous'); - const sliding = $el.hasClass('sliding'); + const sliding = $innerEl.hasClass('sliding'); let router; let dynamicNavbar; @@ -143,11 +144,12 @@ const Navbar = { hide(el, animate = true, hideStatusbar = false) { const app = this; let $el = $(el); - if ($el.hasClass('navbar-inner')) $el = $el.parents('.navbar'); + const isDynamic = $el.hasClass('navbar') && $el.parent('.navbars').length; + if (isDynamic) $el = $el.parents('.navbars'); if (!$el.length) return; if ($el.hasClass('navbar-hidden')) return; let className = `navbar-hidden${animate ? ' navbar-transitioning' : ''}`; - const currentIsLarge = app.theme === 'ios' + const currentIsLarge = isDynamic ? $el.find('.navbar-current .title-large').length : $el.find('.title-large').length; if (currentIsLarge) { @@ -160,13 +162,21 @@ const Navbar = { $el.removeClass('navbar-transitioning'); }); $el.addClass(className); - $el.trigger('navbar:hide'); - app.emit('navbarHide', $el[0]); + if (isDynamic) { + $el.children('.navbar').each((index, subEl) => { + $(subEl).trigger('navbar:hide'); + app.emit('navbarHide', subEl); + }); + } else { + $el.trigger('navbar:hide'); + app.emit('navbarHide', $el[0]); + } }, show(el = '.navbar-hidden', animate = true) { const app = this; let $el = $(el); - if ($el.hasClass('navbar-inner')) $el = $el.parents('.navbar'); + const isDynamic = $el.hasClass('navbar') && $el.parent('.navbars').length; + if (isDynamic) $el = $el.parents('.navbars'); if (!$el.length) return; if (!$el.hasClass('navbar-hidden')) return; if (animate) { @@ -176,12 +186,19 @@ const Navbar = { }); } $el.removeClass('navbar-hidden navbar-large-hidden navbar-hidden-statusbar'); - $el.trigger('navbar:show'); - app.emit('navbarShow', $el[0]); + if (isDynamic) { + $el.children('.navbar').each((index, subEl) => { + $(subEl).trigger('navbar:show'); + app.emit('navbarShow', subEl); + }); + } else { + $el.trigger('navbar:show'); + app.emit('navbarShow', $el[0]); + } }, getElByPage(page) { let $pageEl; - let $navbarInnerEl; + let $navbarEl; let pageData; if (page.$navbarEl || page.$el) { pageData = page; @@ -191,104 +208,89 @@ const Navbar = { if ($pageEl.length > 0) pageData = $pageEl[0].f7Page; } if (pageData && pageData.$navbarEl && pageData.$navbarEl.length > 0) { - $navbarInnerEl = pageData.$navbarEl; + $navbarEl = pageData.$navbarEl; } else if ($pageEl) { - $navbarInnerEl = $pageEl.children('.navbar').children('.navbar-inner'); + $navbarEl = $pageEl.children('.navbar'); } - if (!$navbarInnerEl || ($navbarInnerEl && $navbarInnerEl.length === 0)) return undefined; - return $navbarInnerEl[0]; + if (!$navbarEl || ($navbarEl && $navbarEl.length === 0)) return undefined; + return $navbarEl[0]; }, - getPageByEl(navbarInnerEl) { - let $navbarInnerEl = $(navbarInnerEl); - if ($navbarInnerEl.hasClass('navbar')) { - $navbarInnerEl = $navbarInnerEl.find('.navbar-inner'); - if ($navbarInnerEl.length > 1) return undefined; - } - if ($navbarInnerEl.parents('.page').length) { - return $navbarInnerEl.parents('.page')[0]; + getPageByEl(navbarEl) { + const $navbarEl = $(navbarEl); + if ($navbarEl.parents('.page').length) { + return $navbarEl.parents('.page')[0]; } let pageEl; - $navbarInnerEl.parents('.view').find('.page').each((index, el) => { - if (el && el.f7Page && el.f7Page.navbarEl && $navbarInnerEl[0] === el.f7Page.navbarEl) { + $navbarEl.parents('.view').find('.page').each((index, el) => { + if (el && el.f7Page && el.f7Page.navbarEl && $navbarEl[0] === el.f7Page.navbarEl) { pageEl = el; } }); return pageEl; }, - collapseLargeTitle(navbarInnerEl) { + collapseLargeTitle(navbarEl) { const app = this; - let $navbarInnerEl = $(navbarInnerEl); - if ($navbarInnerEl.hasClass('navbar')) { - $navbarInnerEl = $navbarInnerEl.find('.navbar-inner-large'); - if ($navbarInnerEl.length > 1) { - $navbarInnerEl = $(navbarInnerEl).find('.navbar-inner-large.navbar-current'); + let $navbarEl = $(navbarEl); + if ($navbarEl.hasClass('navbars')) { + $navbarEl = $navbarEl.find('.navbar'); + if ($navbarEl.length > 1) { + $navbarEl = $(navbarEl).find('.navbar-large.navbar-current'); } - if ($navbarInnerEl.length > 1 || !$navbarInnerEl.length) { + if ($navbarEl.length > 1 || !$navbarEl.length) { return; } } - const $pageEl = $(app.navbar.getPageByEl($navbarInnerEl)); - $navbarInnerEl.addClass('navbar-inner-large-collapsed'); + const $pageEl = $(app.navbar.getPageByEl($navbarEl)); + $navbarEl.addClass('navbar-large-collapsed'); $pageEl.eq(0).addClass('page-with-navbar-large-collapsed').trigger('page:navbarlargecollapsed'); app.emit('pageNavbarLargeCollapsed', $pageEl[0]); - const $navbarEl = $navbarInnerEl.parents('.navbar'); - if (app.theme === 'md' || app.theme === 'aurora') { - $navbarEl.addClass('navbar-large-collapsed'); - } $navbarEl.trigger('navbar:collapse'); app.emit('navbarCollapse', $navbarEl[0]); }, - expandLargeTitle(navbarInnerEl) { + expandLargeTitle(navbarEl) { const app = this; - let $navbarInnerEl = $(navbarInnerEl); - if ($navbarInnerEl.hasClass('navbar')) { - $navbarInnerEl = $navbarInnerEl.find('.navbar-inner-large'); - if ($navbarInnerEl.length > 1) { - $navbarInnerEl = $(navbarInnerEl).find('.navbar-inner-large.navbar-current'); + let $navbarEl = $(navbarEl); + if ($navbarEl.hasClass('navbars')) { + $navbarEl = $navbarEl.find('.navbar-large'); + if ($navbarEl.length > 1) { + $navbarEl = $(navbarEl).find('.navbar-large.navbar-current'); } - if ($navbarInnerEl.length > 1 || !$navbarInnerEl.length) { + if ($navbarEl.length > 1 || !$navbarEl.length) { return; } } - const $pageEl = $(app.navbar.getPageByEl($navbarInnerEl)); - $navbarInnerEl.removeClass('navbar-inner-large-collapsed'); + const $pageEl = $(app.navbar.getPageByEl($navbarEl)); + $navbarEl.removeClass('navbar-large-collapsed'); $pageEl.eq(0).removeClass('page-with-navbar-large-collapsed').trigger('page:navbarlargeexpanded'); app.emit('pageNavbarLargeExpanded', $pageEl[0]); - const $navbarEl = $navbarInnerEl.parents('.navbar'); - if (app.theme === 'md' || app.theme === 'aurora') { - $navbarEl.removeClass('navbar-large-collapsed'); - } $navbarEl.trigger('navbar:expand'); app.emit('navbarExpand', $navbarEl[0]); }, - toggleLargeTitle(navbarInnerEl) { + toggleLargeTitle(navbarEl) { const app = this; - let $navbarInnerEl = $(navbarInnerEl); - if ($navbarInnerEl.hasClass('navbar')) { - $navbarInnerEl = $navbarInnerEl.find('.navbar-inner-large'); - if ($navbarInnerEl.length > 1) { - $navbarInnerEl = $(navbarInnerEl).find('.navbar-inner-large.navbar-current'); + let $navbarEl = $(navbarEl); + if ($navbarEl.hasClass('navbars')) { + $navbarEl = $navbarEl.find('.navbar-large'); + if ($navbarEl.length > 1) { + $navbarEl = $(navbarEl).find('.navbar-large.navbar-current'); } - if ($navbarInnerEl.length > 1 || !$navbarInnerEl.length) { + if ($navbarEl.length > 1 || !$navbarEl.length) { return; } } - if ($navbarInnerEl.hasClass('navbar-inner-large-collapsed')) { - app.navbar.expandLargeTitle($navbarInnerEl); + if ($navbarEl.hasClass('navbar-large-collapsed')) { + app.navbar.expandLargeTitle($navbarEl); } else { - app.navbar.collapseLargeTitle($navbarInnerEl); + app.navbar.collapseLargeTitle($navbarEl); } }, - initNavbarOnScroll(pageEl, navbarInnerEl, needHide, needCollapse) { + initNavbarOnScroll(pageEl, navbarEl, needHide, needCollapse) { const app = this; const $pageEl = $(pageEl); - const $navbarInnerEl = $(navbarInnerEl); - const $navbarEl = app.theme === 'md' || app.theme === 'aurora' - ? $navbarInnerEl.parents('.navbar') - : $(navbarInnerEl || app.navbar.getElByPage(pageEl)).closest('.navbar'); - const $titleLargeEl = $navbarInnerEl.find('.title-large'); - const isLarge = $titleLargeEl.length || $navbarInnerEl.hasClass('.navbar-inner-large'); + const $navbarEl = $(navbarEl); + const $titleLargeEl = $navbarEl.find('.title-large'); + const isLarge = $titleLargeEl.length || $navbarEl.hasClass('.navbar-large'); let navbarHideHeight = 44; const snapPageScrollToLargeTitle = app.params.navbar.snapPageScrollToLargeTitle; @@ -304,7 +306,7 @@ const Navbar = { let navbarCollapsed; let navbarTitleLargeHeight; if (needCollapse || (needHide && isLarge)) { - navbarTitleLargeHeight = $navbarInnerEl.css('--f7-navbar-large-title-height'); + navbarTitleLargeHeight = $navbarEl.css('--f7-navbar-large-title-height'); if (navbarTitleLargeHeight && navbarTitleLargeHeight.indexOf('px') >= 0) { navbarTitleLargeHeight = parseInt(navbarTitleLargeHeight, 10); @@ -336,7 +338,7 @@ const Navbar = { const desktopSnapTimeout = 300; function snapLargeNavbar() { - const inSearchbarExpanded = $navbarInnerEl.hasClass('with-searchbar-expandable-enabled'); + const inSearchbarExpanded = $navbarEl.hasClass('with-searchbar-expandable-enabled'); if (inSearchbarExpanded) return; if (!scrollContent || currentScrollTop < 0) return; if (currentScrollTop >= navbarTitleLargeHeight / 2 && currentScrollTop < navbarTitleLargeHeight) { @@ -347,37 +349,41 @@ const Navbar = { } function handleLargeNavbarCollapse() { - const isHidden = $navbarEl.hasClass('navbar-hidden'); + const isHidden = $navbarEl.hasClass('navbar-hidden') || $navbarEl.parent('.navbars').hasClass('navbar-hidden'); if (isHidden) return; + const isLargeTransparent = $navbarEl.hasClass('navbar-large-transparent'); const collapseProgress = Math.min(Math.max((currentScrollTop / navbarTitleLargeHeight), 0), 1); - const inSearchbarExpanded = $navbarInnerEl.hasClass('with-searchbar-expandable-enabled'); + const inSearchbarExpanded = $navbarEl.hasClass('with-searchbar-expandable-enabled'); if (inSearchbarExpanded) return; - navbarCollapsed = $navbarInnerEl.hasClass('navbar-inner-large-collapsed'); + navbarCollapsed = $navbarEl.hasClass('navbar-large-collapsed'); if (collapseProgress === 0 && navbarCollapsed) { - app.navbar.expandLargeTitle($navbarInnerEl[0]); + app.navbar.expandLargeTitle($navbarEl[0]); } else if (collapseProgress === 1 && !navbarCollapsed) { - app.navbar.collapseLargeTitle($navbarInnerEl[0]); + app.navbar.collapseLargeTitle($navbarEl[0]); } if ( (collapseProgress === 0 && navbarCollapsed) || (collapseProgress === 1 && !navbarCollapsed) || ((collapseProgress === 1 && navbarCollapsed) || (collapseProgress === 0 && !navbarCollapsed)) ) { - $navbarInnerEl[0].style.removeProperty('--f7-navbar-large-collapse-progress'); - $navbarInnerEl[0].style.overflow = ''; - if (app.theme === 'md' || app.theme === 'aurora') { - $navbarEl[0].style.removeProperty('--f7-navbar-large-collapse-progress'); + $navbarEl.find('.title').css('opacity', ''); + $navbarEl.find('.title-large-text').css('transform', ''); + if (isLargeTransparent) { + $navbarEl.find('.navbar-bg').css('opacity', ''); + } else { + $navbarEl.find('.navbar-bg').css('transform', ''); } } else { - $navbarInnerEl[0].style.setProperty('--f7-navbar-large-collapse-progress', collapseProgress); - $navbarInnerEl[0].style.overflow = 'visible'; - if (app.theme === 'md' || app.theme === 'aurora') { - $navbarEl[0].style.setProperty('--f7-navbar-large-collapse-progress', collapseProgress); + $navbarEl.find('.title').css('opacity', collapseProgress); + $navbarEl.find('.title-large-text').css('transform', `translate3d(0px, ${-1 * collapseProgress * navbarTitleLargeHeight}px, 0)`); + if (isLargeTransparent) { + $navbarEl.find('.navbar-bg').css('opacity', collapseProgress); + } else { + $navbarEl.find('.navbar-bg').css('transform', `translate3d(0px, ${-1 * collapseProgress * navbarTitleLargeHeight}px, 0)`); } } - if (snapPageScrollToLargeTitle) { if (!Support.touch) { clearTimeout(scrollTimeoutId); @@ -400,8 +406,7 @@ const Navbar = { scrollHeight = scrollContent.scrollHeight; offsetHeight = scrollContent.offsetHeight; reachEnd = currentScrollTop + offsetHeight >= scrollHeight; - navbarHidden = $navbarEl.hasClass('navbar-hidden'); - + navbarHidden = $navbarEl.hasClass('navbar-hidden') || $navbarEl.parent('.navbars').hasClass('navbar-hidden'); if (reachEnd) { if (app.params.navbar.showOnPageScrollEnd) { action = 'show'; @@ -524,45 +529,42 @@ export default { pageBeforeIn(page) { const app = this; if (app.theme !== 'ios') return; - let $navbarEl; + let $navbarsEl; const view = page.$el.parents('.view')[0].f7View; - const navbarInnerEl = app.navbar.getElByPage(page); - if (!navbarInnerEl) { - $navbarEl = page.$el.parents('.view').children('.navbar'); + const navbarEl = app.navbar.getElByPage(page); + if (!navbarEl) { + $navbarsEl = page.$el.parents('.view').children('.navbars'); } else { - $navbarEl = $(navbarInnerEl).parents('.navbar'); + $navbarsEl = $(navbarEl).parents('.navbars'); } - if (page.$el.hasClass('no-navbar') || (view.router.dynamicNavbar && !navbarInnerEl)) { + if (page.$el.hasClass('no-navbar') || (view.router.dynamicNavbar && !navbarEl)) { const animate = !!(page.pageFrom && page.router.history.length > 0); - app.navbar.hide($navbarEl, animate); + app.navbar.hide($navbarsEl, animate); } else { - app.navbar.show($navbarEl); + app.navbar.show($navbarsEl); } }, pageReinit(page) { const app = this; - const $navbarInnerEl = $(app.navbar.getElByPage(page)); - if (!$navbarInnerEl || $navbarInnerEl.length === 0) return; - app.navbar.size($navbarInnerEl); + const $navbarEl = $(app.navbar.getElByPage(page)); + if (!$navbarEl || $navbarEl.length === 0) return; + app.navbar.size($navbarEl); }, pageInit(page) { const app = this; - const $navbarInnerEl = $(app.navbar.getElByPage(page)); - if (!$navbarInnerEl || $navbarInnerEl.length === 0) return; + const $navbarEl = $(app.navbar.getElByPage(page)); + if (!$navbarEl || $navbarEl.length === 0) return; // Size - app.navbar.size($navbarInnerEl); + app.navbar.size($navbarEl); // Need Collapse On Scroll let needCollapseOnScrollHandler; - if ($navbarInnerEl.children('.title-large').length > 0) { - $navbarInnerEl.addClass('navbar-inner-large'); + if ($navbarEl.find('.title-large').length > 0) { + $navbarEl.addClass('navbar-large'); } - if ($navbarInnerEl.hasClass('navbar-inner-large')) { + if ($navbarEl.hasClass('navbar-large')) { if (app.params.navbar.collapseLargeTitleOnScroll) needCollapseOnScrollHandler = true; - if (app.theme === 'md' || app.theme === 'aurora') { - $navbarInnerEl.parents('.navbar').addClass('navbar-large'); - } page.$el.addClass('page-with-navbar-large'); } @@ -588,7 +590,7 @@ export default { } if (needCollapseOnScrollHandler || needHideOnScrollHandler) { - app.navbar.initNavbarOnScroll(page.el, $navbarInnerEl[0], needHideOnScrollHandler, needCollapseOnScrollHandler); + app.navbar.initNavbarOnScroll(page.el, $navbarEl[0], needHideOnScrollHandler, needCollapseOnScrollHandler); } }, 'panelOpen panelSwipeOpen modalOpen': function onPanelModalOpen(instance) { @@ -646,7 +648,7 @@ export default { }, }, vnode: { - 'navbar-inner': { + navbar: { postpatch(vnode) { const app = this; if (!app.params.navbar[`${app.theme}CenterTitle`]) { diff --git a/packages/core/components/navbar/navbar.less b/packages/core/components/navbar/navbar.less index 27244c38e9..9199f906f2 100644 --- a/packages/core/components/navbar/navbar.less +++ b/packages/core/components/navbar/navbar.less @@ -1,17 +1,26 @@ /* === Navbar === */ @import url('./navbar-vars.less'); +.navbars, .navbar { - --f7-navbar-large-collapse-progress: 0; - position: relative; + z-index: 500; left: 0; top: 0; width: 100%; - z-index: 500; +} +.navbars { + position: absolute; + .navbar { + z-index: auto; + } +} +.navbar { + --f7-navbar-large-collapse-progress: 0; + position: relative; backface-visibility: hidden; box-sizing: border-box; margin: 0; - transform: translate3d(0,0,0); + // transform: translate3d(0,0,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); @@ -88,12 +97,12 @@ display: none !important; } } - &.navbar-hidden { + &.navbar-hidden, + .navbar-hidden & { .navbar-bg:before { opacity: 0 !important; } } - } .navbar-bg { position: absolute; @@ -107,7 +116,7 @@ background-image: var(--f7-navbar-bg-image, var(--f7-bars-bg-image)); background-color: var(--f7-navbar-bg-color, var(--f7-bars-bg-color)); transition-property: transform; - .translucent(var(--f7-navbar-bg-color-rgb, var(--f7-bars-bg-color-rgb))); + .ios-translucent-bars(var(--f7-navbar-bg-color-rgb, var(--f7-bars-bg-color-rgb))); &:after, &:before { backface-visibility: hidden; @@ -126,41 +135,39 @@ // Transitions .navbar-transitioning { &, - &:before, & .left, & .title, & .right, - & .title-large-inner, & .title-large-text, & .navbar-bg, - & .subnavbar { + & .subnavbar, + & .navbar-bg:before { transition-duration: var(--f7-navbar-hide-show-transition-duration); } } .navbar-page-transitioning { transition-duration: var(--f7-page-swipeback-transition-duration) !important; .title-large-text, - .title-large-inner, .navbar-bg { transition-duration: var(--f7-page-swipeback-transition-duration) !important; } } // Hidden .navbar-hidden { - transform: translate3d(0, calc(-100% + var(--f7-safe-area-top)), 0); + transform: translate3d(0, calc(-1 * var(--f7-navbar-height)), 0); .navbar-inner { pointer-events: none; > .left, > .title, > .right { - opacity: 0; + opacity: 0 !important; } } } .navbar-hidden-statusbar { - transform: translate3d(0, -100%, 0); + transform: translate3d(0, calc(-1 * var(--f7-navbar-height) - var(--f7-safe-area-top)), 0); } -.navbar-large-hidden { +.navbar-large-hidden .navbar-large { --f7-navbar-large-collapse-progress: 1; } .navbar-inner { @@ -178,7 +185,7 @@ display: none; } } -.views, .view, .page { +.views, .view, .page, .navbars { > .navbar { position: absolute; } @@ -186,30 +193,26 @@ // Large Title Navbar .navbar-large .navbar-bg, -.navbar-inner-large .navbar-bg, .ios .router-navbar-transition-to-large .navbar-bg, .ios .router-navbar-transition-from-large .navbar-bg, .navbar-bg.ios-swipeback-navbar-bg-large, -.navbar-inner-large-transparent .navbar-bg.ios-swipeback-navbar-bg-large { +.navbar-large-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); } -.navbar-inner-large-transparent .navbar-bg { +.navbar-large-transparent .navbar-bg { opacity: var(--f7-navbar-large-collapse-progress); height: 100%; transform: none; } -.ios .navbar-inner:not(.navbar-inner-large) .navbar-bg { +.ios .navbar:not(.navbar-large) .navbar-bg { --f7-navbar-large-collapse-progress: 1; } -.navbar-inner-large { - > .title { - opacity: calc(-1 + 2 * var(--f7-navbar-large-collapse-progress)); - } +.navbar-large .title { + opacity: var(--f7-navbar-large-collapse-progress); } -.navbar-large-collapsed, -.navbar-inner-large-collapsed { +.navbar-large-collapsed { --f7-navbar-large-collapse-progress: 1; .title-large { pointer-events: none; @@ -228,8 +231,7 @@ height: var(--f7-navbar-large-title-height); z-index: 5; } -.title-large-text, -.title-large-inner .title { +.navbar .title-large-text { text-overflow: ellipsis; white-space: nowrap; color: var(--f7-navbar-large-title-text-color); @@ -241,9 +243,6 @@ 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); -} -.title-large-text, -.title-large-inner { box-sizing: border-box; overflow: hidden; width: 100%; @@ -254,20 +253,22 @@ .rtl({ transform-origin: calc(100% - var(--f7-navbar-large-title-padding-left) - var(--f7-safe-area-left)) center; }); - } .navbar-no-title-large-transition { - .title-large-text, .title-large-inner { + .title-large-text { transition-duration: 0ms; } } // Relation with page -.navbar ~ * { +.navbar ~ *, +.navbars ~ * { --f7-page-navbar-offset: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)); } .navbar ~ * .page-with-navbar-large, .navbar ~ .page-with-navbar-large, +.navbars ~ * .page-with-navbar-large, +.navbars ~ .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)); } diff --git a/packages/core/components/notification.css b/packages/core/components/notification.css index f2da32baae..0de36ca051 100644 --- a/packages/core/components/notification.css +++ b/packages/core/components/notification.css @@ -1 +1 @@ -:root{--f7-notification-max-width:568px;--f7-notification-subtitle-text-transform:none;--f7-notification-subtitle-line-height:1.35;--f7-notification-text-text-transform:none;--f7-notification-text-font-weight:400}.ios{--f7-notification-margin:8px;--f7-notification-padding:10px;--f7-notification-border-radius:12px;--f7-notification-box-shadow:0px 5px 25px -10px rgba(0, 0, 0, 0.7);--f7-notification-bg-color:rgba(250, 250, 250, 0.95);--f7-notification-bg-color-rgb:255,255,255;--f7-notification-icon-size:20px;--f7-notification-title-color:#000;--f7-notification-title-font-size:13px;--f7-notification-title-text-transform:uppercase;--f7-notification-title-line-height:1.4;--f7-notification-title-font-weight:400;--f7-notification-title-letter-spacing:0.02em;--f7-notification-title-right-color:#444a51;--f7-notification-title-right-font-size:13px;--f7-notification-subtitle-color:#000;--f7-notification-subtitle-font-size:15px;--f7-notification-subtitle-font-weight:600;--f7-notification-text-color:#000;--f7-notification-text-font-size:15px;--f7-notification-text-line-height:1.2}.md{--f7-notification-margin:0px;--f7-notification-padding:16px;--f7-notification-border-radius:0px;--f7-notification-box-shadow:0 2px 4px rgba(0, 0, 0, 0.22),0 1px 2px rgba(0, 0, 0, 0.24);--f7-notification-bg-color:#fff;--f7-notification-icon-size:16px;--f7-notification-title-color:var(--f7-theme-color);--f7-notification-title-font-size:12px;--f7-notification-title-text-transform:none;--f7-notification-title-line-height:1;--f7-notification-title-font-weight:400;--f7-notification-title-right-color:#757575;--f7-notification-title-right-font-size:12px;--f7-notification-subtitle-color:#212121;--f7-notification-subtitle-font-size:14px;--f7-notification-subtitle-font-weight:400;--f7-notification-text-color:#757575;--f7-notification-text-font-size:14px;--f7-notification-text-line-height:1.35}.aurora{--f7-notification-margin:10px;--f7-notification-padding:10px;--f7-notification-border-radius:4px;--f7-notification-box-shadow:0px 5px 25px -10px rgba(0, 0, 0, 0.7);--f7-notification-bg-color:#fff;--f7-notification-icon-size:18px;--f7-notification-title-color:#000;--f7-notification-title-font-size:13px;--f7-notification-title-text-transform:uppercase;--f7-notification-title-line-height:1.4;--f7-notification-title-font-weight:500;--f7-notification-title-letter-spacing:0.02em;--f7-notification-title-right-color:rgba(255, 255, 255, 0.6);--f7-notification-title-right-font-size:13px;--f7-notification-subtitle-color:#000;--f7-notification-subtitle-font-size:12px;--f7-notification-subtitle-font-weight:600;--f7-notification-text-color:#000;--f7-notification-text-font-size:12px;--f7-notification-text-line-height:1.2}.notification{--f7-link-highlight-color:var(--f7-link-highlight-black);--f7-touch-ripple-color:var(--f7-touch-ripple-black);position:absolute;left:var(--f7-notification-margin);top:var(--f7-notification-margin);width:calc(100% - var(--f7-notification-margin) * 2);z-index:20000;font-size:14px;margin:0;border:none;display:none;box-sizing:border-box;transition-property:transform;direction:ltr;max-width:var(--f7-notification-max-width);padding:var(--f7-notification-padding);border-radius:var(--f7-notification-border-radius);box-shadow:var(--f7-notification-box-shadow);background:var(--f7-notification-bg-color);margin-top:var(--f7-safe-area-top)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .notification{background-color:rgba(var(--f7-notification-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}@media (min-width:568px){.notification{left:50%;width:var(--f7-notification-max-width);margin-left:calc(-1 * var(--f7-notification-max-width)/ 2)}}.notification-title{color:var(--f7-notification-title-color,var(--f7-theme-color));font-size:var(--f7-notification-title-font-size);text-transform:var(--f7-notification-title-text-transform);line-height:var(--f7-notification-title-line-height);font-weight:var(--f7-notification-title-font-weight);letter-spacing:var(--f7-notification-title-letter-spacing)}.notification-subtitle{color:var(--f7-notification-subtitle-color);font-size:var(--f7-notification-subtitle-font-size);text-transform:var(--f7-notification-subtitle-text-transform);line-height:var(--f7-notification-subtitle-line-height);font-weight:var(--f7-notification-subtitle-font-weight)}.notification-text{color:var(--f7-notification-text-color);font-size:var(--f7-notification-text-font-size);text-transform:var(--f7-notification-text-text-transform);line-height:var(--f7-notification-text-line-height);font-weight:var(--f7-notification-text-font-weight)}.notification-title-right-text{color:var(--f7-notification-title-right-color);font-size:var(--f7-notification-title-right-font-size)}.notification-icon{font-size:0;line-height:var(--f7-notification-icon-size)}.notification-icon,.notification-icon i{width:var(--f7-notification-icon-size)!important;height:var(--f7-notification-icon-size)!important}.notification-icon i{font-size:var(--f7-notification-icon-size)}.notification-header{display:flex;justify-content:flex-start;align-items:center}.notification-close-button{margin-left:auto;cursor:pointer;position:relative}.notification-close-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";display:block;width:100%;height:100%;font-size:20px;position:absolute;left:50%;top:50%;text-align:center}.ios .notification{transition-duration:450ms;transform:translate3d(0%,-200%,0)}.ios .notification.modal-in{transform:translate3d(0%,0%,0);opacity:1}.ios .notification.modal-out{transform:translate3d(0%,-200%,0)}.ios .notification-icon{margin-right:8px}.ios .notification-header+.notification-content{margin-top:10px}.ios .notification-title-right-text{margin-right:6px;margin-left:auto}.ios .notification-title-right-text+.notification-close-button{margin-left:10px}.ios .notification-close-button{font-size:14px;width:20px;height:20px;opacity:.3;transition-duration:.3s}.ios .notification-close-button.active-state{transition-duration:0s;opacity:.1}.ios .notification-close-button:after{color:#000;content:'notification_close_ios';font-size:.65em;line-height:44px;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.md .notification{transform:translate3d(0,-150%,0)}.md .notification.modal-in{transition-duration:0s;animation:notification-md-in .4s ease-out;transform:translate3d(0,0%,0)}.md .notification.modal-in.notification-transitioning{transition-duration:.2s}.md .notification.modal-out{animation:none;transition-duration:.2s;transition-timing-function:ease-in;transform:translate3d(0,-150%,0)}.md .notification-icon{margin-right:8px}.md .notification-subtitle+.notification-text{margin-top:2px}.md .notification-header+.notification-content{margin-top:6px}.md .notification-title-right-text{margin-left:4px}.md .notification-title-right-text:before{content:'';width:3px;height:3px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:4px;background:var(--f7-notification-title-right-color)}.md .notification-close-button{width:16px;height:16px;transition-duration:.3s}.md .notification-close-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .notification-close-button.active-state:before{opacity:1;transition-duration:150ms}.md .notification-close-button:after,.md .notification-close-button:before{width:48px;height:48px;left:50%;top:50%;margin-left:-24px;margin-top:-24px}.md .notification-close-button:after{color:#737373;content:'delete_md';line-height:48px;font-size:14px}@keyframes notification-md-in{0%{transform:translate3d(0,-150%,0)}50%{transform:translate3d(0,10%,0)}100%{transform:translate3d(0,0%,0)}}.aurora .notification{transition-duration:450ms;transform:translate3d(0%,-200%,0)}.aurora .notification.modal-in{transform:translate3d(0%,0%,0);opacity:1}.aurora .notification.modal-out{transform:translate3d(0%,-200%,0)}.aurora .notification-icon{margin-right:10px}.aurora .notification-header+.notification-content{margin-top:10px}.aurora .notification-title-right-text{margin-right:0px;margin-left:auto}.aurora .notification-title-right-text+.notification-close-button{margin-left:10px}.aurora .notification-close-button{font-size:14px;width:16px;height:16px;opacity:.4;transition-duration:.3s}.aurora .notification-close-button.active-state{transition-duration:0s;opacity:.6}.aurora .notification-close-button:after{color:#000;content:'notification_close_ios';font-size:.5em;line-height:38px;width:38px;height:38px;margin-left:-19px;margin-top:-19px} \ No newline at end of file +:root{--f7-notification-max-width:568px;--f7-notification-subtitle-text-transform:none;--f7-notification-subtitle-line-height:1.35;--f7-notification-text-text-transform:none;--f7-notification-text-font-weight:400}.ios{--f7-notification-margin:8px;--f7-notification-padding:10px;--f7-notification-border-radius:12px;--f7-notification-box-shadow:0px 5px 25px -10px rgba(0, 0, 0, 0.7);--f7-notification-bg-color:rgba(250, 250, 250, 0.95);--f7-notification-bg-color-rgb:255,255,255;--f7-notification-icon-size:20px;--f7-notification-title-color:#000;--f7-notification-title-font-size:13px;--f7-notification-title-text-transform:uppercase;--f7-notification-title-line-height:1.4;--f7-notification-title-font-weight:400;--f7-notification-title-letter-spacing:0.02em;--f7-notification-title-right-color:rgba(0, 0, 0, 0.45);--f7-notification-title-right-font-size:13px;--f7-notification-subtitle-color:#000;--f7-notification-subtitle-font-size:15px;--f7-notification-subtitle-font-weight:600;--f7-notification-text-color:#000;--f7-notification-text-font-size:15px;--f7-notification-text-line-height:1.2}.ios .theme-dark,.ios.theme-dark{--f7-notification-bg-color:rgba(30, 30, 30, 0.95);--f7-notification-bg-color-rgb:30,30,30;--f7-notification-subtitle-color:#fff;--f7-notification-title-color:#fff;--f7-notification-text-color:#fff;--f7-notification-title-right-color:rgba(255, 255, 255, 0.55)}.md{--f7-notification-margin:0px;--f7-notification-padding:16px;--f7-notification-border-radius:0px;--f7-notification-box-shadow:0 2px 4px rgba(0, 0, 0, 0.22),0 1px 2px rgba(0, 0, 0, 0.24);--f7-notification-bg-color:#fff;--f7-notification-icon-size:16px;--f7-notification-title-color:var(--f7-theme-color);--f7-notification-title-font-size:12px;--f7-notification-title-text-transform:none;--f7-notification-title-line-height:1;--f7-notification-title-font-weight:400;--f7-notification-title-right-color:rgba(0, 0, 0, 0.54);--f7-notification-title-right-font-size:12px;--f7-notification-subtitle-color:#212121;--f7-notification-subtitle-font-size:14px;--f7-notification-subtitle-font-weight:400;--f7-notification-text-color:rgba(0, 0, 0, 0.54);--f7-notification-text-font-size:14px;--f7-notification-text-line-height:1.35}.md .theme-dark,.md.theme-dark{--f7-notification-bg-color:#242424;--f7-notification-subtitle-color:#fff;--f7-notification-title-right-color:rgba(255, 255, 255, 0.54);--f7-notification-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-notification-margin:10px;--f7-notification-padding:10px;--f7-notification-border-radius:4px;--f7-notification-box-shadow:0px 5px 25px -10px rgba(0, 0, 0, 0.7);--f7-notification-bg-color:#fff;--f7-notification-icon-size:18px;--f7-notification-title-color:#000;--f7-notification-title-font-size:13px;--f7-notification-title-text-transform:uppercase;--f7-notification-title-line-height:1.4;--f7-notification-title-font-weight:500;--f7-notification-title-letter-spacing:0.02em;--f7-notification-title-right-color:rgba(255, 255, 255, 0.6);--f7-notification-title-right-font-size:13px;--f7-notification-subtitle-color:#000;--f7-notification-subtitle-font-size:12px;--f7-notification-subtitle-font-weight:600;--f7-notification-text-color:#000;--f7-notification-text-font-size:12px;--f7-notification-text-line-height:1.2}.aurora .theme-dark,.aurora.theme-dark{--f7-notification-bg-color:#242424;--f7-notification-title-color:#fff;--f7-notification-subtitle-color:#fff;--f7-notification-text-color:#fff;--f7-notification-title-right-color:rgba(255, 255, 255, 0.54)}.notification{--f7-link-highlight-color:var(--f7-link-highlight-black);--f7-touch-ripple-color:var(--f7-touch-ripple-black);position:absolute;left:var(--f7-notification-margin);top:var(--f7-notification-margin);width:calc(100% - var(--f7-notification-margin) * 2);z-index:20000;font-size:14px;margin:0;border:none;display:none;box-sizing:border-box;transition-property:transform;direction:ltr;max-width:var(--f7-notification-max-width);padding:var(--f7-notification-padding);border-radius:var(--f7-notification-border-radius);box-shadow:var(--f7-notification-box-shadow);background:var(--f7-notification-bg-color);margin-top:var(--f7-safe-area-top)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .notification{background-color:rgba(var(--f7-notification-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}@media (min-width:568px){.notification{left:50%;width:var(--f7-notification-max-width);margin-left:calc(-1 * var(--f7-notification-max-width)/ 2)}}.notification-title{color:var(--f7-notification-title-color,var(--f7-theme-color));font-size:var(--f7-notification-title-font-size);text-transform:var(--f7-notification-title-text-transform);line-height:var(--f7-notification-title-line-height);font-weight:var(--f7-notification-title-font-weight);letter-spacing:var(--f7-notification-title-letter-spacing)}.notification-subtitle{color:var(--f7-notification-subtitle-color);font-size:var(--f7-notification-subtitle-font-size);text-transform:var(--f7-notification-subtitle-text-transform);line-height:var(--f7-notification-subtitle-line-height);font-weight:var(--f7-notification-subtitle-font-weight)}.notification-text{color:var(--f7-notification-text-color);font-size:var(--f7-notification-text-font-size);text-transform:var(--f7-notification-text-text-transform);line-height:var(--f7-notification-text-line-height);font-weight:var(--f7-notification-text-font-weight)}.notification-title-right-text{color:var(--f7-notification-title-right-color);font-size:var(--f7-notification-title-right-font-size)}.notification-icon{font-size:0;line-height:var(--f7-notification-icon-size)}.notification-icon,.notification-icon i{width:var(--f7-notification-icon-size)!important;height:var(--f7-notification-icon-size)!important}.notification-icon i{font-size:var(--f7-notification-icon-size)}.notification-header{display:flex;justify-content:flex-start;align-items:center}.notification-close-button{margin-left:auto;cursor:pointer;position:relative}.notification-close-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";display:block;width:100%;height:100%;font-size:20px;position:absolute;left:50%;top:50%;text-align:center}.ios .notification{transition-duration:450ms;transform:translate3d(0%,-200%,0)}.ios .notification.modal-in{transform:translate3d(0%,0%,0);opacity:1}.ios .notification.modal-out{transform:translate3d(0%,-200%,0)}.ios .notification-icon{margin-right:8px}.ios .notification-header+.notification-content{margin-top:10px}.ios .notification-title-right-text{margin-right:6px;margin-left:auto}.ios .notification-title-right-text+.notification-close-button{margin-left:10px}.ios .notification-close-button{font-size:14px;width:20px;height:20px;opacity:.3;transition-duration:.3s}.ios .notification-close-button.active-state{transition-duration:0s;opacity:.1}.ios .notification-close-button:after{color:#000;content:'notification_close_ios';font-size:.65em;line-height:44px;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.ios .theme-dark,.ios.theme-dark .notification-close-button:after{color:#fff}.md .notification{transform:translate3d(0,-150%,0)}.md .notification.modal-in{transition-duration:0s;animation:notification-md-in .4s ease-out;transform:translate3d(0,0%,0)}.md .notification.modal-in.notification-transitioning{transition-duration:.2s}.md .notification.modal-out{animation:none;transition-duration:.2s;transition-timing-function:ease-in;transform:translate3d(0,-150%,0)}.md .notification-icon{margin-right:8px}.md .notification-subtitle+.notification-text{margin-top:2px}.md .notification-header+.notification-content{margin-top:6px}.md .notification-title-right-text{margin-left:4px}.md .notification-title-right-text:before{content:'';width:3px;height:3px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:4px;background:var(--f7-notification-title-right-color)}.md .notification-close-button{width:16px;height:16px;transition-duration:.3s}.md .notification-close-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .notification-close-button.active-state:before{opacity:1;transition-duration:150ms}.md .notification-close-button:after,.md .notification-close-button:before{width:48px;height:48px;left:50%;top:50%;margin-left:-24px;margin-top:-24px}.md .notification-close-button:after{color:#737373;content:'delete_md';line-height:48px;font-size:14px}@keyframes notification-md-in{0%{transform:translate3d(0,-150%,0)}50%{transform:translate3d(0,10%,0)}100%{transform:translate3d(0,0%,0)}}.aurora .notification{transition-duration:450ms;transform:translate3d(0%,-200%,0)}.aurora .notification.modal-in{transform:translate3d(0%,0%,0);opacity:1}.aurora .notification.modal-out{transform:translate3d(0%,-200%,0)}.aurora .notification-icon{margin-right:10px}.aurora .notification-header+.notification-content{margin-top:10px}.aurora .notification-title-right-text{margin-right:0px;margin-left:auto}.aurora .notification-title-right-text+.notification-close-button{margin-left:10px}.aurora .notification-close-button{font-size:14px;width:16px;height:16px;opacity:.4;transition-duration:.3s}.aurora .notification-close-button.active-state{transition-duration:0s;opacity:.6}.aurora .notification-close-button:after{color:#000;content:'notification_close_ios';font-size:.5em;line-height:38px;width:38px;height:38px;margin-left:-19px;margin-top:-19px}.aurora .theme-dark,.aurora.theme-dark .notification-close-button:after{color:#fff} \ No newline at end of file diff --git a/packages/core/components/notification.rtl.css b/packages/core/components/notification.rtl.css index f2da32baae..0de36ca051 100644 --- a/packages/core/components/notification.rtl.css +++ b/packages/core/components/notification.rtl.css @@ -1 +1 @@ -:root{--f7-notification-max-width:568px;--f7-notification-subtitle-text-transform:none;--f7-notification-subtitle-line-height:1.35;--f7-notification-text-text-transform:none;--f7-notification-text-font-weight:400}.ios{--f7-notification-margin:8px;--f7-notification-padding:10px;--f7-notification-border-radius:12px;--f7-notification-box-shadow:0px 5px 25px -10px rgba(0, 0, 0, 0.7);--f7-notification-bg-color:rgba(250, 250, 250, 0.95);--f7-notification-bg-color-rgb:255,255,255;--f7-notification-icon-size:20px;--f7-notification-title-color:#000;--f7-notification-title-font-size:13px;--f7-notification-title-text-transform:uppercase;--f7-notification-title-line-height:1.4;--f7-notification-title-font-weight:400;--f7-notification-title-letter-spacing:0.02em;--f7-notification-title-right-color:#444a51;--f7-notification-title-right-font-size:13px;--f7-notification-subtitle-color:#000;--f7-notification-subtitle-font-size:15px;--f7-notification-subtitle-font-weight:600;--f7-notification-text-color:#000;--f7-notification-text-font-size:15px;--f7-notification-text-line-height:1.2}.md{--f7-notification-margin:0px;--f7-notification-padding:16px;--f7-notification-border-radius:0px;--f7-notification-box-shadow:0 2px 4px rgba(0, 0, 0, 0.22),0 1px 2px rgba(0, 0, 0, 0.24);--f7-notification-bg-color:#fff;--f7-notification-icon-size:16px;--f7-notification-title-color:var(--f7-theme-color);--f7-notification-title-font-size:12px;--f7-notification-title-text-transform:none;--f7-notification-title-line-height:1;--f7-notification-title-font-weight:400;--f7-notification-title-right-color:#757575;--f7-notification-title-right-font-size:12px;--f7-notification-subtitle-color:#212121;--f7-notification-subtitle-font-size:14px;--f7-notification-subtitle-font-weight:400;--f7-notification-text-color:#757575;--f7-notification-text-font-size:14px;--f7-notification-text-line-height:1.35}.aurora{--f7-notification-margin:10px;--f7-notification-padding:10px;--f7-notification-border-radius:4px;--f7-notification-box-shadow:0px 5px 25px -10px rgba(0, 0, 0, 0.7);--f7-notification-bg-color:#fff;--f7-notification-icon-size:18px;--f7-notification-title-color:#000;--f7-notification-title-font-size:13px;--f7-notification-title-text-transform:uppercase;--f7-notification-title-line-height:1.4;--f7-notification-title-font-weight:500;--f7-notification-title-letter-spacing:0.02em;--f7-notification-title-right-color:rgba(255, 255, 255, 0.6);--f7-notification-title-right-font-size:13px;--f7-notification-subtitle-color:#000;--f7-notification-subtitle-font-size:12px;--f7-notification-subtitle-font-weight:600;--f7-notification-text-color:#000;--f7-notification-text-font-size:12px;--f7-notification-text-line-height:1.2}.notification{--f7-link-highlight-color:var(--f7-link-highlight-black);--f7-touch-ripple-color:var(--f7-touch-ripple-black);position:absolute;left:var(--f7-notification-margin);top:var(--f7-notification-margin);width:calc(100% - var(--f7-notification-margin) * 2);z-index:20000;font-size:14px;margin:0;border:none;display:none;box-sizing:border-box;transition-property:transform;direction:ltr;max-width:var(--f7-notification-max-width);padding:var(--f7-notification-padding);border-radius:var(--f7-notification-border-radius);box-shadow:var(--f7-notification-box-shadow);background:var(--f7-notification-bg-color);margin-top:var(--f7-safe-area-top)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .notification{background-color:rgba(var(--f7-notification-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}@media (min-width:568px){.notification{left:50%;width:var(--f7-notification-max-width);margin-left:calc(-1 * var(--f7-notification-max-width)/ 2)}}.notification-title{color:var(--f7-notification-title-color,var(--f7-theme-color));font-size:var(--f7-notification-title-font-size);text-transform:var(--f7-notification-title-text-transform);line-height:var(--f7-notification-title-line-height);font-weight:var(--f7-notification-title-font-weight);letter-spacing:var(--f7-notification-title-letter-spacing)}.notification-subtitle{color:var(--f7-notification-subtitle-color);font-size:var(--f7-notification-subtitle-font-size);text-transform:var(--f7-notification-subtitle-text-transform);line-height:var(--f7-notification-subtitle-line-height);font-weight:var(--f7-notification-subtitle-font-weight)}.notification-text{color:var(--f7-notification-text-color);font-size:var(--f7-notification-text-font-size);text-transform:var(--f7-notification-text-text-transform);line-height:var(--f7-notification-text-line-height);font-weight:var(--f7-notification-text-font-weight)}.notification-title-right-text{color:var(--f7-notification-title-right-color);font-size:var(--f7-notification-title-right-font-size)}.notification-icon{font-size:0;line-height:var(--f7-notification-icon-size)}.notification-icon,.notification-icon i{width:var(--f7-notification-icon-size)!important;height:var(--f7-notification-icon-size)!important}.notification-icon i{font-size:var(--f7-notification-icon-size)}.notification-header{display:flex;justify-content:flex-start;align-items:center}.notification-close-button{margin-left:auto;cursor:pointer;position:relative}.notification-close-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";display:block;width:100%;height:100%;font-size:20px;position:absolute;left:50%;top:50%;text-align:center}.ios .notification{transition-duration:450ms;transform:translate3d(0%,-200%,0)}.ios .notification.modal-in{transform:translate3d(0%,0%,0);opacity:1}.ios .notification.modal-out{transform:translate3d(0%,-200%,0)}.ios .notification-icon{margin-right:8px}.ios .notification-header+.notification-content{margin-top:10px}.ios .notification-title-right-text{margin-right:6px;margin-left:auto}.ios .notification-title-right-text+.notification-close-button{margin-left:10px}.ios .notification-close-button{font-size:14px;width:20px;height:20px;opacity:.3;transition-duration:.3s}.ios .notification-close-button.active-state{transition-duration:0s;opacity:.1}.ios .notification-close-button:after{color:#000;content:'notification_close_ios';font-size:.65em;line-height:44px;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.md .notification{transform:translate3d(0,-150%,0)}.md .notification.modal-in{transition-duration:0s;animation:notification-md-in .4s ease-out;transform:translate3d(0,0%,0)}.md .notification.modal-in.notification-transitioning{transition-duration:.2s}.md .notification.modal-out{animation:none;transition-duration:.2s;transition-timing-function:ease-in;transform:translate3d(0,-150%,0)}.md .notification-icon{margin-right:8px}.md .notification-subtitle+.notification-text{margin-top:2px}.md .notification-header+.notification-content{margin-top:6px}.md .notification-title-right-text{margin-left:4px}.md .notification-title-right-text:before{content:'';width:3px;height:3px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:4px;background:var(--f7-notification-title-right-color)}.md .notification-close-button{width:16px;height:16px;transition-duration:.3s}.md .notification-close-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .notification-close-button.active-state:before{opacity:1;transition-duration:150ms}.md .notification-close-button:after,.md .notification-close-button:before{width:48px;height:48px;left:50%;top:50%;margin-left:-24px;margin-top:-24px}.md .notification-close-button:after{color:#737373;content:'delete_md';line-height:48px;font-size:14px}@keyframes notification-md-in{0%{transform:translate3d(0,-150%,0)}50%{transform:translate3d(0,10%,0)}100%{transform:translate3d(0,0%,0)}}.aurora .notification{transition-duration:450ms;transform:translate3d(0%,-200%,0)}.aurora .notification.modal-in{transform:translate3d(0%,0%,0);opacity:1}.aurora .notification.modal-out{transform:translate3d(0%,-200%,0)}.aurora .notification-icon{margin-right:10px}.aurora .notification-header+.notification-content{margin-top:10px}.aurora .notification-title-right-text{margin-right:0px;margin-left:auto}.aurora .notification-title-right-text+.notification-close-button{margin-left:10px}.aurora .notification-close-button{font-size:14px;width:16px;height:16px;opacity:.4;transition-duration:.3s}.aurora .notification-close-button.active-state{transition-duration:0s;opacity:.6}.aurora .notification-close-button:after{color:#000;content:'notification_close_ios';font-size:.5em;line-height:38px;width:38px;height:38px;margin-left:-19px;margin-top:-19px} \ No newline at end of file +:root{--f7-notification-max-width:568px;--f7-notification-subtitle-text-transform:none;--f7-notification-subtitle-line-height:1.35;--f7-notification-text-text-transform:none;--f7-notification-text-font-weight:400}.ios{--f7-notification-margin:8px;--f7-notification-padding:10px;--f7-notification-border-radius:12px;--f7-notification-box-shadow:0px 5px 25px -10px rgba(0, 0, 0, 0.7);--f7-notification-bg-color:rgba(250, 250, 250, 0.95);--f7-notification-bg-color-rgb:255,255,255;--f7-notification-icon-size:20px;--f7-notification-title-color:#000;--f7-notification-title-font-size:13px;--f7-notification-title-text-transform:uppercase;--f7-notification-title-line-height:1.4;--f7-notification-title-font-weight:400;--f7-notification-title-letter-spacing:0.02em;--f7-notification-title-right-color:rgba(0, 0, 0, 0.45);--f7-notification-title-right-font-size:13px;--f7-notification-subtitle-color:#000;--f7-notification-subtitle-font-size:15px;--f7-notification-subtitle-font-weight:600;--f7-notification-text-color:#000;--f7-notification-text-font-size:15px;--f7-notification-text-line-height:1.2}.ios .theme-dark,.ios.theme-dark{--f7-notification-bg-color:rgba(30, 30, 30, 0.95);--f7-notification-bg-color-rgb:30,30,30;--f7-notification-subtitle-color:#fff;--f7-notification-title-color:#fff;--f7-notification-text-color:#fff;--f7-notification-title-right-color:rgba(255, 255, 255, 0.55)}.md{--f7-notification-margin:0px;--f7-notification-padding:16px;--f7-notification-border-radius:0px;--f7-notification-box-shadow:0 2px 4px rgba(0, 0, 0, 0.22),0 1px 2px rgba(0, 0, 0, 0.24);--f7-notification-bg-color:#fff;--f7-notification-icon-size:16px;--f7-notification-title-color:var(--f7-theme-color);--f7-notification-title-font-size:12px;--f7-notification-title-text-transform:none;--f7-notification-title-line-height:1;--f7-notification-title-font-weight:400;--f7-notification-title-right-color:rgba(0, 0, 0, 0.54);--f7-notification-title-right-font-size:12px;--f7-notification-subtitle-color:#212121;--f7-notification-subtitle-font-size:14px;--f7-notification-subtitle-font-weight:400;--f7-notification-text-color:rgba(0, 0, 0, 0.54);--f7-notification-text-font-size:14px;--f7-notification-text-line-height:1.35}.md .theme-dark,.md.theme-dark{--f7-notification-bg-color:#242424;--f7-notification-subtitle-color:#fff;--f7-notification-title-right-color:rgba(255, 255, 255, 0.54);--f7-notification-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-notification-margin:10px;--f7-notification-padding:10px;--f7-notification-border-radius:4px;--f7-notification-box-shadow:0px 5px 25px -10px rgba(0, 0, 0, 0.7);--f7-notification-bg-color:#fff;--f7-notification-icon-size:18px;--f7-notification-title-color:#000;--f7-notification-title-font-size:13px;--f7-notification-title-text-transform:uppercase;--f7-notification-title-line-height:1.4;--f7-notification-title-font-weight:500;--f7-notification-title-letter-spacing:0.02em;--f7-notification-title-right-color:rgba(255, 255, 255, 0.6);--f7-notification-title-right-font-size:13px;--f7-notification-subtitle-color:#000;--f7-notification-subtitle-font-size:12px;--f7-notification-subtitle-font-weight:600;--f7-notification-text-color:#000;--f7-notification-text-font-size:12px;--f7-notification-text-line-height:1.2}.aurora .theme-dark,.aurora.theme-dark{--f7-notification-bg-color:#242424;--f7-notification-title-color:#fff;--f7-notification-subtitle-color:#fff;--f7-notification-text-color:#fff;--f7-notification-title-right-color:rgba(255, 255, 255, 0.54)}.notification{--f7-link-highlight-color:var(--f7-link-highlight-black);--f7-touch-ripple-color:var(--f7-touch-ripple-black);position:absolute;left:var(--f7-notification-margin);top:var(--f7-notification-margin);width:calc(100% - var(--f7-notification-margin) * 2);z-index:20000;font-size:14px;margin:0;border:none;display:none;box-sizing:border-box;transition-property:transform;direction:ltr;max-width:var(--f7-notification-max-width);padding:var(--f7-notification-padding);border-radius:var(--f7-notification-border-radius);box-shadow:var(--f7-notification-box-shadow);background:var(--f7-notification-bg-color);margin-top:var(--f7-safe-area-top)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .notification{background-color:rgba(var(--f7-notification-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}@media (min-width:568px){.notification{left:50%;width:var(--f7-notification-max-width);margin-left:calc(-1 * var(--f7-notification-max-width)/ 2)}}.notification-title{color:var(--f7-notification-title-color,var(--f7-theme-color));font-size:var(--f7-notification-title-font-size);text-transform:var(--f7-notification-title-text-transform);line-height:var(--f7-notification-title-line-height);font-weight:var(--f7-notification-title-font-weight);letter-spacing:var(--f7-notification-title-letter-spacing)}.notification-subtitle{color:var(--f7-notification-subtitle-color);font-size:var(--f7-notification-subtitle-font-size);text-transform:var(--f7-notification-subtitle-text-transform);line-height:var(--f7-notification-subtitle-line-height);font-weight:var(--f7-notification-subtitle-font-weight)}.notification-text{color:var(--f7-notification-text-color);font-size:var(--f7-notification-text-font-size);text-transform:var(--f7-notification-text-text-transform);line-height:var(--f7-notification-text-line-height);font-weight:var(--f7-notification-text-font-weight)}.notification-title-right-text{color:var(--f7-notification-title-right-color);font-size:var(--f7-notification-title-right-font-size)}.notification-icon{font-size:0;line-height:var(--f7-notification-icon-size)}.notification-icon,.notification-icon i{width:var(--f7-notification-icon-size)!important;height:var(--f7-notification-icon-size)!important}.notification-icon i{font-size:var(--f7-notification-icon-size)}.notification-header{display:flex;justify-content:flex-start;align-items:center}.notification-close-button{margin-left:auto;cursor:pointer;position:relative}.notification-close-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";display:block;width:100%;height:100%;font-size:20px;position:absolute;left:50%;top:50%;text-align:center}.ios .notification{transition-duration:450ms;transform:translate3d(0%,-200%,0)}.ios .notification.modal-in{transform:translate3d(0%,0%,0);opacity:1}.ios .notification.modal-out{transform:translate3d(0%,-200%,0)}.ios .notification-icon{margin-right:8px}.ios .notification-header+.notification-content{margin-top:10px}.ios .notification-title-right-text{margin-right:6px;margin-left:auto}.ios .notification-title-right-text+.notification-close-button{margin-left:10px}.ios .notification-close-button{font-size:14px;width:20px;height:20px;opacity:.3;transition-duration:.3s}.ios .notification-close-button.active-state{transition-duration:0s;opacity:.1}.ios .notification-close-button:after{color:#000;content:'notification_close_ios';font-size:.65em;line-height:44px;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.ios .theme-dark,.ios.theme-dark .notification-close-button:after{color:#fff}.md .notification{transform:translate3d(0,-150%,0)}.md .notification.modal-in{transition-duration:0s;animation:notification-md-in .4s ease-out;transform:translate3d(0,0%,0)}.md .notification.modal-in.notification-transitioning{transition-duration:.2s}.md .notification.modal-out{animation:none;transition-duration:.2s;transition-timing-function:ease-in;transform:translate3d(0,-150%,0)}.md .notification-icon{margin-right:8px}.md .notification-subtitle+.notification-text{margin-top:2px}.md .notification-header+.notification-content{margin-top:6px}.md .notification-title-right-text{margin-left:4px}.md .notification-title-right-text:before{content:'';width:3px;height:3px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:4px;background:var(--f7-notification-title-right-color)}.md .notification-close-button{width:16px;height:16px;transition-duration:.3s}.md .notification-close-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .notification-close-button.active-state:before{opacity:1;transition-duration:150ms}.md .notification-close-button:after,.md .notification-close-button:before{width:48px;height:48px;left:50%;top:50%;margin-left:-24px;margin-top:-24px}.md .notification-close-button:after{color:#737373;content:'delete_md';line-height:48px;font-size:14px}@keyframes notification-md-in{0%{transform:translate3d(0,-150%,0)}50%{transform:translate3d(0,10%,0)}100%{transform:translate3d(0,0%,0)}}.aurora .notification{transition-duration:450ms;transform:translate3d(0%,-200%,0)}.aurora .notification.modal-in{transform:translate3d(0%,0%,0);opacity:1}.aurora .notification.modal-out{transform:translate3d(0%,-200%,0)}.aurora .notification-icon{margin-right:10px}.aurora .notification-header+.notification-content{margin-top:10px}.aurora .notification-title-right-text{margin-right:0px;margin-left:auto}.aurora .notification-title-right-text+.notification-close-button{margin-left:10px}.aurora .notification-close-button{font-size:14px;width:16px;height:16px;opacity:.4;transition-duration:.3s}.aurora .notification-close-button.active-state{transition-duration:0s;opacity:.6}.aurora .notification-close-button:after{color:#000;content:'notification_close_ios';font-size:.5em;line-height:38px;width:38px;height:38px;margin-left:-19px;margin-top:-19px}.aurora .theme-dark,.aurora.theme-dark .notification-close-button:after{color:#fff} \ No newline at end of file diff --git a/packages/core/components/notification/notification-aurora.less b/packages/core/components/notification/notification-aurora.less index f2ef104854..8993f167d3 100644 --- a/packages/core/components/notification/notification-aurora.less +++ b/packages/core/components/notification/notification-aurora.less @@ -45,4 +45,7 @@ margin-top: -19px; } } + .theme-dark, &.theme-dark .notification-close-button:after { + color: #fff; + } } diff --git a/packages/core/components/notification/notification-ios.less b/packages/core/components/notification/notification-ios.less index 383e0b1f7b..f732c9ff20 100644 --- a/packages/core/components/notification/notification-ios.less +++ b/packages/core/components/notification/notification-ios.less @@ -45,4 +45,7 @@ margin-top: -22px; } } + .theme-dark, &.theme-dark .notification-close-button:after { + color: #fff; + } } diff --git a/packages/core/components/notification/notification-vars.less b/packages/core/components/notification/notification-vars.less index ad11eac6b0..dbd08ec750 100644 --- a/packages/core/components/notification/notification-vars.less +++ b/packages/core/components/notification/notification-vars.less @@ -21,7 +21,7 @@ --f7-notification-title-font-weight: 400; --f7-notification-title-letter-spacing: 0.02em; - --f7-notification-title-right-color: #444a51; + --f7-notification-title-right-color: rgba(0,0,0,0.45); --f7-notification-title-right-font-size: 13px; --f7-notification-subtitle-color: #000; @@ -31,6 +31,14 @@ --f7-notification-text-color: #000; --f7-notification-text-font-size: 15px; --f7-notification-text-line-height: 1.2; + .theme-dark, &.theme-dark { + --f7-notification-bg-color: rgba(30,30,30,0.95); + --f7-notification-bg-color-rgb: 30, 30, 30; + --f7-notification-subtitle-color: #fff; + --f7-notification-title-color: #fff; + --f7-notification-text-color: #fff; + --f7-notification-title-right-color: rgba(255,255,255,0.55); + } }); .md-vars({ --f7-notification-margin: 0px; @@ -46,16 +54,22 @@ --f7-notification-title-line-height: 1; --f7-notification-title-font-weight: 400; - --f7-notification-title-right-color: #757575; + --f7-notification-title-right-color: rgba(0,0,0,0.54); --f7-notification-title-right-font-size: 12px; --f7-notification-subtitle-color: #212121; --f7-notification-subtitle-font-size: 14px; --f7-notification-subtitle-font-weight: 400; - --f7-notification-text-color: #757575; + --f7-notification-text-color: rgba(0,0,0,0.54); --f7-notification-text-font-size: 14px; --f7-notification-text-line-height: 1.35; + .theme-dark, &.theme-dark { + --f7-notification-bg-color: #242424; + --f7-notification-subtitle-color: #fff; + --f7-notification-title-right-color: rgba(255,255,255,0.54); + --f7-notification-text-color: rgba(255,255,255,0.54); + } }); .aurora-vars({ --f7-notification-margin: 10px; @@ -82,4 +96,11 @@ --f7-notification-text-color: #000; --f7-notification-text-font-size: 12px; --f7-notification-text-line-height: 1.2; + .theme-dark, &.theme-dark { + --f7-notification-bg-color: #242424; + --f7-notification-title-color: #fff; + --f7-notification-subtitle-color: #fff; + --f7-notification-text-color: #fff; + --f7-notification-title-right-color: rgba(255,255,255,0.54); + } }); \ No newline at end of file diff --git a/packages/core/components/notification/notification.less b/packages/core/components/notification/notification.less index 62310aba8d..2cfe3e8cd9 100644 --- a/packages/core/components/notification/notification.less +++ b/packages/core/components/notification/notification.less @@ -22,7 +22,7 @@ box-shadow: var(--f7-notification-box-shadow); background: var(--f7-notification-bg-color); margin-top: var(--f7-safe-area-top); - .translucent(var(--f7-notification-bg-color-rgb)); + .ios-translucent-modals(var(--f7-notification-bg-color-rgb)); @media (min-width: 568px) { left: 50%; width: var(--f7-notification-max-width); diff --git a/packages/core/components/page/page-vars.less b/packages/core/components/page/page-vars.less index 1b296c049e..da9584321c 100644 --- a/packages/core/components/page/page-vars.less +++ b/packages/core/components/page/page-vars.less @@ -19,14 +19,14 @@ --f7-page-bg-color: #fff; --f7-page-transition-duration: 250ms; .theme-dark, &.theme-dark { - --f7-page-bg-color: #171717; + --f7-page-bg-color: #121212; } }); .aurora-vars({ --f7-page-bg-color: #f3f3f3; --f7-page-transition-duration: 400ms; .theme-dark, &.theme-dark { - --f7-page-bg-color: #171717; + --f7-page-bg-color: #121212; } }); .theme-dark { diff --git a/packages/core/components/photo-browser.css b/packages/core/components/photo-browser.css index e9937566e2..c715bff387 100644 --- a/packages/core/components/photo-browser.css +++ b/packages/core/components/photo-browser.css @@ -1 +1 @@ -:root{--f7-photobrowser-bg-color:#fff;--f7-photobrowser-bars-bg-image:none;--f7-photobrowser-caption-font-size:14px;--f7-photobrowser-caption-light-text-color:#000;--f7-photobrowser-caption-light-bg-color:rgba(255, 255, 255, 0.8);--f7-photobrowser-caption-dark-text-color:#fff;--f7-photobrowser-caption-dark-bg-color:rgba(0, 0, 0, 0.8);--f7-photobrowser-exposed-bg-color:#000;--f7-photobrowser-dark-bg-color:#000;--f7-photobrowser-dark-bars-bg-color:rgba(27, 27, 27, 0.8);--f7-photobrowser-dark-bars-text-color:#fff;--f7-photobrowser-dark-bars-link-color:#fff}.photo-browser{position:absolute;left:0;top:0;width:100%;height:100%;z-index:400}.photo-browser-standalone.modal-in{transition-duration:0s;animation:photo-browser-in .4s}.photo-browser-standalone.modal-out{transition-duration:0s;animation:photo-browser-out .4s}.photo-browser-standalone.modal-out.swipe-close-to-bottom,.photo-browser-standalone.modal-out.swipe-close-to-top{animation:none}.photo-browser-popup.modal-out.swipe-close-to-bottom,.photo-browser-popup.modal-out.swipe-close-to-top{transition-duration:.3s}.photo-browser-popup.modal-out.swipe-close-to-bottom{transform:translate3d(0,100%,0)}.photo-browser-popup.modal-out.swipe-close-to-top{transform:translate3d(0,-100vh,0)}.photo-browser-page{background:0 0}.photo-browser-page .toolbar{transform:none}.photo-browser-popup{background:0 0}.photo-browser-of{margin:0 5px}.photo-browser-captions{pointer-events:none;position:absolute;left:0;width:100%;bottom:var(--f7-safe-area-bottom);z-index:10;opacity:1;transition:.4s}.photo-browser-captions.photo-browser-captions-exposed{opacity:0}.toolbar~.photo-browser-captions{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom));transform:translate3d(0,0px,0)}.toolbar~.photo-browser-captions.photo-browser-captions-exposed{transform:translate3d(0,0px,0)}.photo-browser-caption{box-sizing:border-box;transition:.3s;position:absolute;bottom:0;left:0;opacity:0;padding:4px 5px;width:100%;text-align:center;font-size:var(--f7-photobrowser-caption-font-size)}.photo-browser-caption:empty{display:none}.photo-browser-caption.photo-browser-caption-active{opacity:1}.photo-browser-captions-light .photo-browser-caption{color:var(--f7-photobrowser-caption-light-text-color);background:var(--f7-photobrowser-caption-light-bg-color)}.photo-browser-captions-dark .photo-browser-caption{color:var(--f7-photobrowser-caption-dark-text-color);background:var(--f7-photobrowser-caption-dark-bg-color)}.photo-browser-swiper-container{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:var(--f7-photobrowser-bg-color);transition:.4s;transition-property:background-color}.photo-browser-next.swiper-button-disabled,.photo-browser-prev.swiper-button-disabled{opacity:.3;pointer-events:none}.photo-browser-slide{width:100%;height:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-shrink:0;box-sizing:border-box}.photo-browser-slide.photo-browser-transitioning{transition:.4s;transition-property:transform}.photo-browser-slide span.swiper-zoom-container{display:none}.photo-browser-slide img{width:auto;height:auto;max-width:100%;max-height:100%;display:none}.photo-browser-slide.swiper-slide-active span.swiper-zoom-container,.photo-browser-slide.swiper-slide-next span.swiper-zoom-container,.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container{display:flex}.photo-browser-slide.swiper-slide-active img,.photo-browser-slide.swiper-slide-next img,.photo-browser-slide.swiper-slide-prev img{display:inline}.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader{display:block}.photo-browser-slide iframe{width:100%;height:100%}.photo-browser-slide .preloader{display:none;position:absolute;width:42px;height:42px;margin-left:-21px;margin-top:-21px;left:50%;top:50%}.navbar-inner-photo-browser .navbar-bg,.photo-browser-page .navbar-bg,.photo-browser-page .toolbar{background-color:var(--f7-photobrowser-bars-bg-color,rgba(var(--f7-bars-bg-color-rgb),.95));background-image:var(--f7-photobrowser-bars-bg-image)}.photo-browser-page .navbar,.photo-browser-page .toolbar{transition:.4s;color:var(--f7-photobrowser-bars-text-color,var(--f7-bars-text-color))}.photo-browser-page .navbar a,.photo-browser-page .toolbar a{color:var(--f7-photobrowser-bars-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.photo-browser-exposed .navbar,.photo-browser-exposed .toolbar{opacity:0;visibility:hidden;pointer-events:none}.photo-browser-exposed .toolbar~.photo-browser-captions{transform:translate3d(0,var(--f7-toolbar-height),0)}.photo-browser-exposed .photo-browser-swiper-container{background:var(--f7-photobrowser-exposed-bg-color)}.photo-browser-exposed .photo-browser-caption{color:var(--f7-photobrowser-caption-dark-text-color);background:var(--f7-photobrowser-caption-dark-bg-color)}.view.with-photo-browser-page-exposed .navbar{opacity:0;pointer-events:none}.navbar-inner-photo-browser-dark .navbar-bg,.photo-browser-page-dark .navbar-bg,.photo-browser-page-dark .toolbar{background:var(--f7-photobrowser-dark-bars-bg-color)}.navbar-inner-photo-browser-dark .navbar-bg:before,.photo-browser-page-dark .navbar-bg:before,.photo-browser-page-dark .toolbar:before{display:none!important}.navbar-inner-photo-browser-dark .navbar-bg:after,.photo-browser-page-dark .navbar-bg:after,.photo-browser-page-dark .toolbar:after{display:none!important}.navbar-inner-photo-browser-dark,.photo-browser-dark .navbar,.photo-browser-dark .toolbar,.photo-browser-dark-page .navbar,.photo-browser-dark-page .toolbar{--f7-touch-ripple-color:var(--f7-touch-ripple-white);--f7-link-highlight-color:var(--f7-link-highlight-white);color:var(--f7-photobrowser-dark-bars-text-color)}.navbar-inner-photo-browser-dark a,.photo-browser-dark .navbar a,.photo-browser-dark .toolbar a,.photo-browser-dark-page .navbar a,.photo-browser-dark-page .toolbar a{color:var(--f7-photobrowser-dark-bars-link-color)}.photo-browser-dark .photo-browser-swiper-container,.photo-browser-page-dark .photo-browser-swiper-container{background:var(--f7-photobrowser-dark-bg-color)}@keyframes photo-browser-in{0%{transform:translate3d(0,0,0) scale(.5);opacity:0}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(1);opacity:1}}@keyframes photo-browser-out{0%{transform:translate3d(0,0,0) scale(1);opacity:1}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(.5);opacity:0}} \ No newline at end of file +:root{--f7-photobrowser-bg-color:#fff;--f7-photobrowser-bars-bg-image:none;--f7-photobrowser-caption-font-size:14px;--f7-photobrowser-caption-light-text-color:#000;--f7-photobrowser-caption-light-bg-color:rgba(255, 255, 255, 0.8);--f7-photobrowser-caption-dark-text-color:#fff;--f7-photobrowser-caption-dark-bg-color:rgba(0, 0, 0, 0.8);--f7-photobrowser-exposed-bg-color:#000;--f7-photobrowser-dark-bg-color:#000;--f7-photobrowser-dark-bars-bg-color:rgba(27, 27, 27, 0.8);--f7-photobrowser-dark-bars-text-color:#fff;--f7-photobrowser-dark-bars-link-color:#fff}.photo-browser{position:absolute;left:0;top:0;width:100%;height:100%;z-index:400}.photo-browser-standalone.modal-in{transition-duration:0s;animation:photo-browser-in .4s}.photo-browser-standalone.modal-out{transition-duration:0s;animation:photo-browser-out .4s}.photo-browser-standalone.modal-out.swipe-close-to-bottom,.photo-browser-standalone.modal-out.swipe-close-to-top{animation:none}.photo-browser-popup.modal-out.swipe-close-to-bottom,.photo-browser-popup.modal-out.swipe-close-to-top{transition-duration:.3s}.photo-browser-popup.modal-out.swipe-close-to-bottom{transform:translate3d(0,100%,0)}.photo-browser-popup.modal-out.swipe-close-to-top{transform:translate3d(0,-100vh,0)}.photo-browser-page{background:0 0}.photo-browser-page .toolbar{transform:none}.photo-browser-popup{background:0 0}.photo-browser-of{margin:0 5px}.photo-browser-captions{pointer-events:none;position:absolute;left:0;width:100%;bottom:var(--f7-safe-area-bottom);z-index:10;opacity:1;transition:.4s}.photo-browser-captions.photo-browser-captions-exposed{opacity:0}.toolbar~.photo-browser-captions{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom));transform:translate3d(0,0px,0)}.toolbar~.photo-browser-captions.photo-browser-captions-exposed{transform:translate3d(0,0px,0)}.photo-browser-caption{box-sizing:border-box;transition:.3s;position:absolute;bottom:0;left:0;opacity:0;padding:4px 5px;width:100%;text-align:center;font-size:var(--f7-photobrowser-caption-font-size)}.photo-browser-caption:empty{display:none}.photo-browser-caption.photo-browser-caption-active{opacity:1}.photo-browser-captions-light .photo-browser-caption{color:var(--f7-photobrowser-caption-light-text-color);background:var(--f7-photobrowser-caption-light-bg-color)}.photo-browser-captions-dark .photo-browser-caption{color:var(--f7-photobrowser-caption-dark-text-color);background:var(--f7-photobrowser-caption-dark-bg-color)}.photo-browser-swiper-container{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:var(--f7-photobrowser-bg-color);transition:.4s;transition-property:background-color}.photo-browser-next.swiper-button-disabled,.photo-browser-prev.swiper-button-disabled{opacity:.3;pointer-events:none}.photo-browser-slide{width:100%;height:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-shrink:0;box-sizing:border-box}.photo-browser-slide.photo-browser-transitioning{transition:.4s;transition-property:transform}.photo-browser-slide span.swiper-zoom-container{display:none}.photo-browser-slide img{width:auto;height:auto;max-width:100%;max-height:100%;display:none}.photo-browser-slide.swiper-slide-active span.swiper-zoom-container,.photo-browser-slide.swiper-slide-next span.swiper-zoom-container,.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container{display:flex}.photo-browser-slide.swiper-slide-active img,.photo-browser-slide.swiper-slide-next img,.photo-browser-slide.swiper-slide-prev img{display:inline}.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader{display:block}.photo-browser-slide iframe{width:100%;height:100%}.photo-browser-slide .preloader{display:none;position:absolute;width:42px;height:42px;margin-left:-21px;margin-top:-21px;left:50%;top:50%}.navbar-photo-browser .navbar-bg,.photo-browser-page .navbar-bg,.photo-browser-page .toolbar{background-color:var(--f7-photobrowser-bars-bg-color,rgba(var(--f7-bars-bg-color-rgb),.95));background-image:var(--f7-photobrowser-bars-bg-image)}.photo-browser-page .navbar,.photo-browser-page .toolbar{transition:.4s;color:var(--f7-photobrowser-bars-text-color,var(--f7-bars-text-color))}.photo-browser-page .navbar a,.photo-browser-page .toolbar a{color:var(--f7-photobrowser-bars-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.photo-browser-exposed .navbar,.photo-browser-exposed .toolbar{opacity:0;visibility:hidden;pointer-events:none}.photo-browser-exposed .toolbar~.photo-browser-captions{transform:translate3d(0,var(--f7-toolbar-height),0)}.photo-browser-exposed .photo-browser-swiper-container{background:var(--f7-photobrowser-exposed-bg-color)}.photo-browser-exposed .photo-browser-caption{color:var(--f7-photobrowser-caption-dark-text-color);background:var(--f7-photobrowser-caption-dark-bg-color)}.view.with-photo-browser-page-exposed .navbar{opacity:0;pointer-events:none}.navbar-photo-browser-dark .navbar-bg,.photo-browser-page-dark .navbar-bg,.photo-browser-page-dark .toolbar{background:var(--f7-photobrowser-dark-bars-bg-color)}.navbar-photo-browser-dark .navbar-bg:before,.photo-browser-page-dark .navbar-bg:before,.photo-browser-page-dark .toolbar:before{display:none!important}.navbar-photo-browser-dark .navbar-bg:after,.photo-browser-page-dark .navbar-bg:after,.photo-browser-page-dark .toolbar:after{display:none!important}.navbar-photo-browser-dark,.photo-browser-dark .navbar,.photo-browser-dark .toolbar,.photo-browser-dark-page .navbar,.photo-browser-dark-page .toolbar{--f7-touch-ripple-color:var(--f7-touch-ripple-white);--f7-link-highlight-color:var(--f7-link-highlight-white);color:var(--f7-photobrowser-dark-bars-text-color)}.navbar-photo-browser-dark a,.photo-browser-dark .navbar a,.photo-browser-dark .toolbar a,.photo-browser-dark-page .navbar a,.photo-browser-dark-page .toolbar a{color:var(--f7-photobrowser-dark-bars-link-color)}.photo-browser-dark .photo-browser-swiper-container,.photo-browser-page-dark .photo-browser-swiper-container{background:var(--f7-photobrowser-dark-bg-color)}@keyframes photo-browser-in{0%{transform:translate3d(0,0,0) scale(.5);opacity:0}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(1);opacity:1}}@keyframes photo-browser-out{0%{transform:translate3d(0,0,0) scale(1);opacity:1}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(.5);opacity:0}} \ No newline at end of file diff --git a/packages/core/components/photo-browser.js b/packages/core/components/photo-browser.js index bb786f2e16..990af2e9e0 100644 --- a/packages/core/components/photo-browser.js +++ b/packages/core/components/photo-browser.js @@ -1 +1 @@ -(function framework7ComponentLoader(e,o){void 0===o&&(o=!0);document,window;var r=e.$,a=(e.Template7,e.utils),t=(e.device,e.support,e.Class),n=(e.Modal,e.ConstructorMethods),p=(e.ModalMethods,function(e){function o(o,r){void 0===r&&(r={}),e.call(this,r,[o]);var t=this;t.app=o;var n=a.extend({on:{}},o.params.photoBrowser);t.useModulesParams(n),t.params=a.extend(n,r),a.extend(t,{exposed:!1,opened:!1,activeIndex:t.params.swiper.initialSlide,url:t.params.url,view:t.params.view||o.views.main,swipeToClose:{allow:!0,isTouched:!1,diff:void 0,start:void 0,current:void 0,started:!1,activeSlide:void 0,timeStart:void 0}}),t.useModules(),t.init()}return e&&(o.__proto__=e),o.prototype=Object.create(e&&e.prototype),o.prototype.constructor=o,o.prototype.onSlideChange=function(e){var o=this;o.activeIndex=e.activeIndex;var a=e.activeIndex+1,t=o.params.virtualSlides?o.params.photos.length:e.slides.length;e.params.loop&&(t-=2,(a-=e.loopedSlides)<1&&(a=t+a),a>t&&(a-=t));var n=o.params.virtualSlides?e.$wrapperEl.find('.swiper-slide[data-swiper-slide-index="'+e.activeIndex+'"]'):e.slides.eq(e.activeIndex),p=o.params.virtualSlides?e.$wrapperEl.find('.swiper-slide[data-swiper-slide-index="'+e.previousIndex+'"]'):e.slides.eq(e.previousIndex),s=o.$el.find(".photo-browser-current"),i=o.$el.find(".photo-browser-total");if("page"===o.params.type&&o.params.navbar&&0===s.length&&"ios"===o.app.theme){var l=o.app.navbar.getElByPage(o.$el);l&&(s=r(l).find(".photo-browser-current"),i=r(l).find(".photo-browser-total"))}if(s.text(a),i.text(t),o.captions.length>0){var d=e.params.loop?n.attr("data-swiper-slide-index"):o.activeIndex;o.$captionsContainerEl.find(".photo-browser-caption-active").removeClass("photo-browser-caption-active"),o.$captionsContainerEl.find('[data-caption-index="'+d+'"]').addClass("photo-browser-caption-active")}var c=p.find("video");c.length>0&&"pause"in c[0]&&c[0].pause()},o.prototype.onTouchStart=function(){var e=this.swipeToClose;e.allow&&(e.isTouched=!0)},o.prototype.onTouchMove=function(e){var o=this,r=o.swipeToClose;if(r.isTouched){r.started||(r.started=!0,r.start="touchmove"===e.type?e.targetTouches[0].pageY:e.pageY,o.params.virtualSlides?r.activeSlide=o.swiper.$wrapperEl.children(".swiper-slide-active"):r.activeSlide=o.swiper.slides.eq(o.swiper.activeIndex),r.timeStart=a.now()),e.preventDefault(),r.current="touchmove"===e.type?e.targetTouches[0].pageY:e.pageY,r.diff=r.start-r.current;var t=1-Math.abs(r.diff)/300,n=o.exposed||"dark"===o.params.theme?0:255;r.activeSlide.transform("translate3d(0,"+-r.diff+"px,0)"),o.swiper.$el.css("background-color","rgba("+n+", "+n+", "+n+", "+t+")").transition(0)}},o.prototype.onTouchEnd=function(){var e=this,o=e.swipeToClose;if(o.isTouched=!1,o.started){o.started=!1,o.allow=!1;var r=Math.abs(o.diff),t=(new Date).getTime()-o.timeStart;t<300&&r>20||t>=300&&r>100?a.nextTick(function(){e.$el&&(o.diff<0?e.$el.addClass("swipe-close-to-bottom"):e.$el.addClass("swipe-close-to-top")),e.emit("local::swipeToClose",e),e.close(),o.allow=!0}):(0!==r?o.activeSlide.addClass("photo-browser-transitioning").transitionEnd(function(){o.allow=!0,o.activeSlide.removeClass("photo-browser-transitioning")}):o.allow=!0,e.swiper.$el.transition("").css("background-color",""),o.activeSlide.transform(""))}else o.started=!1},o.prototype.renderNavbar=function(){var e=this;if(e.params.renderNavbar)return e.params.renderNavbar.call(e);var o=e.params.iconsColor;e.params.iconsColor||"dark"!==e.params.theme||(o="white");var r="ios"!==e.app.theme&&"aurora"!==e.app.theme||!e.params.backLinkText?"":e.params.backLinkText,a="page"!==e.params.type;return('\n
                \n
                \n
                \n
                \n \n \n '+(r?""+r+"":"")+'\n \n
                \n
                \n \n '+e.params.navbarOfText+'\n \n
                \n
                \n
                \n
                \n ').trim()},o.prototype.renderToolbar=function(){var e=this;if(e.params.renderToolbar)return e.params.renderToolbar.call(e);var o=e.params.iconsColor;return e.params.iconsColor||"dark"!==e.params.theme||(o="white"),('\n
                \n
                \n \n \n \n \n \n \n
                \n
                \n ').trim()},o.prototype.renderCaption=function(e,o){return this.params.renderCaption?this.params.renderCaption.call(this,e,o):('\n
                \n '+e+"\n
                \n ").trim()},o.prototype.renderObject=function(e,o){return this.params.renderObject?this.params.renderObject.call(this,e,o):'\n
                '+(e.html?e.html:e)+"
                \n "},o.prototype.renderLazyPhoto=function(e,o){var r=this;return r.params.renderLazyPhoto?r.params.renderLazyPhoto.call(r,e,o):('\n
                \n
                '+(a[r.app.theme+"PreloaderContent"]||"")+'
                \n \n \n \n
                \n ').trim()},o.prototype.renderPhoto=function(e,o){return this.params.renderPhoto?this.params.renderPhoto.call(this,e,o):('\n
                \n \n \n \n
                \n ').trim()},o.prototype.render=function(){var e=this;return e.params.render?e.params.render.call(e,e.params):('\n
                \n
                \n
                \n '+(e.params.navbar?e.renderNavbar():"")+"\n "+(e.params.toolbar?e.renderToolbar():"")+'\n
                \n '+e.params.photos.map(function(o,r){return o.caption?e.renderCaption(o.caption,r):""}).join(" ")+'\n
                \n
                \n
                \n '+(e.params.virtualSlides?"":e.params.photos.map(function(o,r){return o.html||("string"==typeof o||o instanceof String)&&o.indexOf("<")>=0&&o.indexOf(">")>=0?e.renderObject(o,r):!0===e.params.swiper.lazy||e.params.swiper.lazy&&e.params.swiper.lazy.enabled?e.renderLazyPhoto(o,r):e.renderPhoto(o,r)}).join(" "))+"\n
                \n
                \n
                \n
                \n
                \n ").trim()},o.prototype.renderStandalone=function(){return this.params.renderStandalone?this.params.renderStandalone.call(this):'
                '+this.render()+"
                "},o.prototype.renderPage=function(){return this.params.renderPage?this.params.renderPage.call(this):this.render()},o.prototype.renderPopup=function(){return this.params.renderPopup?this.params.renderPopup.call(this):'
                '+this.render()+"
                "},o.prototype.onOpen=function(e,o){var t=this,n=t.app,p=r(o);p[0].f7PhotoBrowser=t,t.$el=p,t.el=p[0],t.openedIn=e,t.opened=!0,t.$swiperContainerEl=t.$el.find(".photo-browser-swiper-container"),t.$swiperWrapperEl=t.$el.find(".photo-browser-swiper-wrapper"),t.slides=t.$el.find(".photo-browser-slide"),t.$captionsContainerEl=t.$el.find(".photo-browser-captions"),t.captions=t.$el.find(".photo-browser-caption");var s=a.extend({},t.params.swiper,{initialSlide:t.activeIndex,on:{tap:function(e){t.emit("local::tap",e)},click:function(e){t.params.exposition&&t.expositionToggle(),t.emit("local::click",e)},doubleTap:function(e){t.emit("local::doubleTap",e)},slideChange:function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];t.onSlideChange(this),t.emit.apply(t,["local::slideChange"].concat(e))},transitionStart:function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];t.emit.apply(t,["local::transitionStart"].concat(e))},transitionEnd:function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];t.emit.apply(t,["local::transitionEnd"].concat(e))},slideChangeTransitionStart:function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];t.emit.apply(t,["local::slideChangeTransitionStart"].concat(e))},slideChangeTransitionEnd:function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];t.emit.apply(t,["local::slideChangeTransitionEnd"].concat(e))},lazyImageLoad:function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];t.emit.apply(t,["local::lazyImageLoad"].concat(e))},lazyImageReady:function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];var a=e[0];r(a).removeClass("photo-browser-slide-lazy"),t.emit.apply(t,["local::lazyImageReady"].concat(e))}}});t.params.swipeToClose&&"page"!==t.params.type&&a.extend(s.on,{touchStart:function(e){t.onTouchStart(e),t.emit("local::touchStart",e)},touchMoveOpposite:function(e){t.onTouchMove(e),t.emit("local::touchMoveOpposite",e)},touchEnd:function(e){t.onTouchEnd(e),t.emit("local::touchEnd",e)}}),t.params.virtualSlides&&a.extend(s,{virtual:{slides:t.params.photos,renderSlide:function(e,o){return e.html||("string"==typeof e||e instanceof String)&&e.indexOf("<")>=0&&e.indexOf(">")>=0?t.renderObject(e,o):!0===t.params.swiper.lazy||t.params.swiper.lazy&&t.params.swiper.lazy.enabled?t.renderLazyPhoto(e,o):t.renderPhoto(e,o)}}}),t.swiper=n.swiper.create(t.$swiperContainerEl,s),0===t.activeIndex&&t.onSlideChange(t.swiper),t.$el&&t.$el.trigger("photobrowser:open"),t.emit("local::open photoBrowserOpen",t)},o.prototype.onOpened=function(){this.$el&&this.$el.trigger("photobrowser:opened"),this.emit("local::opened photoBrowserOpened",this)},o.prototype.onClose=function(){var e=this;e.destroyed||(e.swiper&&e.swiper.destroy&&(e.swiper.destroy(!0,!1),e.swiper=null,delete e.swiper),e.$el&&e.$el.trigger("photobrowser:close"),e.emit("local::close photoBrowserClose",e))},o.prototype.onClosed=function(){var e=this;e.destroyed||(e.opened=!1,e.$el=null,e.el=null,delete e.$el,delete e.el,e.$el&&e.$el.trigger("photobrowser:closed"),e.emit("local::closed photoBrowserClosed",e))},o.prototype.openPage=function(){var e=this;if(e.opened)return e;var o=e.renderPage();return e.view.router.navigate({url:e.url,route:{content:o,path:e.url,on:{pageBeforeIn:function(o,r){e.view.$el.addClass("with-photo-browser-page with-photo-browser-page-"+e.params.theme),e.onOpen("page",r.el)},pageAfterIn:function(o,r){e.onOpened("page",r.el)},pageBeforeOut:function(o,r){e.view.$el.removeClass("with-photo-browser-page with-photo-browser-page-exposed with-photo-browser-page-"+e.params.theme),e.onClose("page",r.el)},pageAfterOut:function(o,r){e.onClosed("page",r.el)}}}}),e},o.prototype.openStandalone=function(){var e=this;if(e.opened)return e;var o={backdrop:!1,content:e.renderStandalone(),on:{popupOpen:function(o){e.onOpen("popup",o.el)},popupOpened:function(o){e.onOpened("popup",o.el)},popupClose:function(o){e.onClose("popup",o.el)},popupClosed:function(o){e.onClosed("popup",o.el)}}};return e.params.routableModals?e.view.router.navigate({url:e.url,route:{path:e.url,popup:o}}):e.modal=e.app.popup.create(o).open(),e},o.prototype.openPopup=function(){var e=this;if(e.opened)return e;var o={content:e.renderPopup(),on:{popupOpen:function(o){e.onOpen("popup",o.el)},popupOpened:function(o){e.onOpened("popup",o.el)},popupClose:function(o){e.onClose("popup",o.el)},popupClosed:function(o){e.onClosed("popup",o.el)}}};return e.params.routableModals?e.view.router.navigate({url:e.url,route:{path:e.url,popup:o}}):e.modal=e.app.popup.create(o).open(),e},o.prototype.expositionEnable=function(){var e=this;return"page"===e.params.type&&e.view.$el.addClass("with-photo-browser-page-exposed"),e.$el&&e.$el.addClass("photo-browser-exposed"),e.params.expositionHideCaptions&&e.$captionsContainerEl.addClass("photo-browser-captions-exposed"),e.exposed=!0,e},o.prototype.expositionDisable=function(){var e=this;return"page"===e.params.type&&e.view.$el.removeClass("with-photo-browser-page-exposed"),e.$el&&e.$el.removeClass("photo-browser-exposed"),e.params.expositionHideCaptions&&e.$captionsContainerEl.removeClass("photo-browser-captions-exposed"),e.exposed=!1,e},o.prototype.expositionToggle=function(){var e=this;return"page"===e.params.type&&e.view.$el.toggleClass("with-photo-browser-page-exposed"),e.$el&&e.$el.toggleClass("photo-browser-exposed"),e.params.expositionHideCaptions&&e.$captionsContainerEl.toggleClass("photo-browser-captions-exposed"),e.exposed=!e.exposed,e},o.prototype.open=function(e){var o=this,r=o.params.type;return o.opened?(o.swiper&&void 0!==e&&o.swiper.slideTo(parseInt(e,10)),o):(void 0!==e&&(o.activeIndex=e),"standalone"===r&&o.openStandalone(),"page"===r&&o.openPage(),"popup"===r&&o.openPopup(),o)},o.prototype.close=function(){var e=this;return e.opened?(e.params.routableModals||"page"===e.openedIn?e.view&&e.view.router.back():(e.modal.once("modalClosed",function(){a.nextTick(function(){e.modal.destroy(),delete e.modal})}),e.modal.close()),e):e},o.prototype.init=function(){},o.prototype.destroy=function(){var e=this;e.emit("local::beforeDestroy photoBrowserBeforeDestroy",e),e.$el&&(e.$el.trigger("photobrowser:beforedestroy"),e.$el[0].f7PhotoBrowser=null,delete e.$el[0].f7PhotoBrowser),a.deleteProps(e),e=null},o}(t)),s={name:"photoBrowser",params:{photoBrowser:{photos:[],exposition:!0,expositionHideCaptions:!1,type:"standalone",navbar:!0,toolbar:!0,theme:"light",captionsTheme:void 0,iconsColor:void 0,swipeToClose:!0,backLinkText:"Close",navbarOfText:"of",view:void 0,url:"photos/",routableModals:!0,virtualSlides:!0,renderNavbar:void 0,renderToolbar:void 0,renderCaption:void 0,renderObject:void 0,renderLazyPhoto:void 0,renderPhoto:void 0,renderPage:void 0,renderPopup:void 0,renderStandalone:void 0,swiper:{initialSlide:0,spaceBetween:20,speed:300,loop:!1,preloadImages:!0,navigation:{nextEl:".photo-browser-next",prevEl:".photo-browser-prev"},zoom:{enabled:!0,maxRatio:3,minRatio:1},lazy:{enabled:!0}}}},create:function(){this.photoBrowser=n({defaultSelector:".photo-browser",constructor:p,app:this,domProp:"f7PhotoBrowser"})},static:{PhotoBrowser:p}};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)) +(function framework7ComponentLoader(e,o){void 0===o&&(o=!0);document,window;var r=e.$,a=(e.Template7,e.utils),t=(e.device,e.support,e.Class),n=(e.Modal,e.ConstructorMethods),p=(e.ModalMethods,function(e){function o(o,r){void 0===r&&(r={}),e.call(this,r,[o]);var t=this;t.app=o;var n=a.extend({on:{}},o.params.photoBrowser);t.useModulesParams(n),t.params=a.extend(n,r),a.extend(t,{exposed:!1,opened:!1,activeIndex:t.params.swiper.initialSlide,url:t.params.url,view:t.params.view||o.views.main,swipeToClose:{allow:!0,isTouched:!1,diff:void 0,start:void 0,current:void 0,started:!1,activeSlide:void 0,timeStart:void 0}}),t.useModules(),t.init()}return e&&(o.__proto__=e),o.prototype=Object.create(e&&e.prototype),o.prototype.constructor=o,o.prototype.onSlideChange=function(e){var o=this;o.activeIndex=e.activeIndex;var a=e.activeIndex+1,t=o.params.virtualSlides?o.params.photos.length:e.slides.length;e.params.loop&&(t-=2,(a-=e.loopedSlides)<1&&(a=t+a),a>t&&(a-=t));var n=o.params.virtualSlides?e.$wrapperEl.find('.swiper-slide[data-swiper-slide-index="'+e.activeIndex+'"]'):e.slides.eq(e.activeIndex),p=o.params.virtualSlides?e.$wrapperEl.find('.swiper-slide[data-swiper-slide-index="'+e.previousIndex+'"]'):e.slides.eq(e.previousIndex),s=o.$el.find(".photo-browser-current"),i=o.$el.find(".photo-browser-total");if("page"===o.params.type&&o.params.navbar&&0===s.length&&"ios"===o.app.theme){var l=o.app.navbar.getElByPage(o.$el);l&&(s=r(l).find(".photo-browser-current"),i=r(l).find(".photo-browser-total"))}if(s.text(a),i.text(t),o.captions.length>0){var d=e.params.loop?n.attr("data-swiper-slide-index"):o.activeIndex;o.$captionsContainerEl.find(".photo-browser-caption-active").removeClass("photo-browser-caption-active"),o.$captionsContainerEl.find('[data-caption-index="'+d+'"]').addClass("photo-browser-caption-active")}var c=p.find("video");c.length>0&&"pause"in c[0]&&c[0].pause()},o.prototype.onTouchStart=function(){var e=this.swipeToClose;e.allow&&(e.isTouched=!0)},o.prototype.onTouchMove=function(e){var o=this,r=o.swipeToClose;if(r.isTouched){r.started||(r.started=!0,r.start="touchmove"===e.type?e.targetTouches[0].pageY:e.pageY,o.params.virtualSlides?r.activeSlide=o.swiper.$wrapperEl.children(".swiper-slide-active"):r.activeSlide=o.swiper.slides.eq(o.swiper.activeIndex),r.timeStart=a.now()),e.preventDefault(),r.current="touchmove"===e.type?e.targetTouches[0].pageY:e.pageY,r.diff=r.start-r.current;var t=1-Math.abs(r.diff)/300,n=o.exposed||"dark"===o.params.theme?0:255;r.activeSlide.transform("translate3d(0,"+-r.diff+"px,0)"),o.swiper.$el.css("background-color","rgba("+n+", "+n+", "+n+", "+t+")").transition(0)}},o.prototype.onTouchEnd=function(){var e=this,o=e.swipeToClose;if(o.isTouched=!1,o.started){o.started=!1,o.allow=!1;var r=Math.abs(o.diff),t=(new Date).getTime()-o.timeStart;t<300&&r>20||t>=300&&r>100?a.nextTick(function(){e.$el&&(o.diff<0?e.$el.addClass("swipe-close-to-bottom"):e.$el.addClass("swipe-close-to-top")),e.emit("local::swipeToClose",e),e.close(),o.allow=!0}):(0!==r?o.activeSlide.addClass("photo-browser-transitioning").transitionEnd(function(){o.allow=!0,o.activeSlide.removeClass("photo-browser-transitioning")}):o.allow=!0,e.swiper.$el.transition("").css("background-color",""),o.activeSlide.transform(""))}else o.started=!1},o.prototype.renderNavbar=function(){var e=this;if(e.params.renderNavbar)return e.params.renderNavbar.call(e);var o=e.params.iconsColor;e.params.iconsColor||"dark"!==e.params.theme||(o="white");var r="ios"!==e.app.theme&&"aurora"!==e.app.theme||!e.params.backLinkText?"":e.params.backLinkText,a="page"!==e.params.type;return('\n
                \n
                \n
                \n
                \n \n \n '+(r?""+r+"":"")+'\n \n
                \n
                \n \n '+e.params.navbarOfText+'\n \n
                \n
                \n
                \n
                \n ').trim()},o.prototype.renderToolbar=function(){var e=this;if(e.params.renderToolbar)return e.params.renderToolbar.call(e);var o=e.params.iconsColor;return e.params.iconsColor||"dark"!==e.params.theme||(o="white"),('\n
                \n
                \n \n \n \n \n \n \n
                \n
                \n ').trim()},o.prototype.renderCaption=function(e,o){return this.params.renderCaption?this.params.renderCaption.call(this,e,o):('\n
                \n '+e+"\n
                \n ").trim()},o.prototype.renderObject=function(e,o){return this.params.renderObject?this.params.renderObject.call(this,e,o):'\n
                '+(e.html?e.html:e)+"
                \n "},o.prototype.renderLazyPhoto=function(e,o){var r=this;return r.params.renderLazyPhoto?r.params.renderLazyPhoto.call(r,e,o):('\n
                \n
                '+(a[r.app.theme+"PreloaderContent"]||"")+'
                \n \n \n \n
                \n ').trim()},o.prototype.renderPhoto=function(e,o){return this.params.renderPhoto?this.params.renderPhoto.call(this,e,o):('\n
                \n \n \n \n
                \n ').trim()},o.prototype.render=function(){var e=this;return e.params.render?e.params.render.call(e,e.params):('\n
                \n
                \n
                \n '+(e.params.navbar?e.renderNavbar():"")+"\n "+(e.params.toolbar?e.renderToolbar():"")+'\n
                \n '+e.params.photos.map(function(o,r){return o.caption?e.renderCaption(o.caption,r):""}).join(" ")+'\n
                \n
                \n
                \n '+(e.params.virtualSlides?"":e.params.photos.map(function(o,r){return o.html||("string"==typeof o||o instanceof String)&&o.indexOf("<")>=0&&o.indexOf(">")>=0?e.renderObject(o,r):!0===e.params.swiper.lazy||e.params.swiper.lazy&&e.params.swiper.lazy.enabled?e.renderLazyPhoto(o,r):e.renderPhoto(o,r)}).join(" "))+"\n
                \n
                \n
                \n
                \n
                \n ").trim()},o.prototype.renderStandalone=function(){return this.params.renderStandalone?this.params.renderStandalone.call(this):'
                '+this.render()+"
                "},o.prototype.renderPage=function(){return this.params.renderPage?this.params.renderPage.call(this):this.render()},o.prototype.renderPopup=function(){return this.params.renderPopup?this.params.renderPopup.call(this):'
                '+this.render()+"
                "},o.prototype.onOpen=function(e,o){var t=this,n=t.app,p=r(o);p[0].f7PhotoBrowser=t,t.$el=p,t.el=p[0],t.openedIn=e,t.opened=!0,t.$swiperContainerEl=t.$el.find(".photo-browser-swiper-container"),t.$swiperWrapperEl=t.$el.find(".photo-browser-swiper-wrapper"),t.slides=t.$el.find(".photo-browser-slide"),t.$captionsContainerEl=t.$el.find(".photo-browser-captions"),t.captions=t.$el.find(".photo-browser-caption");var s=a.extend({},t.params.swiper,{initialSlide:t.activeIndex,on:{tap:function(e){t.emit("local::tap",e)},click:function(e){t.params.exposition&&t.expositionToggle(),t.emit("local::click",e)},doubleTap:function(e){t.emit("local::doubleTap",e)},slideChange:function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];t.onSlideChange(this),t.emit.apply(t,["local::slideChange"].concat(e))},transitionStart:function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];t.emit.apply(t,["local::transitionStart"].concat(e))},transitionEnd:function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];t.emit.apply(t,["local::transitionEnd"].concat(e))},slideChangeTransitionStart:function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];t.emit.apply(t,["local::slideChangeTransitionStart"].concat(e))},slideChangeTransitionEnd:function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];t.emit.apply(t,["local::slideChangeTransitionEnd"].concat(e))},lazyImageLoad:function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];t.emit.apply(t,["local::lazyImageLoad"].concat(e))},lazyImageReady:function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];var a=e[0];r(a).removeClass("photo-browser-slide-lazy"),t.emit.apply(t,["local::lazyImageReady"].concat(e))}}});t.params.swipeToClose&&"page"!==t.params.type&&a.extend(s.on,{touchStart:function(e){t.onTouchStart(e),t.emit("local::touchStart",e)},touchMoveOpposite:function(e){t.onTouchMove(e),t.emit("local::touchMoveOpposite",e)},touchEnd:function(e){t.onTouchEnd(e),t.emit("local::touchEnd",e)}}),t.params.virtualSlides&&a.extend(s,{virtual:{slides:t.params.photos,renderSlide:function(e,o){return e.html||("string"==typeof e||e instanceof String)&&e.indexOf("<")>=0&&e.indexOf(">")>=0?t.renderObject(e,o):!0===t.params.swiper.lazy||t.params.swiper.lazy&&t.params.swiper.lazy.enabled?t.renderLazyPhoto(e,o):t.renderPhoto(e,o)}}}),t.swiper=n.swiper.create(t.$swiperContainerEl,s),0===t.activeIndex&&t.onSlideChange(t.swiper),t.$el&&t.$el.trigger("photobrowser:open"),t.emit("local::open photoBrowserOpen",t)},o.prototype.onOpened=function(){this.$el&&this.$el.trigger("photobrowser:opened"),this.emit("local::opened photoBrowserOpened",this)},o.prototype.onClose=function(){var e=this;e.destroyed||(e.swiper&&e.swiper.destroy&&(e.swiper.destroy(!0,!1),e.swiper=null,delete e.swiper),e.$el&&e.$el.trigger("photobrowser:close"),e.emit("local::close photoBrowserClose",e))},o.prototype.onClosed=function(){var e=this;e.destroyed||(e.opened=!1,e.$el=null,e.el=null,delete e.$el,delete e.el,e.$el&&e.$el.trigger("photobrowser:closed"),e.emit("local::closed photoBrowserClosed",e))},o.prototype.openPage=function(){var e=this;if(e.opened)return e;var o=e.renderPage();return e.view.router.navigate({url:e.url,route:{content:o,path:e.url,on:{pageBeforeIn:function(o,r){e.view.$el.addClass("with-photo-browser-page with-photo-browser-page-"+e.params.theme),e.onOpen("page",r.el)},pageAfterIn:function(o,r){e.onOpened("page",r.el)},pageBeforeOut:function(o,r){e.view.$el.removeClass("with-photo-browser-page with-photo-browser-page-exposed with-photo-browser-page-"+e.params.theme),e.onClose("page",r.el)},pageAfterOut:function(o,r){e.onClosed("page",r.el)}}}}),e},o.prototype.openStandalone=function(){var e=this;if(e.opened)return e;var o={backdrop:!1,content:e.renderStandalone(),on:{popupOpen:function(o){e.onOpen("popup",o.el)},popupOpened:function(o){e.onOpened("popup",o.el)},popupClose:function(o){e.onClose("popup",o.el)},popupClosed:function(o){e.onClosed("popup",o.el)}}};return e.params.routableModals?e.view.router.navigate({url:e.url,route:{path:e.url,popup:o}}):e.modal=e.app.popup.create(o).open(),e},o.prototype.openPopup=function(){var e=this;if(e.opened)return e;var o={content:e.renderPopup(),on:{popupOpen:function(o){e.onOpen("popup",o.el)},popupOpened:function(o){e.onOpened("popup",o.el)},popupClose:function(o){e.onClose("popup",o.el)},popupClosed:function(o){e.onClosed("popup",o.el)}}};return e.params.routableModals?e.view.router.navigate({url:e.url,route:{path:e.url,popup:o}}):e.modal=e.app.popup.create(o).open(),e},o.prototype.expositionEnable=function(){var e=this;return"page"===e.params.type&&e.view.$el.addClass("with-photo-browser-page-exposed"),e.$el&&e.$el.addClass("photo-browser-exposed"),e.params.expositionHideCaptions&&e.$captionsContainerEl.addClass("photo-browser-captions-exposed"),e.exposed=!0,e},o.prototype.expositionDisable=function(){var e=this;return"page"===e.params.type&&e.view.$el.removeClass("with-photo-browser-page-exposed"),e.$el&&e.$el.removeClass("photo-browser-exposed"),e.params.expositionHideCaptions&&e.$captionsContainerEl.removeClass("photo-browser-captions-exposed"),e.exposed=!1,e},o.prototype.expositionToggle=function(){var e=this;return"page"===e.params.type&&e.view.$el.toggleClass("with-photo-browser-page-exposed"),e.$el&&e.$el.toggleClass("photo-browser-exposed"),e.params.expositionHideCaptions&&e.$captionsContainerEl.toggleClass("photo-browser-captions-exposed"),e.exposed=!e.exposed,e},o.prototype.open=function(e){var o=this,r=o.params.type;return o.opened?(o.swiper&&void 0!==e&&o.swiper.slideTo(parseInt(e,10)),o):(void 0!==e&&(o.activeIndex=e),"standalone"===r&&o.openStandalone(),"page"===r&&o.openPage(),"popup"===r&&o.openPopup(),o)},o.prototype.close=function(){var e=this;return e.opened?(e.params.routableModals||"page"===e.openedIn?e.view&&e.view.router.back():(e.modal.once("modalClosed",function(){a.nextTick(function(){e.modal.destroy(),delete e.modal})}),e.modal.close()),e):e},o.prototype.init=function(){},o.prototype.destroy=function(){var e=this;e.emit("local::beforeDestroy photoBrowserBeforeDestroy",e),e.$el&&(e.$el.trigger("photobrowser:beforedestroy"),e.$el[0].f7PhotoBrowser=null,delete e.$el[0].f7PhotoBrowser),a.deleteProps(e),e=null},o}(t)),s={name:"photoBrowser",params:{photoBrowser:{photos:[],exposition:!0,expositionHideCaptions:!1,type:"standalone",navbar:!0,toolbar:!0,theme:"light",captionsTheme:void 0,iconsColor:void 0,swipeToClose:!0,backLinkText:"Close",navbarOfText:"of",view:void 0,url:"photos/",routableModals:!0,virtualSlides:!0,renderNavbar:void 0,renderToolbar:void 0,renderCaption:void 0,renderObject:void 0,renderLazyPhoto:void 0,renderPhoto:void 0,renderPage:void 0,renderPopup:void 0,renderStandalone:void 0,swiper:{initialSlide:0,spaceBetween:20,speed:300,loop:!1,preloadImages:!0,navigation:{nextEl:".photo-browser-next",prevEl:".photo-browser-prev"},zoom:{enabled:!0,maxRatio:3,minRatio:1},lazy:{enabled:!0}}}},create:function(){this.photoBrowser=n({defaultSelector:".photo-browser",constructor:p,app:this,domProp:"f7PhotoBrowser"})},static:{PhotoBrowser:p}};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)) diff --git a/packages/core/components/photo-browser.rtl.css b/packages/core/components/photo-browser.rtl.css index e9937566e2..c715bff387 100644 --- a/packages/core/components/photo-browser.rtl.css +++ b/packages/core/components/photo-browser.rtl.css @@ -1 +1 @@ -:root{--f7-photobrowser-bg-color:#fff;--f7-photobrowser-bars-bg-image:none;--f7-photobrowser-caption-font-size:14px;--f7-photobrowser-caption-light-text-color:#000;--f7-photobrowser-caption-light-bg-color:rgba(255, 255, 255, 0.8);--f7-photobrowser-caption-dark-text-color:#fff;--f7-photobrowser-caption-dark-bg-color:rgba(0, 0, 0, 0.8);--f7-photobrowser-exposed-bg-color:#000;--f7-photobrowser-dark-bg-color:#000;--f7-photobrowser-dark-bars-bg-color:rgba(27, 27, 27, 0.8);--f7-photobrowser-dark-bars-text-color:#fff;--f7-photobrowser-dark-bars-link-color:#fff}.photo-browser{position:absolute;left:0;top:0;width:100%;height:100%;z-index:400}.photo-browser-standalone.modal-in{transition-duration:0s;animation:photo-browser-in .4s}.photo-browser-standalone.modal-out{transition-duration:0s;animation:photo-browser-out .4s}.photo-browser-standalone.modal-out.swipe-close-to-bottom,.photo-browser-standalone.modal-out.swipe-close-to-top{animation:none}.photo-browser-popup.modal-out.swipe-close-to-bottom,.photo-browser-popup.modal-out.swipe-close-to-top{transition-duration:.3s}.photo-browser-popup.modal-out.swipe-close-to-bottom{transform:translate3d(0,100%,0)}.photo-browser-popup.modal-out.swipe-close-to-top{transform:translate3d(0,-100vh,0)}.photo-browser-page{background:0 0}.photo-browser-page .toolbar{transform:none}.photo-browser-popup{background:0 0}.photo-browser-of{margin:0 5px}.photo-browser-captions{pointer-events:none;position:absolute;left:0;width:100%;bottom:var(--f7-safe-area-bottom);z-index:10;opacity:1;transition:.4s}.photo-browser-captions.photo-browser-captions-exposed{opacity:0}.toolbar~.photo-browser-captions{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom));transform:translate3d(0,0px,0)}.toolbar~.photo-browser-captions.photo-browser-captions-exposed{transform:translate3d(0,0px,0)}.photo-browser-caption{box-sizing:border-box;transition:.3s;position:absolute;bottom:0;left:0;opacity:0;padding:4px 5px;width:100%;text-align:center;font-size:var(--f7-photobrowser-caption-font-size)}.photo-browser-caption:empty{display:none}.photo-browser-caption.photo-browser-caption-active{opacity:1}.photo-browser-captions-light .photo-browser-caption{color:var(--f7-photobrowser-caption-light-text-color);background:var(--f7-photobrowser-caption-light-bg-color)}.photo-browser-captions-dark .photo-browser-caption{color:var(--f7-photobrowser-caption-dark-text-color);background:var(--f7-photobrowser-caption-dark-bg-color)}.photo-browser-swiper-container{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:var(--f7-photobrowser-bg-color);transition:.4s;transition-property:background-color}.photo-browser-next.swiper-button-disabled,.photo-browser-prev.swiper-button-disabled{opacity:.3;pointer-events:none}.photo-browser-slide{width:100%;height:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-shrink:0;box-sizing:border-box}.photo-browser-slide.photo-browser-transitioning{transition:.4s;transition-property:transform}.photo-browser-slide span.swiper-zoom-container{display:none}.photo-browser-slide img{width:auto;height:auto;max-width:100%;max-height:100%;display:none}.photo-browser-slide.swiper-slide-active span.swiper-zoom-container,.photo-browser-slide.swiper-slide-next span.swiper-zoom-container,.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container{display:flex}.photo-browser-slide.swiper-slide-active img,.photo-browser-slide.swiper-slide-next img,.photo-browser-slide.swiper-slide-prev img{display:inline}.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader{display:block}.photo-browser-slide iframe{width:100%;height:100%}.photo-browser-slide .preloader{display:none;position:absolute;width:42px;height:42px;margin-left:-21px;margin-top:-21px;left:50%;top:50%}.navbar-inner-photo-browser .navbar-bg,.photo-browser-page .navbar-bg,.photo-browser-page .toolbar{background-color:var(--f7-photobrowser-bars-bg-color,rgba(var(--f7-bars-bg-color-rgb),.95));background-image:var(--f7-photobrowser-bars-bg-image)}.photo-browser-page .navbar,.photo-browser-page .toolbar{transition:.4s;color:var(--f7-photobrowser-bars-text-color,var(--f7-bars-text-color))}.photo-browser-page .navbar a,.photo-browser-page .toolbar a{color:var(--f7-photobrowser-bars-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.photo-browser-exposed .navbar,.photo-browser-exposed .toolbar{opacity:0;visibility:hidden;pointer-events:none}.photo-browser-exposed .toolbar~.photo-browser-captions{transform:translate3d(0,var(--f7-toolbar-height),0)}.photo-browser-exposed .photo-browser-swiper-container{background:var(--f7-photobrowser-exposed-bg-color)}.photo-browser-exposed .photo-browser-caption{color:var(--f7-photobrowser-caption-dark-text-color);background:var(--f7-photobrowser-caption-dark-bg-color)}.view.with-photo-browser-page-exposed .navbar{opacity:0;pointer-events:none}.navbar-inner-photo-browser-dark .navbar-bg,.photo-browser-page-dark .navbar-bg,.photo-browser-page-dark .toolbar{background:var(--f7-photobrowser-dark-bars-bg-color)}.navbar-inner-photo-browser-dark .navbar-bg:before,.photo-browser-page-dark .navbar-bg:before,.photo-browser-page-dark .toolbar:before{display:none!important}.navbar-inner-photo-browser-dark .navbar-bg:after,.photo-browser-page-dark .navbar-bg:after,.photo-browser-page-dark .toolbar:after{display:none!important}.navbar-inner-photo-browser-dark,.photo-browser-dark .navbar,.photo-browser-dark .toolbar,.photo-browser-dark-page .navbar,.photo-browser-dark-page .toolbar{--f7-touch-ripple-color:var(--f7-touch-ripple-white);--f7-link-highlight-color:var(--f7-link-highlight-white);color:var(--f7-photobrowser-dark-bars-text-color)}.navbar-inner-photo-browser-dark a,.photo-browser-dark .navbar a,.photo-browser-dark .toolbar a,.photo-browser-dark-page .navbar a,.photo-browser-dark-page .toolbar a{color:var(--f7-photobrowser-dark-bars-link-color)}.photo-browser-dark .photo-browser-swiper-container,.photo-browser-page-dark .photo-browser-swiper-container{background:var(--f7-photobrowser-dark-bg-color)}@keyframes photo-browser-in{0%{transform:translate3d(0,0,0) scale(.5);opacity:0}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(1);opacity:1}}@keyframes photo-browser-out{0%{transform:translate3d(0,0,0) scale(1);opacity:1}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(.5);opacity:0}} \ No newline at end of file +:root{--f7-photobrowser-bg-color:#fff;--f7-photobrowser-bars-bg-image:none;--f7-photobrowser-caption-font-size:14px;--f7-photobrowser-caption-light-text-color:#000;--f7-photobrowser-caption-light-bg-color:rgba(255, 255, 255, 0.8);--f7-photobrowser-caption-dark-text-color:#fff;--f7-photobrowser-caption-dark-bg-color:rgba(0, 0, 0, 0.8);--f7-photobrowser-exposed-bg-color:#000;--f7-photobrowser-dark-bg-color:#000;--f7-photobrowser-dark-bars-bg-color:rgba(27, 27, 27, 0.8);--f7-photobrowser-dark-bars-text-color:#fff;--f7-photobrowser-dark-bars-link-color:#fff}.photo-browser{position:absolute;left:0;top:0;width:100%;height:100%;z-index:400}.photo-browser-standalone.modal-in{transition-duration:0s;animation:photo-browser-in .4s}.photo-browser-standalone.modal-out{transition-duration:0s;animation:photo-browser-out .4s}.photo-browser-standalone.modal-out.swipe-close-to-bottom,.photo-browser-standalone.modal-out.swipe-close-to-top{animation:none}.photo-browser-popup.modal-out.swipe-close-to-bottom,.photo-browser-popup.modal-out.swipe-close-to-top{transition-duration:.3s}.photo-browser-popup.modal-out.swipe-close-to-bottom{transform:translate3d(0,100%,0)}.photo-browser-popup.modal-out.swipe-close-to-top{transform:translate3d(0,-100vh,0)}.photo-browser-page{background:0 0}.photo-browser-page .toolbar{transform:none}.photo-browser-popup{background:0 0}.photo-browser-of{margin:0 5px}.photo-browser-captions{pointer-events:none;position:absolute;left:0;width:100%;bottom:var(--f7-safe-area-bottom);z-index:10;opacity:1;transition:.4s}.photo-browser-captions.photo-browser-captions-exposed{opacity:0}.toolbar~.photo-browser-captions{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom));transform:translate3d(0,0px,0)}.toolbar~.photo-browser-captions.photo-browser-captions-exposed{transform:translate3d(0,0px,0)}.photo-browser-caption{box-sizing:border-box;transition:.3s;position:absolute;bottom:0;left:0;opacity:0;padding:4px 5px;width:100%;text-align:center;font-size:var(--f7-photobrowser-caption-font-size)}.photo-browser-caption:empty{display:none}.photo-browser-caption.photo-browser-caption-active{opacity:1}.photo-browser-captions-light .photo-browser-caption{color:var(--f7-photobrowser-caption-light-text-color);background:var(--f7-photobrowser-caption-light-bg-color)}.photo-browser-captions-dark .photo-browser-caption{color:var(--f7-photobrowser-caption-dark-text-color);background:var(--f7-photobrowser-caption-dark-bg-color)}.photo-browser-swiper-container{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:var(--f7-photobrowser-bg-color);transition:.4s;transition-property:background-color}.photo-browser-next.swiper-button-disabled,.photo-browser-prev.swiper-button-disabled{opacity:.3;pointer-events:none}.photo-browser-slide{width:100%;height:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-shrink:0;box-sizing:border-box}.photo-browser-slide.photo-browser-transitioning{transition:.4s;transition-property:transform}.photo-browser-slide span.swiper-zoom-container{display:none}.photo-browser-slide img{width:auto;height:auto;max-width:100%;max-height:100%;display:none}.photo-browser-slide.swiper-slide-active span.swiper-zoom-container,.photo-browser-slide.swiper-slide-next span.swiper-zoom-container,.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container{display:flex}.photo-browser-slide.swiper-slide-active img,.photo-browser-slide.swiper-slide-next img,.photo-browser-slide.swiper-slide-prev img{display:inline}.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader{display:block}.photo-browser-slide iframe{width:100%;height:100%}.photo-browser-slide .preloader{display:none;position:absolute;width:42px;height:42px;margin-left:-21px;margin-top:-21px;left:50%;top:50%}.navbar-photo-browser .navbar-bg,.photo-browser-page .navbar-bg,.photo-browser-page .toolbar{background-color:var(--f7-photobrowser-bars-bg-color,rgba(var(--f7-bars-bg-color-rgb),.95));background-image:var(--f7-photobrowser-bars-bg-image)}.photo-browser-page .navbar,.photo-browser-page .toolbar{transition:.4s;color:var(--f7-photobrowser-bars-text-color,var(--f7-bars-text-color))}.photo-browser-page .navbar a,.photo-browser-page .toolbar a{color:var(--f7-photobrowser-bars-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.photo-browser-exposed .navbar,.photo-browser-exposed .toolbar{opacity:0;visibility:hidden;pointer-events:none}.photo-browser-exposed .toolbar~.photo-browser-captions{transform:translate3d(0,var(--f7-toolbar-height),0)}.photo-browser-exposed .photo-browser-swiper-container{background:var(--f7-photobrowser-exposed-bg-color)}.photo-browser-exposed .photo-browser-caption{color:var(--f7-photobrowser-caption-dark-text-color);background:var(--f7-photobrowser-caption-dark-bg-color)}.view.with-photo-browser-page-exposed .navbar{opacity:0;pointer-events:none}.navbar-photo-browser-dark .navbar-bg,.photo-browser-page-dark .navbar-bg,.photo-browser-page-dark .toolbar{background:var(--f7-photobrowser-dark-bars-bg-color)}.navbar-photo-browser-dark .navbar-bg:before,.photo-browser-page-dark .navbar-bg:before,.photo-browser-page-dark .toolbar:before{display:none!important}.navbar-photo-browser-dark .navbar-bg:after,.photo-browser-page-dark .navbar-bg:after,.photo-browser-page-dark .toolbar:after{display:none!important}.navbar-photo-browser-dark,.photo-browser-dark .navbar,.photo-browser-dark .toolbar,.photo-browser-dark-page .navbar,.photo-browser-dark-page .toolbar{--f7-touch-ripple-color:var(--f7-touch-ripple-white);--f7-link-highlight-color:var(--f7-link-highlight-white);color:var(--f7-photobrowser-dark-bars-text-color)}.navbar-photo-browser-dark a,.photo-browser-dark .navbar a,.photo-browser-dark .toolbar a,.photo-browser-dark-page .navbar a,.photo-browser-dark-page .toolbar a{color:var(--f7-photobrowser-dark-bars-link-color)}.photo-browser-dark .photo-browser-swiper-container,.photo-browser-page-dark .photo-browser-swiper-container{background:var(--f7-photobrowser-dark-bg-color)}@keyframes photo-browser-in{0%{transform:translate3d(0,0,0) scale(.5);opacity:0}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(1);opacity:1}}@keyframes photo-browser-out{0%{transform:translate3d(0,0,0) scale(1);opacity:1}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(.5);opacity:0}} \ No newline at end of file diff --git a/packages/core/components/photo-browser/photo-browser-class.js b/packages/core/components/photo-browser/photo-browser-class.js index a6f50c567f..ca95475794 100644 --- a/packages/core/components/photo-browser/photo-browser-class.js +++ b/packages/core/components/photo-browser/photo-browser-class.js @@ -169,9 +169,9 @@ class PhotoBrowser extends Framework7Class { const isPopup = pb.params.type !== 'page'; const navbarHtml = ` -
                -
                -
                +
                +
                +
                diff --git a/packages/core/components/photo-browser/photo-browser.less b/packages/core/components/photo-browser/photo-browser.less index 01b1da3a07..28a2a7fd74 100644 --- a/packages/core/components/photo-browser/photo-browser.less +++ b/packages/core/components/photo-browser/photo-browser.less @@ -175,7 +175,7 @@ } } .photo-browser-page .navbar-bg, -.navbar-inner-photo-browser .navbar-bg, +.navbar-photo-browser .navbar-bg, .photo-browser-page .toolbar { background-color: var(--f7-photobrowser-bars-bg-color, rgba(var(--f7-bars-bg-color-rgb), 0.95)); background-image: var(--f7-photobrowser-bars-bg-image); @@ -216,14 +216,14 @@ } .photo-browser-page-dark .navbar-bg, -.navbar-inner-photo-browser-dark .navbar-bg, +.navbar-photo-browser-dark .navbar-bg, .photo-browser-page-dark .toolbar { background: var(--f7-photobrowser-dark-bars-bg-color); .hairline-remove(top); .hairline-remove(bottom); } -.navbar-inner-photo-browser-dark, +.navbar-photo-browser-dark, .photo-browser-dark .navbar, .photo-browser-dark .toolbar, .photo-browser-dark-page .navbar, diff --git a/packages/core/components/popover.css b/packages/core/components/popover.css index 44b4925ae8..a00ee76601 100644 --- a/packages/core/components/popover.css +++ b/packages/core/components/popover.css @@ -1 +1 @@ -:root{--f7-popover-width:260px}.ios{--f7-popover-bg-color:rgba(255, 255, 255, 0.95);--f7-popover-border-radius:13px;--f7-popover-box-shadow:none;--f7-popover-actions-icon-size:28px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.45)}.ios .theme-dark,.ios.theme-dark{--f7-popover-bg-color:rgba(30, 30, 30, 0.95);--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-popover-bg-color:#fff;--f7-popover-border-radius:4px;--f7-popover-box-shadow:var(--f7-elevation-8);--f7-popover-actions-icon-size:24px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-popover-bg-color:#202020;--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-popover-width:200px;--f7-popover-bg-color:#fff;--f7-popover-border-radius:4px;--f7-popover-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1),0 5px 11px 0 rgba(0,0,0,0.28);--f7-popover-actions-icon-size:24px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.6)}.aurora .theme-dark,.aurora.theme-dark{--f7-popover-bg-color:#202020;--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.6)}.popover{width:var(--f7-popover-width);z-index:13500;margin:0;top:0;opacity:0;left:0;position:absolute;display:none;transition-duration:.3s;background-color:var(--f7-popover-bg-color);border-radius:var(--f7-popover-border-radius);box-shadow:var(--f7-popover-box-shadow);will-change:transform,opacity}.popover .list{margin:0}.popover .list ul{background:0 0}.popover .list:first-child ul:before{display:none!important}.popover .list:last-child ul:after{display:none!important}.popover .list:first-child ul{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:first-child li:first-child,.popover .list:first-child li:first-child a,.popover .list:first-child li:first-child>label{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:last-child ul{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:last-child li:last-child,.popover .list:last-child li:last-child a,.popover .list:last-child li:last-child>label{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:first-child:last-child li:first-child:last-child,.popover .list:first-child:last-child li:first-child:last-child a,.popover .list:first-child:last-child li:first-child:last-child>label,.popover .list:first-child:last-child ul{border-radius:var(--f7-popover-border-radius)}.popover .list+.list{margin-top:var(--f7-list-margin-vertical)}.popover.modal-in{opacity:1}.popover.not-animated{transition-duration:0s}.popover-inner{overflow:auto;-webkit-overflow-scrolling:touch}.popover-from-actions .item-link i.icon{width:var(--f7-popover-actions-icon-size);height:var(--f7-popover-actions-icon-size);font-size:var(--f7-popover-actions-icon-size)}.popover-from-actions-bold{font-weight:600}.popover-from-actions-label{line-height:1.3;position:relative;display:flex;align-items:center;padding:var(--f7-actions-label-padding);color:var(--f7-popover-actions-label-text-color);font-size:var(--f7-actions-label-font-size);justify-content:var(--f7-actions-label-justify-content)}.popover-from-actions-label:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.popover-from-actions-label:last-child:after{display:none!important}.ios .popover{transform:none;transition-property:opacity}.ios .popover-angle{width:26px;height:26px;position:absolute;left:-26px;top:0;z-index:100;overflow:hidden}.ios .popover-angle:after{content:'';background:var(--f7-popover-bg-color);width:26px;height:26px;position:absolute;left:0;top:0;border-radius:3px;transform:rotate(45deg)}.ios .popover-angle.on-left{left:-26px}.ios .popover-angle.on-left:after{left:19px;top:0}.ios .popover-angle.on-right{left:100%}.ios .popover-angle.on-right:after{left:-19px;top:0}.ios .popover-angle.on-top{left:0;top:-26px}.ios .popover-angle.on-top:after{left:0;top:19px}.ios .popover-angle.on-bottom{left:0;top:100%}.ios .popover-angle.on-bottom:after{left:0;top:-19px}.md .popover{transform:scale(.85,.6);transition-property:opacity,transform}.md .popover.modal-in{opacity:1;transform:scale(1)}.md .popover.modal-out{opacity:0;transform:scale(1)}.md .popover-on-top{transform-origin:center bottom}.md .popover-on-top.popover-on-right{transform-origin:left bottom}.md .popover-on-top.popover-on-left{transform-origin:right bottom}.md .popover-on-middle{transform-origin:center center}.md .popover-on-middle.popover-on-right{transform-origin:left center}.md .popover-on-middle.popover-on-left{transform-origin:right center}.md .popover-on-bottom{transform-origin:center top}.md .popover-on-bottom.popover-on-right{transform-origin:left top}.md .popover-on-bottom.popover-on-left{transform-origin:right top}.aurora .popover{transform:none;transition-property:opacity}.aurora .popover-angle{width:18px;height:18px;position:absolute;left:-18px;top:0;z-index:100;overflow:hidden}.aurora .popover-angle:after{content:'';background:var(--f7-popover-bg-color);width:18px;height:18px;position:absolute;left:0;top:0;border-radius:2px;transform:rotate(45deg)}.aurora .popover-angle.on-left{left:-18px}.aurora .popover-angle.on-left:after{left:13px;top:0}.aurora .popover-angle.on-right{left:100%}.aurora .popover-angle.on-right:after{left:-13px;top:0}.aurora .popover-angle.on-top{left:0;top:-18px}.aurora .popover-angle.on-top:after{left:0;top:13px}.aurora .popover-angle.on-bottom{left:0;top:100%}.aurora .popover-angle.on-bottom:after{left:0;top:-13px} \ No newline at end of file +:root{--f7-popover-width:260px}.ios{--f7-popover-bg-color:rgba(255, 255, 255, 0.95);--f7-popover-border-radius:13px;--f7-popover-box-shadow:none;--f7-popover-actions-icon-size:28px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.45)}.ios .theme-dark,.ios.theme-dark{--f7-popover-bg-color:rgba(30, 30, 30, 0.95);--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-popover-bg-color:#fff;--f7-popover-border-radius:4px;--f7-popover-box-shadow:var(--f7-elevation-8);--f7-popover-actions-icon-size:24px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-popover-bg-color:#1c1c1d;--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-popover-width:200px;--f7-popover-bg-color:#fff;--f7-popover-border-radius:4px;--f7-popover-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1),0 5px 11px 0 rgba(0,0,0,0.28);--f7-popover-actions-icon-size:24px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.6)}.aurora .theme-dark,.aurora.theme-dark{--f7-popover-bg-color:#1c1c1d;--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.6)}.popover{width:var(--f7-popover-width);z-index:13500;margin:0;top:0;opacity:0;left:0;position:absolute;display:none;transition-duration:.3s;background-color:var(--f7-popover-bg-color);border-radius:var(--f7-popover-border-radius);box-shadow:var(--f7-popover-box-shadow);will-change:transform,opacity}.popover .list{margin:0}.popover .list ul{background:0 0}.popover .list:first-child ul:before{display:none!important}.popover .list:last-child ul:after{display:none!important}.popover .list:first-child ul{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:first-child li:first-child,.popover .list:first-child li:first-child a,.popover .list:first-child li:first-child>label{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:last-child ul{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:last-child li:last-child,.popover .list:last-child li:last-child a,.popover .list:last-child li:last-child>label{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:first-child:last-child li:first-child:last-child,.popover .list:first-child:last-child li:first-child:last-child a,.popover .list:first-child:last-child li:first-child:last-child>label,.popover .list:first-child:last-child ul{border-radius:var(--f7-popover-border-radius)}.popover .list+.list{margin-top:var(--f7-list-margin-vertical)}.popover.modal-in{opacity:1}.popover.not-animated{transition-duration:0s}.popover-inner{overflow:auto;-webkit-overflow-scrolling:touch}.popover-from-actions .item-link i.icon{width:var(--f7-popover-actions-icon-size);height:var(--f7-popover-actions-icon-size);font-size:var(--f7-popover-actions-icon-size)}.popover-from-actions-bold{font-weight:600}.popover-from-actions-label{line-height:1.3;position:relative;display:flex;align-items:center;padding:var(--f7-actions-label-padding);color:var(--f7-popover-actions-label-text-color);font-size:var(--f7-actions-label-font-size);justify-content:var(--f7-actions-label-justify-content)}.popover-from-actions-label:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.popover-from-actions-label:last-child:after{display:none!important}.ios .popover{transform:none;transition-property:opacity}.ios .popover-angle{width:26px;height:26px;position:absolute;left:-26px;top:0;z-index:100;overflow:hidden}.ios .popover-angle:after{content:'';background:var(--f7-popover-bg-color);width:26px;height:26px;position:absolute;left:0;top:0;border-radius:3px;transform:rotate(45deg)}.ios .popover-angle.on-left{left:-26px}.ios .popover-angle.on-left:after{left:19px;top:0}.ios .popover-angle.on-right{left:100%}.ios .popover-angle.on-right:after{left:-19px;top:0}.ios .popover-angle.on-top{left:0;top:-26px}.ios .popover-angle.on-top:after{left:0;top:19px}.ios .popover-angle.on-bottom{left:0;top:100%}.ios .popover-angle.on-bottom:after{left:0;top:-19px}.md .popover{transform:scale(.85,.6);transition-property:opacity,transform}.md .popover.modal-in{opacity:1;transform:scale(1)}.md .popover.modal-out{opacity:0;transform:scale(1)}.md .popover-on-top{transform-origin:center bottom}.md .popover-on-top.popover-on-right{transform-origin:left bottom}.md .popover-on-top.popover-on-left{transform-origin:right bottom}.md .popover-on-middle{transform-origin:center center}.md .popover-on-middle.popover-on-right{transform-origin:left center}.md .popover-on-middle.popover-on-left{transform-origin:right center}.md .popover-on-bottom{transform-origin:center top}.md .popover-on-bottom.popover-on-right{transform-origin:left top}.md .popover-on-bottom.popover-on-left{transform-origin:right top}.aurora .popover{transform:none;transition-property:opacity}.aurora .popover-angle{width:18px;height:18px;position:absolute;left:-18px;top:0;z-index:100;overflow:hidden}.aurora .popover-angle:after{content:'';background:var(--f7-popover-bg-color);width:18px;height:18px;position:absolute;left:0;top:0;border-radius:2px;transform:rotate(45deg)}.aurora .popover-angle.on-left{left:-18px}.aurora .popover-angle.on-left:after{left:13px;top:0}.aurora .popover-angle.on-right{left:100%}.aurora .popover-angle.on-right:after{left:-13px;top:0}.aurora .popover-angle.on-top{left:0;top:-18px}.aurora .popover-angle.on-top:after{left:0;top:13px}.aurora .popover-angle.on-bottom{left:0;top:100%}.aurora .popover-angle.on-bottom:after{left:0;top:-13px} \ No newline at end of file diff --git a/packages/core/components/popover.rtl.css b/packages/core/components/popover.rtl.css index 44b4925ae8..a00ee76601 100644 --- a/packages/core/components/popover.rtl.css +++ b/packages/core/components/popover.rtl.css @@ -1 +1 @@ -:root{--f7-popover-width:260px}.ios{--f7-popover-bg-color:rgba(255, 255, 255, 0.95);--f7-popover-border-radius:13px;--f7-popover-box-shadow:none;--f7-popover-actions-icon-size:28px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.45)}.ios .theme-dark,.ios.theme-dark{--f7-popover-bg-color:rgba(30, 30, 30, 0.95);--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-popover-bg-color:#fff;--f7-popover-border-radius:4px;--f7-popover-box-shadow:var(--f7-elevation-8);--f7-popover-actions-icon-size:24px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-popover-bg-color:#202020;--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-popover-width:200px;--f7-popover-bg-color:#fff;--f7-popover-border-radius:4px;--f7-popover-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1),0 5px 11px 0 rgba(0,0,0,0.28);--f7-popover-actions-icon-size:24px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.6)}.aurora .theme-dark,.aurora.theme-dark{--f7-popover-bg-color:#202020;--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.6)}.popover{width:var(--f7-popover-width);z-index:13500;margin:0;top:0;opacity:0;left:0;position:absolute;display:none;transition-duration:.3s;background-color:var(--f7-popover-bg-color);border-radius:var(--f7-popover-border-radius);box-shadow:var(--f7-popover-box-shadow);will-change:transform,opacity}.popover .list{margin:0}.popover .list ul{background:0 0}.popover .list:first-child ul:before{display:none!important}.popover .list:last-child ul:after{display:none!important}.popover .list:first-child ul{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:first-child li:first-child,.popover .list:first-child li:first-child a,.popover .list:first-child li:first-child>label{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:last-child ul{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:last-child li:last-child,.popover .list:last-child li:last-child a,.popover .list:last-child li:last-child>label{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:first-child:last-child li:first-child:last-child,.popover .list:first-child:last-child li:first-child:last-child a,.popover .list:first-child:last-child li:first-child:last-child>label,.popover .list:first-child:last-child ul{border-radius:var(--f7-popover-border-radius)}.popover .list+.list{margin-top:var(--f7-list-margin-vertical)}.popover.modal-in{opacity:1}.popover.not-animated{transition-duration:0s}.popover-inner{overflow:auto;-webkit-overflow-scrolling:touch}.popover-from-actions .item-link i.icon{width:var(--f7-popover-actions-icon-size);height:var(--f7-popover-actions-icon-size);font-size:var(--f7-popover-actions-icon-size)}.popover-from-actions-bold{font-weight:600}.popover-from-actions-label{line-height:1.3;position:relative;display:flex;align-items:center;padding:var(--f7-actions-label-padding);color:var(--f7-popover-actions-label-text-color);font-size:var(--f7-actions-label-font-size);justify-content:var(--f7-actions-label-justify-content)}.popover-from-actions-label:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.popover-from-actions-label:last-child:after{display:none!important}.ios .popover{transform:none;transition-property:opacity}.ios .popover-angle{width:26px;height:26px;position:absolute;left:-26px;top:0;z-index:100;overflow:hidden}.ios .popover-angle:after{content:'';background:var(--f7-popover-bg-color);width:26px;height:26px;position:absolute;left:0;top:0;border-radius:3px;transform:rotate(45deg)}.ios .popover-angle.on-left{left:-26px}.ios .popover-angle.on-left:after{left:19px;top:0}.ios .popover-angle.on-right{left:100%}.ios .popover-angle.on-right:after{left:-19px;top:0}.ios .popover-angle.on-top{left:0;top:-26px}.ios .popover-angle.on-top:after{left:0;top:19px}.ios .popover-angle.on-bottom{left:0;top:100%}.ios .popover-angle.on-bottom:after{left:0;top:-19px}.md .popover{transform:scale(.85,.6);transition-property:opacity,transform}.md .popover.modal-in{opacity:1;transform:scale(1)}.md .popover.modal-out{opacity:0;transform:scale(1)}.md .popover-on-top{transform-origin:center bottom}.md .popover-on-top.popover-on-right{transform-origin:left bottom}.md .popover-on-top.popover-on-left{transform-origin:right bottom}.md .popover-on-middle{transform-origin:center center}.md .popover-on-middle.popover-on-right{transform-origin:left center}.md .popover-on-middle.popover-on-left{transform-origin:right center}.md .popover-on-bottom{transform-origin:center top}.md .popover-on-bottom.popover-on-right{transform-origin:left top}.md .popover-on-bottom.popover-on-left{transform-origin:right top}.aurora .popover{transform:none;transition-property:opacity}.aurora .popover-angle{width:18px;height:18px;position:absolute;left:-18px;top:0;z-index:100;overflow:hidden}.aurora .popover-angle:after{content:'';background:var(--f7-popover-bg-color);width:18px;height:18px;position:absolute;left:0;top:0;border-radius:2px;transform:rotate(45deg)}.aurora .popover-angle.on-left{left:-18px}.aurora .popover-angle.on-left:after{left:13px;top:0}.aurora .popover-angle.on-right{left:100%}.aurora .popover-angle.on-right:after{left:-13px;top:0}.aurora .popover-angle.on-top{left:0;top:-18px}.aurora .popover-angle.on-top:after{left:0;top:13px}.aurora .popover-angle.on-bottom{left:0;top:100%}.aurora .popover-angle.on-bottom:after{left:0;top:-13px} \ No newline at end of file +:root{--f7-popover-width:260px}.ios{--f7-popover-bg-color:rgba(255, 255, 255, 0.95);--f7-popover-border-radius:13px;--f7-popover-box-shadow:none;--f7-popover-actions-icon-size:28px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.45)}.ios .theme-dark,.ios.theme-dark{--f7-popover-bg-color:rgba(30, 30, 30, 0.95);--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-popover-bg-color:#fff;--f7-popover-border-radius:4px;--f7-popover-box-shadow:var(--f7-elevation-8);--f7-popover-actions-icon-size:24px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-popover-bg-color:#1c1c1d;--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-popover-width:200px;--f7-popover-bg-color:#fff;--f7-popover-border-radius:4px;--f7-popover-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1),0 5px 11px 0 rgba(0,0,0,0.28);--f7-popover-actions-icon-size:24px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.6)}.aurora .theme-dark,.aurora.theme-dark{--f7-popover-bg-color:#1c1c1d;--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.6)}.popover{width:var(--f7-popover-width);z-index:13500;margin:0;top:0;opacity:0;left:0;position:absolute;display:none;transition-duration:.3s;background-color:var(--f7-popover-bg-color);border-radius:var(--f7-popover-border-radius);box-shadow:var(--f7-popover-box-shadow);will-change:transform,opacity}.popover .list{margin:0}.popover .list ul{background:0 0}.popover .list:first-child ul:before{display:none!important}.popover .list:last-child ul:after{display:none!important}.popover .list:first-child ul{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:first-child li:first-child,.popover .list:first-child li:first-child a,.popover .list:first-child li:first-child>label{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:last-child ul{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:last-child li:last-child,.popover .list:last-child li:last-child a,.popover .list:last-child li:last-child>label{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:first-child:last-child li:first-child:last-child,.popover .list:first-child:last-child li:first-child:last-child a,.popover .list:first-child:last-child li:first-child:last-child>label,.popover .list:first-child:last-child ul{border-radius:var(--f7-popover-border-radius)}.popover .list+.list{margin-top:var(--f7-list-margin-vertical)}.popover.modal-in{opacity:1}.popover.not-animated{transition-duration:0s}.popover-inner{overflow:auto;-webkit-overflow-scrolling:touch}.popover-from-actions .item-link i.icon{width:var(--f7-popover-actions-icon-size);height:var(--f7-popover-actions-icon-size);font-size:var(--f7-popover-actions-icon-size)}.popover-from-actions-bold{font-weight:600}.popover-from-actions-label{line-height:1.3;position:relative;display:flex;align-items:center;padding:var(--f7-actions-label-padding);color:var(--f7-popover-actions-label-text-color);font-size:var(--f7-actions-label-font-size);justify-content:var(--f7-actions-label-justify-content)}.popover-from-actions-label:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.popover-from-actions-label:last-child:after{display:none!important}.ios .popover{transform:none;transition-property:opacity}.ios .popover-angle{width:26px;height:26px;position:absolute;left:-26px;top:0;z-index:100;overflow:hidden}.ios .popover-angle:after{content:'';background:var(--f7-popover-bg-color);width:26px;height:26px;position:absolute;left:0;top:0;border-radius:3px;transform:rotate(45deg)}.ios .popover-angle.on-left{left:-26px}.ios .popover-angle.on-left:after{left:19px;top:0}.ios .popover-angle.on-right{left:100%}.ios .popover-angle.on-right:after{left:-19px;top:0}.ios .popover-angle.on-top{left:0;top:-26px}.ios .popover-angle.on-top:after{left:0;top:19px}.ios .popover-angle.on-bottom{left:0;top:100%}.ios .popover-angle.on-bottom:after{left:0;top:-19px}.md .popover{transform:scale(.85,.6);transition-property:opacity,transform}.md .popover.modal-in{opacity:1;transform:scale(1)}.md .popover.modal-out{opacity:0;transform:scale(1)}.md .popover-on-top{transform-origin:center bottom}.md .popover-on-top.popover-on-right{transform-origin:left bottom}.md .popover-on-top.popover-on-left{transform-origin:right bottom}.md .popover-on-middle{transform-origin:center center}.md .popover-on-middle.popover-on-right{transform-origin:left center}.md .popover-on-middle.popover-on-left{transform-origin:right center}.md .popover-on-bottom{transform-origin:center top}.md .popover-on-bottom.popover-on-right{transform-origin:left top}.md .popover-on-bottom.popover-on-left{transform-origin:right top}.aurora .popover{transform:none;transition-property:opacity}.aurora .popover-angle{width:18px;height:18px;position:absolute;left:-18px;top:0;z-index:100;overflow:hidden}.aurora .popover-angle:after{content:'';background:var(--f7-popover-bg-color);width:18px;height:18px;position:absolute;left:0;top:0;border-radius:2px;transform:rotate(45deg)}.aurora .popover-angle.on-left{left:-18px}.aurora .popover-angle.on-left:after{left:13px;top:0}.aurora .popover-angle.on-right{left:100%}.aurora .popover-angle.on-right:after{left:-13px;top:0}.aurora .popover-angle.on-top{left:0;top:-18px}.aurora .popover-angle.on-top:after{left:0;top:13px}.aurora .popover-angle.on-bottom{left:0;top:100%}.aurora .popover-angle.on-bottom:after{left:0;top:-13px} \ No newline at end of file diff --git a/packages/core/components/popover/popover-vars.less b/packages/core/components/popover/popover-vars.less index b7b50f6d43..50d7d9e1dc 100644 --- a/packages/core/components/popover/popover-vars.less +++ b/packages/core/components/popover/popover-vars.less @@ -20,7 +20,7 @@ --f7-popover-actions-icon-size: 24px; --f7-popover-actions-label-text-color: rgba(0,0,0,0.54); .theme-dark, &.theme-dark { - --f7-popover-bg-color: #202020; + --f7-popover-bg-color: #1c1c1d; --f7-popover-actions-label-text-color: rgba(255,255,255,0.54); } }); @@ -32,7 +32,7 @@ --f7-popover-actions-icon-size: 24px; --f7-popover-actions-label-text-color: rgba(0,0,0,0.6); .theme-dark, &.theme-dark { - --f7-popover-bg-color: #202020; + --f7-popover-bg-color: #1c1c1d; --f7-popover-actions-label-text-color: rgba(255,255,255,0.6); } }); \ No newline at end of file diff --git a/packages/core/components/pull-to-refresh.js b/packages/core/components/pull-to-refresh.js index c8987b7858..f24ba09c13 100644 --- a/packages/core/components/pull-to-refresh.js +++ b/packages/core/components/pull-to-refresh.js @@ -1 +1 @@ -(function framework7ComponentLoader(t,e){void 0===e&&(e=!0);document,window;var r=t.$,o=(t.Template7,t.utils),a=t.device,s=t.support,n=t.Class,l=(t.Modal,t.ConstructorMethods),i=(t.ModalMethods,function(t){function e(e,o){t.call(this,{},[e]);var n=this,l=r(o),i=l.find(".ptr-preloader");n.$el=l,n.el=l[0],n.app=e,n.bottom=n.$el.hasClass("ptr-bottom"),n.useModulesParams({});var p,c,u,f="md"===e.theme,d="ios"===e.theme,h="aurora"===e.theme;n.done=function(){return(f?i:l).transitionEnd(function(){l.removeClass("ptr-transitioning ptr-pull-up ptr-pull-down"),l.trigger("ptr:done"),n.emit("local::done ptrDone",l[0])}),l.removeClass("ptr-refreshing").addClass("ptr-transitioning"),n},n.refresh=function(){return l.hasClass("ptr-refreshing")?n:(l.addClass("ptr-transitioning ptr-refreshing"),l.trigger("ptr:refresh",n.done),n.emit("local::refresh ptrRefresh",l[0],n.done),n)},n.mousewheel="true"===l.attr("data-ptr-mousewheel");var m,g,v,b,w,C,M,T,y,P,x,H,E,R={},D=!1,$=!1,S=!1,X=0,Y=!1,I=l.parents(".page");function _(t){if(c){if("android"!==a.os)return;if("targetTouches"in t&&t.targetTouches.length>1)return}l.hasClass("ptr-refreshing")||r(t.target).closest(".sortable-handler, .ptr-ignore, .card-expandable.card-opened").length||(u=!1,T=!1,c=!0,m=void 0,w=void 0,"touchstart"===t.type&&(p=t.targetTouches[0].identifier),R.x="touchstart"===t.type?t.targetTouches[0].pageX:t.pageX,R.y="touchstart"===t.type?t.targetTouches[0].pageY:t.pageY)}function k(t){if(c){var e,s,d;if("touchmove"===t.type){if(p&&t.touches)for(var h=0;hMath.abs(e-R.x))),m){if(b=l[0].scrollTop,!u){var H;if(l.removeClass("ptr-transitioning"),y=l[0].scrollHeight,P=l[0].offsetHeight,n.bottom&&(x=y-P),b>y)return void(c=!1);var E=r(t.target).closest(".ptr-watch-scroll");if(E.length&&E.each(function(t,e){e!==o&&e.scrollHeight>e.offsetHeight&&"auto"===r(e).css("overflow")&&(!n.bottom&&e.scrollTop>0||n.bottom&&e.scrollTop=0&&(C=y*parseInt(C,10)/100),X=l.hasClass("ptr-refreshing")?C:0,$=!(y!==P&&"ios"===a.os&&!f),S=!1}u=!0,g=s-R.y,void 0===w&&(n.bottom?b!==x:0!==b)&&(w=!0),(n.bottom?g<0&&b>=x||b>x:g>0&&b<=0||b<0)?("ios"===a.os&&parseInt(a.osVersion.split(".")[0],10)>7&&(n.bottom||0!==b||w||($=!0),n.bottom&&b===x&&!w&&($=!0)),$||!n.bottom||f||(l.css("-webkit-overflow-scrolling","auto"),l.scrollTop(x),S=!0),($||S)&&(t.cancelable&&t.preventDefault(),v=(n.bottom?-1*Math.pow(Math.abs(g),.85):Math.pow(g,.85))+X,f?i.transform("translate3d(0,"+v+"px,0)").find(".ptr-arrow").transform("rotate("+(Math.abs(g)/66*180+100)+"deg)"):n.bottom?l.children().transform("translate3d(0,"+v+"px,0)"):l.transform("translate3d(0,"+v+"px,0)")),($||S)&&Math.pow(Math.abs(g),.85)>C||!$&&Math.abs(g)>=2*C?(D=!0,l.addClass("ptr-pull-up").removeClass("ptr-pull-down")):(D=!1,l.removeClass("ptr-pull-up").addClass("ptr-pull-down")),T||(l.trigger("ptr:pullstart"),n.emit("local::pullStart ptrPullStart",l[0]),T=!0),l.trigger("ptr:pullmove",{event:t,scrollTop:b,translate:v,touchesDiff:g}),n.emit("local::pullMove ptrPullMove",l[0],{event:t,scrollTop:b,translate:v,touchesDiff:g})):(T=!1,l.removeClass("ptr-pull-up ptr-pull-down"),D=!1)}else c=!1}}function B(t){return"touchend"===t.type&&t.changedTouches&&t.changedTouches.length>0&&p&&t.changedTouches[0].identifier!==p?(c=!1,m=!1,u=!1,void(p=null)):c&&u?(v&&(l.addClass("ptr-transitioning"),v=0),f?i.transform("").find(".ptr-arrow").transform(""):n.bottom?l.children().transform(""):l.transform(""),$||!n.bottom||f||l.css("-webkit-overflow-scrolling",""),D?(l.addClass("ptr-refreshing"),l.trigger("ptr:refresh",n.done),n.emit("local::refresh ptrRefresh",l[0],n.done)):l.removeClass("ptr-pull-down"),c=!1,u=!1,void(T&&(l.trigger("ptr:pullend"),n.emit("local::pullEnd ptrPullEnd",l[0])))):(c=!1,void(u=!1))}(I.find(".navbar").length>0||I.parents(".view").children(".navbar").length>0)&&(Y=!0),I.hasClass("no-navbar")&&(Y=!1),Y||n.bottom||l.addClass("ptr-no-navbar"),l.attr("data-ptr-distance")?M=!0:f?C=66:d?C=44:h&&(C=38);var L=!0,O=0;function j(){L=!0,E=!1,O=0,v&&(l.addClass("ptr-transitioning"),v=0),f?i.transform("").find(".ptr-arrow").transform(""):n.bottom?l.children().transform(""):l.transform(""),D?(l.addClass("ptr-refreshing"),l.trigger("ptr:refresh",n.done),n.emit("local::refresh ptrRefresh",l[0],n.done)):l.removeClass("ptr-pull-down"),T&&(l.trigger("ptr:pullend"),n.emit("local::pullEnd ptrPullEnd",l[0]))}function V(t){if(L){var e=t.deltaX,a=t.deltaY;if(!(Math.abs(e)>Math.abs(a)||l.hasClass("ptr-refreshing")||r(t.target).closest(".sortable-handler, .ptr-ignore, .card-expandable.card-opened").length)){if(clearTimeout(H),b=l[0].scrollTop,!E){var s;if(l.removeClass("ptr-transitioning"),y=l[0].scrollHeight,P=l[0].offsetHeight,n.bottom&&(x=y-P),b>y)return void(L=!1);var p=r(t.target).closest(".ptr-watch-scroll");if(p.length&&p.each(function(t,e){e!==o&&e.scrollHeight>e.offsetHeight&&"auto"===r(e).css("overflow")&&(!n.bottom&&e.scrollTop>0||n.bottom&&e.scrollTop=0&&(C=y*parseInt(C,10)/100)}u=!0,g=O-=a,void 0===w&&(n.bottom?b!==x:0!==b)&&(w=!0),(n.bottom?g<0&&b>=x||b>x:g>0&&b<=0||b<0)?(t.cancelable&&t.preventDefault(),v=g,Math.abs(v)>C&&(v=C+Math.pow(Math.abs(v)-C,.7),n.bottom&&(v=-v)),f?i.transform("translate3d(0,"+v+"px,0)").find(".ptr-arrow").transform("rotate("+(Math.abs(g)/66*180+100)+"deg)"):n.bottom?l.children().transform("translate3d(0,"+v+"px,0)"):l.transform("translate3d(0,"+v+"px,0)"),Math.abs(v)>C?(D=!0,l.addClass("ptr-pull-up").removeClass("ptr-pull-down")):(D=!1,l.removeClass("ptr-pull-up").addClass("ptr-pull-down")),T||(l.trigger("ptr:pullstart"),n.emit("local::pullStart ptrPullStart",l[0]),T=!0),l.trigger("ptr:pullmove",{event:t,scrollTop:b,translate:v,touchesDiff:g}),n.emit("local::pullMove ptrPullMove",l[0],{event:t,scrollTop:b,translate:v,touchesDiff:g})):(T=!1,l.removeClass("ptr-pull-up ptr-pull-down"),D=!1),H=setTimeout(j,300)}}}return I.length&&l.length?(l[0].f7PullToRefresh=n,n.attachEvents=function(){var t=!!s.passiveListener&&{passive:!0};l.on(e.touchEvents.start,_,t),e.on("touchmove:active",k),e.on("touchend:passive",B),n.mousewheel&&!n.bottom&&l.on("wheel",V)},n.detachEvents=function(){var t=!!s.passiveListener&&{passive:!0};l.off(e.touchEvents.start,_,t),e.off("touchmove:active",k),e.off("touchend:passive",B),n.mousewheel&&!n.bottom&&l.off("wheel",V)},n.useModules(),n.init(),n):n}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.init=function(){this.attachEvents()},e.prototype.destroy=function(){var t=this;t.emit("local::beforeDestroy ptrBeforeDestroy",t),t.$el.trigger("ptr:beforedestroy",t),delete t.el.f7PullToRefresh,t.detachEvents(),o.deleteProps(t),t=null},e}(n)),p={name:"pullToRefresh",create:function(){var t=this;t.ptr=o.extend(l({defaultSelector:".ptr-content",constructor:i,app:t,domProp:"f7PullToRefresh"}),{done:function(e){var r=t.ptr.get(e);if(r)return r.done()},refresh:function(e){var r=t.ptr.get(e);if(r)return r.refresh()}})},static:{PullToRefresh:i},on:{tabMounted:function(t){var e=this;r(t).find(".ptr-content").each(function(t,r){e.ptr.create(r)})},tabBeforeRemove:function(t){var e=r(t),o=this;e.find(".ptr-content").each(function(t,e){o.ptr.destroy(e)})},pageInit:function(t){var e=this;t.$el.find(".ptr-content").each(function(t,r){e.ptr.create(r)})},pageBeforeRemove:function(t){var e=this;t.$el.find(".ptr-content").each(function(t,r){e.ptr.destroy(r)})}}};if(e){if(t.prototype.modules&&t.prototype.modules[p.name])return;t.use(p),t.instance&&(t.instance.useModuleParams(p,t.instance.params),t.instance.useModule(p))}return p}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent)) +(function framework7ComponentLoader(t,e){void 0===e&&(e=!0);document,window;var r=t.$,o=(t.Template7,t.utils),a=t.device,s=t.support,n=t.Class,l=(t.Modal,t.ConstructorMethods),i=(t.ModalMethods,function(t){function e(e,o){t.call(this,{},[e]);var n=this,l=r(o),i=l.find(".ptr-preloader");n.$el=l,n.el=l[0],n.app=e,n.bottom=n.$el.hasClass("ptr-bottom"),n.useModulesParams({});var p,c,u,f="md"===e.theme,d="ios"===e.theme,h="aurora"===e.theme;n.done=function(){return(f?i:l).transitionEnd(function(){l.removeClass("ptr-transitioning ptr-pull-up ptr-pull-down"),l.trigger("ptr:done"),n.emit("local::done ptrDone",l[0])}),l.removeClass("ptr-refreshing").addClass("ptr-transitioning"),n},n.refresh=function(){return l.hasClass("ptr-refreshing")?n:(l.addClass("ptr-transitioning ptr-refreshing"),l.trigger("ptr:refresh",n.done),n.emit("local::refresh ptrRefresh",l[0],n.done),n)},n.mousewheel="true"===l.attr("data-ptr-mousewheel");var m,g,v,b,w,C,M,T,y,P,x,H,E,R={},D=!1,$=!1,S=!1,X=0,Y=!1,I=l.parents(".page");function _(t){if(c){if("android"!==a.os)return;if("targetTouches"in t&&t.targetTouches.length>1)return}l.hasClass("ptr-refreshing")||r(t.target).closest(".sortable-handler, .ptr-ignore, .card-expandable.card-opened").length||(u=!1,T=!1,c=!0,m=void 0,w=void 0,"touchstart"===t.type&&(p=t.targetTouches[0].identifier),R.x="touchstart"===t.type?t.targetTouches[0].pageX:t.pageX,R.y="touchstart"===t.type?t.targetTouches[0].pageY:t.pageY)}function k(t){if(c){var e,s,d;if("touchmove"===t.type){if(p&&t.touches)for(var h=0;hMath.abs(e-R.x))),m){if(b=l[0].scrollTop,!u){var H;if(l.removeClass("ptr-transitioning"),y=l[0].scrollHeight,P=l[0].offsetHeight,n.bottom&&(x=y-P),b>y)return void(c=!1);var E=r(t.target).closest(".ptr-watch-scroll");if(E.length&&E.each(function(t,e){e!==o&&e.scrollHeight>e.offsetHeight&&"auto"===r(e).css("overflow")&&(!n.bottom&&e.scrollTop>0||n.bottom&&e.scrollTop=0&&(C=y*parseInt(C,10)/100),X=l.hasClass("ptr-refreshing")?C:0,$=!(y!==P&&"ios"===a.os&&!f),S=!1}u=!0,g=s-R.y,void 0===w&&(n.bottom?b!==x:0!==b)&&(w=!0),(n.bottom?g<0&&b>=x||b>x:g>0&&b<=0||b<0)?("ios"===a.os&&parseInt(a.osVersion.split(".")[0],10)>7&&(n.bottom||0!==b||w||($=!0),n.bottom&&b===x&&!w&&($=!0)),$||!n.bottom||f||(l.css("-webkit-overflow-scrolling","auto"),l.scrollTop(x),S=!0),($||S)&&(t.cancelable&&t.preventDefault(),v=(n.bottom?-1*Math.pow(Math.abs(g),.85):Math.pow(g,.85))+X,f?i.transform("translate3d(0,"+v+"px,0)").find(".ptr-arrow").transform("rotate("+(Math.abs(g)/66*180+100)+"deg)"):n.bottom?l.children().transform("translate3d(0,"+v+"px,0)"):l.transform("translate3d(0,"+v+"px,0)")),($||S)&&Math.pow(Math.abs(g),.85)>C||!$&&Math.abs(g)>=2*C?(D=!0,l.addClass("ptr-pull-up").removeClass("ptr-pull-down")):(D=!1,l.removeClass("ptr-pull-up").addClass("ptr-pull-down")),T||(l.trigger("ptr:pullstart"),n.emit("local::pullStart ptrPullStart",l[0]),T=!0),l.trigger("ptr:pullmove",{event:t,scrollTop:b,translate:v,touchesDiff:g}),n.emit("local::pullMove ptrPullMove",l[0],{event:t,scrollTop:b,translate:v,touchesDiff:g})):(T=!1,l.removeClass("ptr-pull-up ptr-pull-down"),D=!1)}else c=!1}}function B(t){return"touchend"===t.type&&t.changedTouches&&t.changedTouches.length>0&&p&&t.changedTouches[0].identifier!==p?(c=!1,m=!1,u=!1,void(p=null)):c&&u?(v&&(l.addClass("ptr-transitioning"),v=0),f?i.transform("").find(".ptr-arrow").transform(""):n.bottom?l.children().transform(""):l.transform(""),$||!n.bottom||f||l.css("-webkit-overflow-scrolling",""),D?(l.addClass("ptr-refreshing"),l.trigger("ptr:refresh",n.done),n.emit("local::refresh ptrRefresh",l[0],n.done)):l.removeClass("ptr-pull-down"),c=!1,u=!1,void(T&&(l.trigger("ptr:pullend"),n.emit("local::pullEnd ptrPullEnd",l[0])))):(c=!1,void(u=!1))}(I.find(".navbar").length>0||I.parents(".view").children(".navbars").length>0)&&(Y=!0),I.hasClass("no-navbar")&&(Y=!1),Y||n.bottom||l.addClass("ptr-no-navbar"),l.attr("data-ptr-distance")?M=!0:f?C=66:d?C=44:h&&(C=38);var L=!0,O=0;function j(){L=!0,E=!1,O=0,v&&(l.addClass("ptr-transitioning"),v=0),f?i.transform("").find(".ptr-arrow").transform(""):n.bottom?l.children().transform(""):l.transform(""),D?(l.addClass("ptr-refreshing"),l.trigger("ptr:refresh",n.done),n.emit("local::refresh ptrRefresh",l[0],n.done)):l.removeClass("ptr-pull-down"),T&&(l.trigger("ptr:pullend"),n.emit("local::pullEnd ptrPullEnd",l[0]))}function V(t){if(L){var e=t.deltaX,a=t.deltaY;if(!(Math.abs(e)>Math.abs(a)||l.hasClass("ptr-refreshing")||r(t.target).closest(".sortable-handler, .ptr-ignore, .card-expandable.card-opened").length)){if(clearTimeout(H),b=l[0].scrollTop,!E){var s;if(l.removeClass("ptr-transitioning"),y=l[0].scrollHeight,P=l[0].offsetHeight,n.bottom&&(x=y-P),b>y)return void(L=!1);var p=r(t.target).closest(".ptr-watch-scroll");if(p.length&&p.each(function(t,e){e!==o&&e.scrollHeight>e.offsetHeight&&"auto"===r(e).css("overflow")&&(!n.bottom&&e.scrollTop>0||n.bottom&&e.scrollTop=0&&(C=y*parseInt(C,10)/100)}u=!0,g=O-=a,void 0===w&&(n.bottom?b!==x:0!==b)&&(w=!0),(n.bottom?g<0&&b>=x||b>x:g>0&&b<=0||b<0)?(t.cancelable&&t.preventDefault(),v=g,Math.abs(v)>C&&(v=C+Math.pow(Math.abs(v)-C,.7),n.bottom&&(v=-v)),f?i.transform("translate3d(0,"+v+"px,0)").find(".ptr-arrow").transform("rotate("+(Math.abs(g)/66*180+100)+"deg)"):n.bottom?l.children().transform("translate3d(0,"+v+"px,0)"):l.transform("translate3d(0,"+v+"px,0)"),Math.abs(v)>C?(D=!0,l.addClass("ptr-pull-up").removeClass("ptr-pull-down")):(D=!1,l.removeClass("ptr-pull-up").addClass("ptr-pull-down")),T||(l.trigger("ptr:pullstart"),n.emit("local::pullStart ptrPullStart",l[0]),T=!0),l.trigger("ptr:pullmove",{event:t,scrollTop:b,translate:v,touchesDiff:g}),n.emit("local::pullMove ptrPullMove",l[0],{event:t,scrollTop:b,translate:v,touchesDiff:g})):(T=!1,l.removeClass("ptr-pull-up ptr-pull-down"),D=!1),H=setTimeout(j,300)}}}return I.length&&l.length?(l[0].f7PullToRefresh=n,n.attachEvents=function(){var t=!!s.passiveListener&&{passive:!0};l.on(e.touchEvents.start,_,t),e.on("touchmove:active",k),e.on("touchend:passive",B),n.mousewheel&&!n.bottom&&l.on("wheel",V)},n.detachEvents=function(){var t=!!s.passiveListener&&{passive:!0};l.off(e.touchEvents.start,_,t),e.off("touchmove:active",k),e.off("touchend:passive",B),n.mousewheel&&!n.bottom&&l.off("wheel",V)},n.useModules(),n.init(),n):n}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.init=function(){this.attachEvents()},e.prototype.destroy=function(){var t=this;t.emit("local::beforeDestroy ptrBeforeDestroy",t),t.$el.trigger("ptr:beforedestroy",t),delete t.el.f7PullToRefresh,t.detachEvents(),o.deleteProps(t),t=null},e}(n)),p={name:"pullToRefresh",create:function(){var t=this;t.ptr=o.extend(l({defaultSelector:".ptr-content",constructor:i,app:t,domProp:"f7PullToRefresh"}),{done:function(e){var r=t.ptr.get(e);if(r)return r.done()},refresh:function(e){var r=t.ptr.get(e);if(r)return r.refresh()}})},static:{PullToRefresh:i},on:{tabMounted:function(t){var e=this;r(t).find(".ptr-content").each(function(t,r){e.ptr.create(r)})},tabBeforeRemove:function(t){var e=r(t),o=this;e.find(".ptr-content").each(function(t,e){o.ptr.destroy(e)})},pageInit:function(t){var e=this;t.$el.find(".ptr-content").each(function(t,r){e.ptr.create(r)})},pageBeforeRemove:function(t){var e=this;t.$el.find(".ptr-content").each(function(t,r){e.ptr.destroy(r)})}}};if(e){if(t.prototype.modules&&t.prototype.modules[p.name])return;t.use(p),t.instance&&(t.instance.useModuleParams(p,t.instance.params),t.instance.useModule(p))}return p}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent)) diff --git a/packages/core/components/pull-to-refresh/pull-to-refresh-class.js b/packages/core/components/pull-to-refresh/pull-to-refresh-class.js index f6d23fc0e9..6cc1a93ddc 100644 --- a/packages/core/components/pull-to-refresh/pull-to-refresh-class.js +++ b/packages/core/components/pull-to-refresh/pull-to-refresh-class.js @@ -70,7 +70,7 @@ class PullToRefresh extends Framework7Class { let maxScrollTop; const $pageEl = $el.parents('.page'); - if ($pageEl.find('.navbar').length > 0 || $pageEl.parents('.view').children('.navbar').length > 0) hasNavbar = true; + if ($pageEl.find('.navbar').length > 0 || $pageEl.parents('.view').children('.navbars').length > 0) hasNavbar = true; if ($pageEl.hasClass('no-navbar')) hasNavbar = false; if (!hasNavbar && !ptr.bottom) $el.addClass('ptr-no-navbar'); diff --git a/packages/core/components/searchbar.css b/packages/core/components/searchbar.css index 52c4fb0c44..fec18e4264 100644 --- a/packages/core/components/searchbar.css +++ b/packages/core/components/searchbar.css @@ -1 +1 @@ -:root{--f7-searchbar-input-border-width:0px;--f7-searchbar-input-border-color:transparent;--f7-searchbar-input-text-color:#000;--f7-searchbar-placeholder-color:rgba(0, 0, 0, 0.4)}:root .theme-dark,:root.theme-dark{--f7-searchbar-input-text-color:#fff;--f7-searchbar-placeholder-color:rgba(255, 255, 255, 0.4)}.ios{--f7-searchbar-height:44px;--f7-searchbar-inner-padding-left:8px;--f7-searchbar-inner-padding-right:8px;--f7-searchbar-search-icon-color:rgba(0, 0, 0, 0.4);--f7-searchbar-input-font-size:17px;--f7-searchbar-input-bg-color:#e4e4e4;--f7-searchbar-input-border-radius:8px;--f7-searchbar-input-height:32px;--f7-searchbar-input-padding-horizontal:28px;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.4);--f7-searchbar-shadow-image:none;--f7-searchbar-in-page-content-margin:0px;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:0;--f7-searchbar-in-page-content-input-border-radius:0}.ios .theme-dark,.ios.theme-dark{--f7-searchbar-search-icon-color:rgba(255, 255, 255, 0.4);--f7-searchbar-input-bg-color:#2a2a2a}.md{--f7-searchbar-bg-color:#fff;--f7-searchbar-border-color:transparent;--f7-searchbar-height:48px;--f7-searchbar-inner-padding-left:0px;--f7-searchbar-inner-padding-right:0px;--f7-searchbar-link-color:#737373;--f7-searchbar-search-icon-color:#737373;--f7-searchbar-input-font-size:20px;--f7-searchbar-input-bg-color:#fff;--f7-searchbar-input-border-radius:0px;--f7-searchbar-input-height:100%;--f7-searchbar-input-padding-horizontal:48px;--f7-searchbar-inline-input-padding-horizontal:24px;--f7-searchbar-input-clear-button-color:#737373;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.25);--f7-searchbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-searchbar-in-page-content-margin:8px;--f7-searchbar-in-page-content-box-shadow:var(--f7-elevation-1);--f7-searchbar-in-page-content-border-radius:4px;--f7-searchbar-in-page-content-input-border-radius:4px}.md .theme-dark,.md.theme-dark{--f7-searchbar-bg-color:#222222;--f7-searchbar-input-bg-color:#222222}.aurora{--f7-searchbar-height:38px;--f7-searchbar-inner-padding-left:8px;--f7-searchbar-inner-padding-right:8px;--f7-searchbar-search-icon-color:rgba(0, 0, 0, 0.4);--f7-searchbar-input-font-size:13px;--f7-searchbar-input-bg-color:#fff;--f7-searchbar-input-border-radius:4px;--f7-searchbar-input-height:24px;--f7-searchbar-input-padding-horizontal:24px;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.4);--f7-searchbar-shadow-image:none;--f7-searchbar-in-page-content-margin:0px;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:0}.aurora .theme-dark,.aurora.theme-dark{--f7-searchbar-input-bg-color:#333;--f7-searchbar-search-icon-color:rgba(255, 255, 255, 0.4)}.searchbar{width:100%;position:relative;z-index:200;height:var(--f7-searchbar-height);background-image:var(--f7-searchbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-searchbar-bg-color,var(--f7-bars-bg-color))}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .searchbar{background-color:rgba(var(--f7-searchbar-bg-color-rgb,var(--f7-bars-bg-color-rgb)),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.ios .subnavbar .searchbar{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.ios .subnavbar .searchbar:after{display:none!important}.searchbar.no-border:after,.searchbar.no-hairline:after{display:none!important}.searchbar.no-shadow:before{display:none!important}.searchbar:after{content:'';position:absolute;background-color:var(--f7-searchbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.page>.searchbar:not(.searchbar-inline){z-index:510}.page>.searchbar:not(.searchbar-inline):before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-searchbar-shadow-image)}.searchbar input[type=search],.searchbar input[type=text]{box-sizing:border-box;width:100%;height:100%;display:block;border:var(--f7-searchbar-input-border-width) solid var(--f7-searchbar-input-border-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-weight:400;color:var(--f7-searchbar-input-text-color);font-size:var(--f7-searchbar-input-font-size);background-color:var(--f7-searchbar-input-bg-color);border-radius:var(--f7-searchbar-input-border-radius);position:relative;padding:0;padding-left:calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-left,0px));padding-right:calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-right,0px))}.searchbar input[type=search]::-webkit-input-placeholder,.searchbar input[type=text]::-webkit-input-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::-moz-placeholder,.searchbar input[type=text]::-moz-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::-ms-input-placeholder,.searchbar input[type=text]::-ms-input-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::placeholder,.searchbar input[type=text]::placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.searchbar .searchbar-input-wrap{flex-shrink:1;width:100%;height:var(--f7-searchbar-input-height);position:relative}.searchbar a{color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.page>.searchbar:not(.searchbar-inline){position:absolute;left:0;top:0}.page-content .searchbar:not(.searchbar-inline){border-radius:var(--f7-searchbar-in-page-content-border-radius);margin:var(--f7-searchbar-in-page-content-margin);width:auto;box-shadow:var(--f7-searchbar-in-page-content-box-shadow)}.page-content .searchbar:not(.searchbar-inline) .searchbar-inner,.page-content .searchbar:not(.searchbar-inline) input[type=search],.page-content .searchbar:not(.searchbar-inline) input[type=text]{border-radius:var(--f7-searchbar-in-page-content-input-border-radius,var(--f7-searchbar-input-border-radius))}.searchbar .input-clear-button{color:var(--f7-searchbar-input-clear-button-color,var(--f7-input-clear-button-color))}.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-searchbar-height);position:absolute;transition-duration:.3s;pointer-events:none}.navbar-inner .searchbar-expandable{background:0 0}.navbar-inner .searchbar-expandable:after{display:none!important}.navbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-navbar-height)}.toolbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-toolbar-height)}.subnavbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-subnavbar-height)}.tabbar-labels .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-tabbar-labels-height)}.searchbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding:0 calc(var(--f7-searchbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-searchbar-inner-padding-left) + var(--f7-safe-area-left))}.searchbar-disable-button{cursor:pointer;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;outline:0;padding:0;margin:0;width:auto;opacity:0}.searchbar-icon{pointer-events:none;background-position:center;background-repeat:no-repeat}.searchbar-icon:after{color:var(--f7-searchbar-search-icon-color);font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.searchbar-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;opacity:0;pointer-events:none;transition-duration:.3s;transform:translate3d(0,0,0);background:var(--f7-searchbar-backdrop-bg-color)}.searchbar-backdrop.searchbar-backdrop-in{opacity:1;pointer-events:auto}.page-content>.searchbar-backdrop{position:fixed}.searchbar-not-found{display:none}.hidden-by-searchbar,.list .hidden-by-searchbar,.list li.hidden-by-searchbar,.list.li.hidden-by-searchbar{display:none!important}.navbar-inner.with-searchbar-expandable-enabled-no-transition,.navbar.with-searchbar-expandable-enabled-no-transition{--f7-navbar-large-collapse-progress:1}.navbar-inner.with-searchbar-expandable-enabled,.navbar.with-searchbar-expandable-enabled{--f7-navbar-large-collapse-progress:1}.navbar-inner.with-searchbar-expandable-enabled .navbar-bg,.navbar-inner.with-searchbar-expandable-enabled .title-large,.navbar-inner.with-searchbar-expandable-enabled .title-large-inner,.navbar-inner.with-searchbar-expandable-enabled .title-large-text,.navbar.with-searchbar-expandable-enabled .navbar-bg,.navbar.with-searchbar-expandable-enabled .title-large,.navbar.with-searchbar-expandable-enabled .title-large-inner,.navbar.with-searchbar-expandable-enabled .title-large-text{transition-duration:.3s}.navbar-inner.with-searchbar-expandable-closing .navbar-bg,.navbar-inner.with-searchbar-expandable-closing .title-large,.navbar-inner.with-searchbar-expandable-closing .title-large-inner,.navbar-inner.with-searchbar-expandable-closing .title-large-text,.navbar.with-searchbar-expandable-closing .navbar-bg,.navbar.with-searchbar-expandable-closing .title-large,.navbar.with-searchbar-expandable-closing .title-large-inner,.navbar.with-searchbar-expandable-closing .title-large-text{transition-duration:.3s}.page-content.with-searchbar-expandable-enabled{height:calc(100% + var(--f7-navbar-large-title-height));transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)));transition-duration:.3s;transition-property:transform}.page-content.with-searchbar-expandable-closing{transition-duration:.3s}.navbar~.page:not(.no-navbar)>.searchbar,.page>.navbar~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.navbar~.page-with-navbar-large:not(.no-navbar) .searchbar,.page-with-navbar-large .navbar~* .searchbar,.page-with-navbar-large .navbar~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height) + var(--f7-safe-area-top));transform:translate3d(0,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.searchbar~*{--f7-page-searchbar-offset:var(--f7-searchbar-height)}.aurora .page>.toolbar-top-aurora~.searchbar,.ios .page>.toolbar-top-ios~.searchbar,.md .page>.toolbar-top-md~.searchbar,.page>.toolbar-top~.searchbar{top:var(--f7-toolbar-height)}.aurora .page>.tabbar-labels.toolbar-top-aurora~.searchbar,.ios .page>.tabbar-labels.toolbar-top-ios~.searchbar,.md .page>.tabbar-labels.toolbar-top-md~.searchbar,.page>.tabbar-labels.toolbar-top~.searchbar{top:var(--f7-tabbar-labels-height)}.aurora .page>.navbar~.toolbar-top-aurora~.searchbar,.ios .page>.navbar~.toolbar-top-ios~.searchbar,.md .page>.navbar~.toolbar-top-md~.searchbar,.page>.navbar~.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-safe-area-top))}.aurora .page>.navbar~.tabbar-labels.toolbar-top-aurora~.searchbar,.ios .page>.navbar~.tabbar-labels.toolbar-top-ios~.searchbar,.md .page>.navbar~.tabbar-labels.toolbar-top-md~.searchbar,.page>.navbar~.tabbar-labels.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-safe-area-top))}.searchbar.searchbar-inline{width:auto;height:auto;background-color:transparent;background-image:none}.searchbar.searchbar-inline:after,.searchbar.searchbar-inline:before{display:none!important}.searchbar.searchbar-inline .searchbar-input-wrap{height:var(--f7-searchbar-inline-input-height,var(--f7-searchbar-input-height))}.searchbar.searchbar-inline .searchbar-inner{padding:0;position:static;width:auto;height:auto}.searchbar.searchbar-inline input[type=search],.searchbar.searchbar-inline input[type=text]{font-size:var(--f7-searchbar-inline-input-font-size,var(--f7-searchbar-input-font-size));padding-left:calc(var(--f7-searchbar-inline-input-padding-horizontal,var(--f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-left,0px));padding-right:calc(var(--f7-searchbar-inline-input-padding-horizontal,var(--f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-right,0px))}.ios .searchbar input[type=search],.ios .searchbar input[type=text]{z-index:30}.ios .searchbar .input-clear-button{z-index:40;right:7px}.ios .searchbar-icon{width:13px;height:13px;position:absolute;top:50%;margin-top:-6px;z-index:40;left:8px}.ios .searchbar-icon:after{content:'search_ios';line-height:13px}.ios .searchbar-disable-button{font-size:17px;flex-shrink:0;transform:translate3d(0,0,0);transition-duration:.3s;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));display:none}.ios .searchbar-disable-button.active-state{transition-duration:0s;opacity:.3!important}.ios .searchbar-enabled .searchbar-disable-button{pointer-events:auto;opacity:1;margin-left:8px}.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button{transition-duration:.3s!important}.ios .searchbar-expandable{left:0;bottom:0;opacity:1;width:100%;height:0%;transform:translate3d(0,0,0);overflow:hidden}.ios .searchbar-expandable .searchbar-disable-button{margin-left:8px;opacity:1;display:block}.ios .searchbar-expandable .searchbar-inner{height:var(--f7-searchbar-expandable-size)}.ios .navbar-inner.with-searchbar-expandable-closing .navbar-bg,.ios .navbar-inner.with-searchbar-expandable-enabled .navbar-bg{transition-property:transform,opacity}.ios .navbar-inner.with-searchbar-expandable-closing .left,.ios .navbar-inner.with-searchbar-expandable-closing .navbar-bg,.ios .navbar-inner.with-searchbar-expandable-closing .right,.ios .navbar-inner.with-searchbar-expandable-closing .title,.ios .navbar-inner.with-searchbar-expandable-enabled .left,.ios .navbar-inner.with-searchbar-expandable-enabled .navbar-bg,.ios .navbar-inner.with-searchbar-expandable-enabled .right,.ios .navbar-inner.with-searchbar-expandable-enabled .title{transition-duration:.3s}.ios .navbar-inner.with-searchbar-expandable-enabled .left,.ios .navbar-inner.with-searchbar-expandable-enabled .right,.ios .navbar-inner.with-searchbar-expandable-enabled .title,.ios .navbar-inner.with-searchbar-expandable-enabled-no-transition .left,.ios .navbar-inner.with-searchbar-expandable-enabled-no-transition .right,.ios .navbar-inner.with-searchbar-expandable-enabled-no-transition .title{transform:translateY(calc(-1 * var(--f7-navbar-height)));opacity:0!important}.ios .searchbar-expandable.searchbar-enabled{opacity:1;height:var(--f7-searchbar-expandable-size);pointer-events:auto}.md .searchbar-disable-button,.md .searchbar-icon{position:absolute;left:calc(-4px + var(--f7-safe-area-left));top:50%;transition-duration:.3s}.md .searchbar-icon{width:24px;height:24px;margin-left:12px;margin-top:-12px}.md .searchbar-icon:after{content:'search_md';line-height:1.2}.md .searchbar-disable-button{width:48px;height:48px;transform:rotate(-90deg) scale(.5);font-size:0!important;display:block;margin-top:-24px;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.md .searchbar-disable-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .searchbar-disable-button.active-state:before{opacity:1;transition-duration:150ms}.md .searchbar-disable-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;line-height:48px;content:"arrow_left_md"}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button{transform:rotate(0deg) scale(1);pointer-events:auto;opacity:1}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-icon{opacity:0;transform:rotate(90deg) scale(.5)}.md .searchbar{--f7-searchbar-input-extra-padding-left:17px}.md .searchbar .input-clear-button{width:48px;height:48px;margin-top:-24px;right:0}.md .searchbar .input-clear-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .searchbar .input-clear-button.active-state:before{opacity:1;transition-duration:150ms}.md .searchbar .input-clear-button:after{line-height:48px;content:'delete_md';opacity:1}.md .searchbar .input-clear-button:before{margin-left:0;margin-top:0}.md .page>.searchbar,.md .searchbar-expandable,.md .subnavbar .searchbar{--f7-searchbar-input-extra-padding-left:calc(17px + 8px)}.md .page>.searchbar .searchbar-disable-button,.md .page>.searchbar .searchbar-icon,.md .searchbar-expandable .searchbar-disable-button,.md .searchbar-expandable .searchbar-icon,.md .subnavbar .searchbar .searchbar-disable-button,.md .subnavbar .searchbar .searchbar-icon{left:calc(-4px + 8px + var(--f7-safe-area-left))}.md .searchbar-expandable{height:var(--f7-searchbar-expandable-size);opacity:0;bottom:0;border-radius:calc(var(--f7-searchbar-expandable-size));width:calc(var(--f7-searchbar-expandable-size));margin-top:calc(var(--f7-searchbar-expandable-size) * -1 / 2);transform:translate3d(0px,0px,0px);left:100%;margin-left:calc(var(--f7-searchbar-expandable-size) * -1)}.md .searchbar-expandable.searchbar-enabled{width:100%;border-radius:0;opacity:1;pointer-events:auto;margin-top:0;left:0;margin-left:0}.aurora .searchbar input[type=search],.aurora .searchbar input[type=text]{z-index:30}.aurora .searchbar .input-clear-button{z-index:40;right:4px}.aurora .searchbar-icon{width:13px;height:13px;position:absolute;top:50%;margin-top:-6px;z-index:40;left:6px}.aurora .searchbar-icon:after{content:'search_aurora';line-height:13px}.aurora .searchbar-disable-button{font-size:14px;flex-shrink:0;transform:translate3d(0,0,0);transition-duration:.3s;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));display:none}.aurora .searchbar-disable-button.active-state{transition-duration:0s;opacity:.3!important}.aurora .searchbar-enabled .searchbar-disable-button{pointer-events:auto;opacity:1;margin-left:8px}.aurora .searchbar:not(.searchbar-enabled) .searchbar-disable-button{transition-duration:.3s!important}.aurora .searchbar-expandable{left:0;top:auto;bottom:0;opacity:0;width:100%;transform:translate3d(0,0%,0);overflow:hidden}.aurora .searchbar-expandable .searchbar-disable-button{margin-left:8px;opacity:1;display:block}.aurora .searchbar-expandable .searchbar-inner{height:var(--f7-searchbar-expandable-size)}.aurora .searchbar-expandable.searchbar-enabled{opacity:1;pointer-events:auto} \ No newline at end of file +:root{--f7-searchbar-input-border-width:0px;--f7-searchbar-input-border-color:transparent;--f7-searchbar-input-text-color:#000;--f7-searchbar-placeholder-color:rgba(0, 0, 0, 0.4)}:root .theme-dark,:root.theme-dark{--f7-searchbar-input-text-color:#fff;--f7-searchbar-placeholder-color:rgba(255, 255, 255, 0.4)}.ios{--f7-searchbar-height:44px;--f7-searchbar-inner-padding-left:8px;--f7-searchbar-inner-padding-right:8px;--f7-searchbar-search-icon-color:rgba(0, 0, 0, 0.4);--f7-searchbar-input-font-size:17px;--f7-searchbar-input-bg-color:#e4e4e4;--f7-searchbar-input-border-radius:8px;--f7-searchbar-input-height:32px;--f7-searchbar-input-padding-horizontal:28px;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.4);--f7-searchbar-shadow-image:none;--f7-searchbar-in-page-content-margin:0px;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:0;--f7-searchbar-in-page-content-input-border-radius:0}.ios .theme-dark,.ios.theme-dark{--f7-searchbar-search-icon-color:rgba(255, 255, 255, 0.4);--f7-searchbar-input-bg-color:#2a2a2a}.md{--f7-searchbar-bg-color:#fff;--f7-searchbar-border-color:transparent;--f7-searchbar-height:48px;--f7-searchbar-inner-padding-left:0px;--f7-searchbar-inner-padding-right:0px;--f7-searchbar-link-color:#737373;--f7-searchbar-search-icon-color:#737373;--f7-searchbar-input-font-size:20px;--f7-searchbar-input-bg-color:#fff;--f7-searchbar-input-border-radius:0px;--f7-searchbar-input-height:100%;--f7-searchbar-input-padding-horizontal:48px;--f7-searchbar-inline-input-padding-horizontal:24px;--f7-searchbar-input-clear-button-color:#737373;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.25);--f7-searchbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-searchbar-in-page-content-margin:8px;--f7-searchbar-in-page-content-box-shadow:var(--f7-elevation-1);--f7-searchbar-in-page-content-border-radius:4px;--f7-searchbar-in-page-content-input-border-radius:4px}.md .theme-dark,.md.theme-dark{--f7-searchbar-bg-color:#202020;--f7-searchbar-input-bg-color:#202020}.aurora{--f7-searchbar-height:38px;--f7-searchbar-inner-padding-left:8px;--f7-searchbar-inner-padding-right:8px;--f7-searchbar-search-icon-color:rgba(0, 0, 0, 0.4);--f7-searchbar-input-font-size:13px;--f7-searchbar-input-bg-color:#fff;--f7-searchbar-input-border-radius:4px;--f7-searchbar-input-height:24px;--f7-searchbar-input-padding-horizontal:24px;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.4);--f7-searchbar-shadow-image:none;--f7-searchbar-in-page-content-margin:0px;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:0}.aurora .theme-dark,.aurora.theme-dark{--f7-searchbar-input-bg-color:#333;--f7-searchbar-search-icon-color:rgba(255, 255, 255, 0.4)}.searchbar{width:100%;position:relative;z-index:200;height:var(--f7-searchbar-height);background-image:var(--f7-searchbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-searchbar-bg-color,var(--f7-bars-bg-color))}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-bars .searchbar{background-color:rgba(var(--f7-searchbar-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))}}.ios .subnavbar .searchbar{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.ios .subnavbar .searchbar:after{display:none!important}.searchbar.no-border:after,.searchbar.no-hairline:after{display:none!important}.searchbar.no-shadow:before{display:none!important}.searchbar:after{content:'';position:absolute;background-color:var(--f7-searchbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.page>.searchbar:not(.searchbar-inline){z-index:600}.page>.searchbar:not(.searchbar-inline):before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-searchbar-shadow-image)}.searchbar input[type=search],.searchbar input[type=text]{box-sizing:border-box;width:100%;height:100%;display:block;border:var(--f7-searchbar-input-border-width) solid var(--f7-searchbar-input-border-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-weight:400;color:var(--f7-searchbar-input-text-color);font-size:var(--f7-searchbar-input-font-size);background-color:var(--f7-searchbar-input-bg-color);border-radius:var(--f7-searchbar-input-border-radius);position:relative;padding:0;padding-left:calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-left,0px));padding-right:calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-right,0px))}.searchbar input[type=search]::-webkit-input-placeholder,.searchbar input[type=text]::-webkit-input-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::-moz-placeholder,.searchbar input[type=text]::-moz-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::-ms-input-placeholder,.searchbar input[type=text]::-ms-input-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::placeholder,.searchbar input[type=text]::placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.searchbar .searchbar-input-wrap{flex-shrink:1;width:100%;height:var(--f7-searchbar-input-height);position:relative}.searchbar a{color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.page>.searchbar:not(.searchbar-inline){position:absolute;left:0;top:0}.page-content .searchbar:not(.searchbar-inline){border-radius:var(--f7-searchbar-in-page-content-border-radius);margin:var(--f7-searchbar-in-page-content-margin);width:auto;box-shadow:var(--f7-searchbar-in-page-content-box-shadow)}.page-content .searchbar:not(.searchbar-inline) .searchbar-inner,.page-content .searchbar:not(.searchbar-inline) input[type=search],.page-content .searchbar:not(.searchbar-inline) input[type=text]{border-radius:var(--f7-searchbar-in-page-content-input-border-radius,var(--f7-searchbar-input-border-radius))}.searchbar .input-clear-button{color:var(--f7-searchbar-input-clear-button-color,var(--f7-input-clear-button-color))}.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-searchbar-height);position:absolute;transition-duration:.3s;pointer-events:none}.navbar .searchbar-expandable{background:0 0}.navbar .searchbar-expandable:after{display:none!important}.navbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-navbar-height)}.toolbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-toolbar-height)}.subnavbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-subnavbar-height)}.tabbar-labels .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-tabbar-labels-height)}.searchbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding:0 calc(var(--f7-searchbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-searchbar-inner-padding-left) + var(--f7-safe-area-left))}.searchbar-disable-button{cursor:pointer;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;outline:0;padding:0;margin:0;width:auto;opacity:0}.searchbar-icon{pointer-events:none;background-position:center;background-repeat:no-repeat}.searchbar-icon:after{color:var(--f7-searchbar-search-icon-color);font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.searchbar-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;opacity:0;pointer-events:none;transition-duration:.3s;transform:translate3d(0,0,0);background:var(--f7-searchbar-backdrop-bg-color)}.searchbar-backdrop.searchbar-backdrop-in{opacity:1;pointer-events:auto}.page-content>.searchbar-backdrop{position:fixed}.searchbar-not-found{display:none}.hidden-by-searchbar,.list .hidden-by-searchbar,.list li.hidden-by-searchbar,.list.li.hidden-by-searchbar{display:none!important}.navbar.with-searchbar-expandable-enabled-no-transition{--f7-navbar-large-collapse-progress:1}.navbar.with-searchbar-expandable-enabled{--f7-navbar-large-collapse-progress:1}.navbar.with-searchbar-expandable-enabled .navbar-bg,.navbar.with-searchbar-expandable-enabled .title-large,.navbar.with-searchbar-expandable-enabled .title-large-text{transition-duration:.3s}.navbar.with-searchbar-expandable-closing .navbar-bg,.navbar.with-searchbar-expandable-closing .title-large,.navbar.with-searchbar-expandable-closing .title-large-text{transition-duration:.3s}.page-content.with-searchbar-expandable-enabled{height:calc(100% + var(--f7-navbar-large-title-height));transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)));transition-duration:.3s;transition-property:transform}.page-content.with-searchbar-expandable-closing{transition-duration:.3s}.navbars~.page:not(.no-navbar)>.searchbar,.navbar~.page:not(.no-navbar)>.searchbar,.page>.navbar~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.navbars~.page-with-navbar-large:not(.no-navbar) .searchbar,.navbar~.page-with-navbar-large:not(.no-navbar) .searchbar,.page-with-navbar-large .navbar~* .searchbar,.page-with-navbar-large .navbar~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height) + var(--f7-safe-area-top));transform:translate3d(0,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.searchbar~*{--f7-page-searchbar-offset:var(--f7-searchbar-height)}.aurora .page>.toolbar-top-aurora~.searchbar,.ios .page>.toolbar-top-ios~.searchbar,.md .page>.toolbar-top-md~.searchbar,.page>.toolbar-top~.searchbar{top:var(--f7-toolbar-height)}.aurora .page>.tabbar-labels.toolbar-top-aurora~.searchbar,.ios .page>.tabbar-labels.toolbar-top-ios~.searchbar,.md .page>.tabbar-labels.toolbar-top-md~.searchbar,.page>.tabbar-labels.toolbar-top~.searchbar{top:var(--f7-tabbar-labels-height)}.aurora .page>.navbar~.toolbar-top-aurora~.searchbar,.ios .page>.navbar~.toolbar-top-ios~.searchbar,.md .page>.navbar~.toolbar-top-md~.searchbar,.page>.navbar~.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-safe-area-top))}.aurora .page>.navbar~.tabbar-labels.toolbar-top-aurora~.searchbar,.ios .page>.navbar~.tabbar-labels.toolbar-top-ios~.searchbar,.md .page>.navbar~.tabbar-labels.toolbar-top-md~.searchbar,.page>.navbar~.tabbar-labels.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-safe-area-top))}.searchbar.searchbar-inline{width:auto;height:auto;background-color:transparent;background-image:none}.searchbar.searchbar-inline:after,.searchbar.searchbar-inline:before{display:none!important}.searchbar.searchbar-inline .searchbar-input-wrap{height:var(--f7-searchbar-inline-input-height,var(--f7-searchbar-input-height))}.searchbar.searchbar-inline .searchbar-inner{padding:0;position:static;width:auto;height:auto}.searchbar.searchbar-inline input[type=search],.searchbar.searchbar-inline input[type=text]{font-size:var(--f7-searchbar-inline-input-font-size,var(--f7-searchbar-input-font-size));padding-left:calc(var(--f7-searchbar-inline-input-padding-horizontal,var(--f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-left,0px));padding-right:calc(var(--f7-searchbar-inline-input-padding-horizontal,var(--f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-right,0px))}.ios .searchbar input[type=search],.ios .searchbar input[type=text]{z-index:30}.ios .searchbar .input-clear-button{z-index:40;right:7px}.ios .searchbar-icon{width:13px;height:13px;position:absolute;top:50%;margin-top:-6px;z-index:40;left:8px}.ios .searchbar-icon:after{content:'search_ios';line-height:13px}.ios .searchbar-disable-button{font-size:17px;flex-shrink:0;transform:translate3d(0,0,0);transition-duration:.3s;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));display:none}.ios .searchbar-disable-button.active-state{transition-duration:0s;opacity:.3!important}.ios .searchbar-enabled .searchbar-disable-button{pointer-events:auto;opacity:1;margin-left:8px}.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button{transition-duration:.3s!important}.ios .searchbar-expandable{left:0;bottom:0;opacity:1;width:100%;height:0%;transform:translate3d(0,0,0);overflow:hidden}.ios .searchbar-expandable .searchbar-disable-button{margin-left:8px;opacity:1;display:block}.ios .searchbar-expandable .searchbar-inner{height:var(--f7-searchbar-expandable-size)}.ios .navbar.with-searchbar-expandable-closing .navbar-bg,.ios .navbar.with-searchbar-expandable-enabled .navbar-bg{transition-property:transform,opacity}.ios .navbar.with-searchbar-expandable-closing .left,.ios .navbar.with-searchbar-expandable-closing .navbar-bg,.ios .navbar.with-searchbar-expandable-closing .right,.ios .navbar.with-searchbar-expandable-closing .title,.ios .navbar.with-searchbar-expandable-enabled .left,.ios .navbar.with-searchbar-expandable-enabled .navbar-bg,.ios .navbar.with-searchbar-expandable-enabled .right,.ios .navbar.with-searchbar-expandable-enabled .title{transition-duration:.3s}.ios .navbar.with-searchbar-expandable-enabled .left,.ios .navbar.with-searchbar-expandable-enabled .right,.ios .navbar.with-searchbar-expandable-enabled .title,.ios .navbar.with-searchbar-expandable-enabled-no-transition .left,.ios .navbar.with-searchbar-expandable-enabled-no-transition .right,.ios .navbar.with-searchbar-expandable-enabled-no-transition .title{transform:translateY(calc(-1 * var(--f7-navbar-height)));opacity:0!important}.ios .searchbar-expandable.searchbar-enabled{opacity:1;height:var(--f7-searchbar-expandable-size);pointer-events:auto}.md .searchbar-disable-button,.md .searchbar-icon{position:absolute;left:calc(-4px + var(--f7-safe-area-left));top:50%;transition-duration:.3s}.md .searchbar-icon{width:24px;height:24px;margin-left:12px;margin-top:-12px}.md .searchbar-icon:after{content:'search_md';line-height:1.2}.md .searchbar-disable-button{width:48px;height:48px;transform:rotate(-90deg) scale(.5);font-size:0!important;display:block;margin-top:-24px;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.md .searchbar-disable-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .searchbar-disable-button.active-state:before{opacity:1;transition-duration:150ms}.md .searchbar-disable-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;line-height:48px;content:"arrow_left_md"}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button{transform:rotate(0deg) scale(1);pointer-events:auto;opacity:1}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-icon{opacity:0;transform:rotate(90deg) scale(.5)}.md .searchbar{--f7-searchbar-input-extra-padding-left:17px}.md .searchbar .input-clear-button{width:48px;height:48px;margin-top:-24px;right:0}.md .searchbar .input-clear-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .searchbar .input-clear-button.active-state:before{opacity:1;transition-duration:150ms}.md .searchbar .input-clear-button:after{line-height:48px;content:'delete_md';opacity:1}.md .searchbar .input-clear-button:before{margin-left:0;margin-top:0}.md .page>.searchbar,.md .searchbar-expandable,.md .subnavbar .searchbar{--f7-searchbar-input-extra-padding-left:calc(17px + 8px)}.md .page>.searchbar .searchbar-disable-button,.md .page>.searchbar .searchbar-icon,.md .searchbar-expandable .searchbar-disable-button,.md .searchbar-expandable .searchbar-icon,.md .subnavbar .searchbar .searchbar-disable-button,.md .subnavbar .searchbar .searchbar-icon{left:calc(-4px + 8px + var(--f7-safe-area-left))}.md .searchbar-expandable{height:var(--f7-searchbar-expandable-size);opacity:0;bottom:0;border-radius:calc(var(--f7-searchbar-expandable-size));width:calc(var(--f7-searchbar-expandable-size));margin-top:calc(var(--f7-searchbar-expandable-size) * -1 / 2);transform:translate3d(0px,0px,0px);left:100%;margin-left:calc(var(--f7-searchbar-expandable-size) * -1)}.md .searchbar-expandable.searchbar-enabled{width:100%;border-radius:0;opacity:1;pointer-events:auto;margin-top:0;left:0;margin-left:0}.aurora .searchbar input[type=search],.aurora .searchbar input[type=text]{z-index:30}.aurora .searchbar .input-clear-button{z-index:40;right:4px}.aurora .searchbar-icon{width:13px;height:13px;position:absolute;top:50%;margin-top:-6px;z-index:40;left:6px}.aurora .searchbar-icon:after{content:'search_aurora';line-height:13px}.aurora .searchbar-disable-button{font-size:14px;flex-shrink:0;transform:translate3d(0,0,0);transition-duration:.3s;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));display:none}.aurora .searchbar-disable-button.active-state{transition-duration:0s;opacity:.3!important}.aurora .searchbar-enabled .searchbar-disable-button{pointer-events:auto;opacity:1;margin-left:8px}.aurora .searchbar:not(.searchbar-enabled) .searchbar-disable-button{transition-duration:.3s!important}.aurora .searchbar-expandable{left:0;top:auto;bottom:0;opacity:0;width:100%;transform:translate3d(0,0%,0);overflow:hidden}.aurora .searchbar-expandable .searchbar-disable-button{margin-left:8px;opacity:1;display:block}.aurora .searchbar-expandable .searchbar-inner{height:var(--f7-searchbar-expandable-size)}.aurora .searchbar-expandable.searchbar-enabled{opacity:1;pointer-events:auto} \ No newline at end of file diff --git a/packages/core/components/searchbar.js b/packages/core/components/searchbar.js index 26cc3c0a0f..910988bafe 100644 --- a/packages/core/components/searchbar.js +++ b/packages/core/components/searchbar.js @@ -1 +1 @@ -(function framework7ComponentLoader(a,e){void 0===e&&(e=!0);var r=document,n=(window,a.$),t=(a.Template7,a.utils),s=(a.device,a.support,a.Class),i=(a.Modal,a.ConstructorMethods),l=(a.ModalMethods,function(a){function e(e,r){void 0===r&&(r={}),a.call(this,r,[e]);var s=this,i={el:void 0,inputEl:void 0,inputEvents:"change input compositionend",disableButton:!0,disableButtonEl:void 0,backdropEl:void 0,searchContainer:void 0,searchItem:"li",searchIn:void 0,searchGroup:".list-group",searchGroupTitle:".item-divider, .list-group-title",ignore:".searchbar-ignore",foundEl:".searchbar-found",notFoundEl:".searchbar-not-found",hideOnEnableEl:".searchbar-hide-on-enable",hideOnSearchEl:".searchbar-hide-on-search",backdrop:void 0,removeDiacritics:!0,customSearch:!1,hideDividers:!0,hideGroups:!0,disableOnBackdropClick:!0,expandable:!1,inline:!1};s.useModulesParams(i),s.params=t.extend(i,r);var l,o=n(s.params.el);if(0===o.length)return s;if(o[0].f7Searchbar)return o[0].f7Searchbar;o[0].f7Searchbar=s;var c,d,h,b,p=o.parents(".navbar-inner");if(o.parents(".page").length>0)l=o.parents(".page");else if(p.length>0&&!(l=n(e.navbar.getPageByEl(p[0]))).length){var u=o.parents(".view").find(".page-current");u[0]&&u[0].f7Page&&u[0].f7Page.navbarEl===p[0]&&(l=u)}r.foundEl?c=n(r.foundEl):"string"==typeof s.params.foundEl&&l&&(c=l.find(s.params.foundEl)),r.notFoundEl?d=n(r.notFoundEl):"string"==typeof s.params.notFoundEl&&l&&(d=l.find(s.params.notFoundEl)),r.hideOnEnableEl?h=n(r.hideOnEnableEl):"string"==typeof s.params.hideOnEnableEl&&l&&(h=l.find(s.params.hideOnEnableEl)),r.hideOnSearchEl?b=n(r.hideOnSearchEl):"string"==typeof s.params.hideOnSearchEl&&l&&(b=l.find(s.params.hideOnSearchEl));var f,v,m,E,g=s.params.expandable||o.hasClass("searchbar-expandable"),$=s.params.inline||o.hasClass("searchbar-inline");function C(a){a.preventDefault()}function y(a){s.enable(a),s.$el.addClass("searchbar-focused")}function x(){s.$el.removeClass("searchbar-focused"),"aurora"!==e.theme||E&&E.length&&s.params.disableButton||s.query||s.disable()}function k(){var a=s.$inputEl.val().trim();(s.$searchContainer&&s.$searchContainer.length>0&&(s.params.searchIn||s.isVirtualList||s.params.searchIn===s.params.searchItem)||s.params.customSearch)&&s.search(a,!0)}function B(a,e){s.$el.trigger("searchbar:clear",e),s.emit("local::clear searchbarClear",s,e)}function w(a){s.disable(a)}function S(){!s||s&&!s.$el||s.enabled&&(s.$el.removeClass("searchbar-enabled"),s.expandable&&s.$el.parents(".navbar-inner").removeClass("with-searchbar-expandable-enabled with-searchbar-expandable-enabled-no-transition"))}function O(){!s||s&&!s.$el||s.enabled&&(s.$el.addClass("searchbar-enabled"),s.expandable&&s.$el.parents(".navbar-inner").addClass("with-searchbar-expandable-enabled-no-transition"))}return void 0===s.params.backdrop&&(s.params.backdrop=!$&&"aurora"!==e.theme),s.params.backdrop&&0===(f=s.params.backdropEl?n(s.params.backdropEl):l&&l.length>0?l.find(".searchbar-backdrop"):o.siblings(".searchbar-backdrop")).length&&(f=n('
                '),l&&l.length?o.parents(l).length>0&&p&&0===o.parents(p).length?f.insertBefore(o):f.insertBefore(l.find(".page-content").eq(0)):f.insertBefore(o)),s.params.searchContainer&&(v=n(s.params.searchContainer)),m=s.params.inputEl?n(s.params.inputEl):o.find('input[type="search"]').eq(0),s.params.disableButton&&(E=s.params.disableButtonEl?n(s.params.disableButtonEl):o.find(".searchbar-disable-button")),t.extend(s,{app:e,view:e.views.get(o.parents(".view")),$el:o,el:o[0],$backdropEl:f,backdropEl:f&&f[0],$searchContainer:v,searchContainer:v&&v[0],$inputEl:m,inputEl:m[0],$disableButtonEl:E,disableButtonEl:E&&E[0],disableButtonHasMargin:!1,$pageEl:l,pageEl:l&&l[0],$navbarEl:p,navbarEl:p&&p[0],$foundEl:c,foundEl:c&&c[0],$notFoundEl:d,notFoundEl:d&&d[0],$hideOnEnableEl:h,hideOnEnableEl:h&&h[0],$hideOnSearchEl:b,hideOnSearchEl:b&&b[0],previousQuery:"",query:"",isVirtualList:v&&v.hasClass("virtual-list"),virtualList:void 0,enabled:!1,expandable:g,inline:$}),s.attachEvents=function(){o.on("submit",C),s.params.disableButton&&s.$disableButtonEl.on("click",w),s.params.disableOnBackdropClick&&s.$backdropEl&&s.$backdropEl.on("click",w),s.expandable&&"ios"===e.theme&&s.view&&p.length&&s.$pageEl&&(s.$pageEl.on("page:beforeout",S),s.$pageEl.on("page:beforein",O)),s.$inputEl.on("focus",y),s.$inputEl.on("blur",x),s.$inputEl.on(s.params.inputEvents,k),s.$inputEl.on("input:clear",B)},s.detachEvents=function(){o.off("submit",C),s.params.disableButton&&s.$disableButtonEl.off("click",w),s.params.disableOnBackdropClick&&s.$backdropEl&&s.$backdropEl.off("click",w),s.expandable&&"ios"===e.theme&&s.view&&p.length&&s.$pageEl&&(s.$pageEl.off("page:beforeout",S),s.$pageEl.off("page:beforein",O)),s.$inputEl.off("focus",y),s.$inputEl.off("blur",x),s.$inputEl.off(s.params.inputEvents,k),s.$inputEl.off("input:clear",B)},s.useModules(),s.init(),s}return a&&(e.__proto__=a),e.prototype=Object.create(a&&a.prototype),e.prototype.constructor=e,e.prototype.clear=function(a){var e=this;if(!e.query&&a&&n(a.target).hasClass("searchbar-clear"))return e.disable(),e;var r=e.value;return e.$inputEl.val("").trigger("change").focus(),e.$el.trigger("searchbar:clear",r),e.emit("local::clear searchbarClear",e,r),e},e.prototype.setDisableButtonMargin=function(){var a=this;if(!a.expandable){var e=a.app;a.$disableButtonEl.transition(0).show(),a.$disableButtonEl.css("margin-"+(e.rtl?"left":"right"),-a.disableButtonEl.offsetWidth+"px"),a._clientLeft=a.$disableButtonEl[0].clientLeft,a.$disableButtonEl.transition(""),a.disableButtonHasMargin=!0}},e.prototype.enable=function(a){var e=this;if(e.enabled)return e;var n=e.app;function s(){e.$backdropEl&&(e.$searchContainer&&e.$searchContainer.length||e.params.customSearch)&&!e.$el.hasClass("searchbar-enabled")&&!e.query&&e.backdropShow(),e.$el.addClass("searchbar-enabled"),(!e.$disableButtonEl||e.$disableButtonEl&&0===e.$disableButtonEl.length)&&e.$el.addClass("searchbar-enabled-no-disable-button"),!e.expandable&&e.$disableButtonEl&&e.$disableButtonEl.length>0&&"md"!==n.theme&&(e.disableButtonHasMargin||e.setDisableButtonMargin(),e.$disableButtonEl.css("margin-"+(n.rtl?"left":"right"),"0px")),e.expandable&&(e.$el.parents(".navbar-inner").hasClass("navbar-inner-large")&&e.$pageEl&&e.$pageEl.find(".page-content").addClass("with-searchbar-expandable-enabled"),"md"===n.theme&&e.$el.parent(".navbar-inner").parent(".navbar").length?e.$el.parent(".navbar-inner").parent(".navbar").addClass("with-searchbar-expandable-enabled"):(e.$el.parent(".navbar-inner").addClass("with-searchbar-expandable-enabled"),e.$el.parent(".navbar-inner-large").addClass("navbar-inner-large-collapsed"))),e.$hideOnEnableEl&&e.$hideOnEnableEl.addClass("hidden-by-searchbar"),e.$el.trigger("searchbar:enable"),e.emit("local::enable searchbarEnable",e)}e.enabled=!0;var i=!1;return!0===a&&r.activeElement!==e.inputEl&&(i=!0),n.device.ios&&"ios"===n.theme?e.expandable?(i&&e.$inputEl.focus(),s()):(i&&e.$inputEl.focus(),!a||"focus"!==a.type&&!0!==a?s():t.nextTick(function(){s()},400)):(i&&e.$inputEl.focus(),"md"===n.theme&&e.expandable&&e.$el.parents(".page, .view, .navbar-inner").scrollLeft(0),s()),e},e.prototype.disable=function(){var a=this;if(!a.enabled)return a;var e=a.app;return a.$inputEl.val("").trigger("change"),a.$el.removeClass("searchbar-enabled searchbar-focused searchbar-enabled-no-disable-button"),a.expandable&&(a.$el.parents(".navbar-inner").hasClass("navbar-inner-large")&&a.$pageEl&&(a.$pageEl.find(".page-content").removeClass("with-searchbar-expandable-enabled").addClass("with-searchbar-expandable-closing"),a.$el.transitionEnd(function(){a.$pageEl.find(".page-content").removeClass("with-searchbar-expandable-closing")})),"md"===e.theme&&a.$el.parent(".navbar-inner").parent(".navbar").length?(a.$el.parent(".navbar-inner").parent(".navbar").removeClass("with-searchbar-expandable-enabled with-searchbar-expandable-enabled-no-transition").addClass("with-searchbar-expandable-closing"),a.$el.transitionEnd(function(){a.$el.parent(".navbar-inner").parent(".navbar").removeClass("with-searchbar-expandable-closing")})):(a.$el.parent(".navbar-inner").removeClass("with-searchbar-expandable-enabled with-searchbar-expandable-enabled-no-transition").addClass("with-searchbar-expandable-closing"),a.$el.transitionEnd(function(){a.$el.parent(".navbar-inner").removeClass("with-searchbar-expandable-closing")}),a.$pageEl&&a.$pageEl.find(".page-content").trigger("scroll"))),!a.expandable&&a.$disableButtonEl&&a.$disableButtonEl.length>0&&"md"!==e.theme&&a.$disableButtonEl.css("margin-"+(e.rtl?"left":"right"),-a.disableButtonEl.offsetWidth+"px"),a.$backdropEl&&(a.$searchContainer&&a.$searchContainer.length||a.params.customSearch)&&a.backdropHide(),a.enabled=!1,a.$inputEl.blur(),a.$hideOnEnableEl&&a.$hideOnEnableEl.removeClass("hidden-by-searchbar"),a.$el.trigger("searchbar:disable"),a.emit("local::disable searchbarDisable",a),a},e.prototype.toggle=function(){return this.enabled?this.disable():this.enable(!0),this},e.prototype.backdropShow=function(){return this.$backdropEl&&this.$backdropEl.addClass("searchbar-backdrop-in"),this},e.prototype.backdropHide=function(){return this.$backdropEl&&this.$backdropEl.removeClass("searchbar-backdrop-in"),this},e.prototype.search=function(a,e){var r=this;if(r.previousQuery=r.query||"",a===r.previousQuery)return r;e||(r.enabled||r.enable(),r.$inputEl.val(a),r.$inputEl.trigger("input")),r.query=a,r.value=a;var s=r.$searchContainer,i=r.$el,l=r.$foundEl,o=r.$notFoundEl,c=r.$hideOnSearchEl,d=r.isVirtualList;if(a.length>0&&c?c.addClass("hidden-by-searchbar"):c&&c.removeClass("hidden-by-searchbar"),(s&&s.length&&i.hasClass("searchbar-enabled")||r.params.customSearch&&i.hasClass("searchbar-enabled"))&&(0===a.length?r.backdropShow():r.backdropHide()),r.params.customSearch)return i.trigger("searchbar:search",a,r.previousQuery),r.emit("local::search searchbarSearch",r,a,r.previousQuery),r;var h,b=[];if(d){if(r.virtualList=s[0].f7VirtualList,""===a.trim())return r.virtualList.resetFilter(),o&&o.hide(),l&&l.show(),i.trigger("searchbar:search",a,r.previousQuery),r.emit("local::search searchbarSearch",r,a,r.previousQuery),r;if(h=r.params.removeDiacritics?t.removeDiacritics(a):a,r.virtualList.params.searchAll)b=r.virtualList.params.searchAll(h,r.virtualList.items)||[];else if(r.virtualList.params.searchByItem)for(var p=0;p=0&&(o+=1);o===u.length||r.params.ignore&&s.is(r.params.ignore)?b.push(s[0]):s.addClass("hidden-by-searchbar")}),r.params.hideDividers&&s.find(r.params.searchGroupTitle).each(function(a,e){for(var t=n(e),s=t.nextAll(r.params.searchItem),i=!0,l=0;l0&&a.$navbarEl.find(".searchbar-init").each(function(a,r){var s=n(r);e.searchbar.create(t.extend(s.dataset(),{el:r}))})},pageBeforeRemove:function(a){a.$el.find(".searchbar-init").each(function(a,e){e.f7Searchbar&&e.f7Searchbar.destroy&&e.f7Searchbar.destroy()}),"ios"===this.theme&&a.view&&a.view.router.dynamicNavbar&&a.$navbarEl&&a.$navbarEl.length>0&&a.$navbarEl.find(".searchbar-init").each(function(a,e){e.f7Searchbar&&e.f7Searchbar.destroy&&e.f7Searchbar.destroy()})}},clicks:{".searchbar-clear":function(a,e){void 0===e&&(e={});var r=this.searchbar.get(e.searchbar);r&&r.clear()},".searchbar-enable":function(a,e){void 0===e&&(e={});var r=this.searchbar.get(e.searchbar);r&&r.enable(!0)},".searchbar-disable":function(a,e){void 0===e&&(e={});var r=this.searchbar.get(e.searchbar);r&&r.disable()},".searchbar-toggle":function(a,e){void 0===e&&(e={});var r=this.searchbar.get(e.searchbar);r&&r.toggle()}},vnode:{"searchbar-init":{insert:function(a){var e=a.elm,r=n(e);this.searchbar.create(t.extend(r.dataset(),{el:e}))},destroy:function(a){var e=a.elm;e.f7Searchbar&&e.f7Searchbar.destroy&&e.f7Searchbar.destroy()}}}};if(e){if(a.prototype.modules&&a.prototype.modules[o.name])return;a.use(o),a.instance&&(a.instance.useModuleParams(o,a.instance.params),a.instance.useModule(o))}return o}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent)) +(function framework7ComponentLoader(a,e){void 0===e&&(e=!0);var r=document,n=(window,a.$),t=(a.Template7,a.utils),s=(a.device,a.support,a.Class),i=(a.Modal,a.ConstructorMethods),l=(a.ModalMethods,function(a){function e(e,r){void 0===r&&(r={}),a.call(this,r,[e]);var s=this,i={el:void 0,inputEl:void 0,inputEvents:"change input compositionend",disableButton:!0,disableButtonEl:void 0,backdropEl:void 0,searchContainer:void 0,searchItem:"li",searchIn:void 0,searchGroup:".list-group",searchGroupTitle:".item-divider, .list-group-title",ignore:".searchbar-ignore",foundEl:".searchbar-found",notFoundEl:".searchbar-not-found",hideOnEnableEl:".searchbar-hide-on-enable",hideOnSearchEl:".searchbar-hide-on-search",backdrop:void 0,removeDiacritics:!0,customSearch:!1,hideDividers:!0,hideGroups:!0,disableOnBackdropClick:!0,expandable:!1,inline:!1};s.useModulesParams(i),s.params=t.extend(i,r);var l,o=n(s.params.el);if(0===o.length)return s;if(o[0].f7Searchbar)return o[0].f7Searchbar;o[0].f7Searchbar=s;var c,d,h,b,p=o.parents(".navbar");if(o.parents(".page").length>0)l=o.parents(".page");else if(p.length>0&&!(l=n(e.navbar.getPageByEl(p[0]))).length){var u=o.parents(".view").find(".page-current");u[0]&&u[0].f7Page&&u[0].f7Page.navbarEl===p[0]&&(l=u)}r.foundEl?c=n(r.foundEl):"string"==typeof s.params.foundEl&&l&&(c=l.find(s.params.foundEl)),r.notFoundEl?d=n(r.notFoundEl):"string"==typeof s.params.notFoundEl&&l&&(d=l.find(s.params.notFoundEl)),r.hideOnEnableEl?h=n(r.hideOnEnableEl):"string"==typeof s.params.hideOnEnableEl&&l&&(h=l.find(s.params.hideOnEnableEl)),r.hideOnSearchEl?b=n(r.hideOnSearchEl):"string"==typeof s.params.hideOnSearchEl&&l&&(b=l.find(s.params.hideOnSearchEl));var f,v,m,E,g=s.params.expandable||o.hasClass("searchbar-expandable"),$=s.params.inline||o.hasClass("searchbar-inline");function C(a){a.preventDefault()}function y(a){s.enable(a),s.$el.addClass("searchbar-focused")}function x(){s.$el.removeClass("searchbar-focused"),"aurora"!==e.theme||E&&E.length&&s.params.disableButton||s.query||s.disable()}function k(){var a=s.$inputEl.val().trim();(s.$searchContainer&&s.$searchContainer.length>0&&(s.params.searchIn||s.isVirtualList||s.params.searchIn===s.params.searchItem)||s.params.customSearch)&&s.search(a,!0)}function B(a,e){s.$el.trigger("searchbar:clear",e),s.emit("local::clear searchbarClear",s,e)}function w(a){s.disable(a)}function S(){!s||s&&!s.$el||s.enabled&&(s.$el.removeClass("searchbar-enabled"),s.expandable&&s.$el.parents(".navbar").removeClass("with-searchbar-expandable-enabled with-searchbar-expandable-enabled-no-transition"))}function O(){!s||s&&!s.$el||s.enabled&&(s.$el.addClass("searchbar-enabled"),s.expandable&&s.$el.parents(".navbar").addClass("with-searchbar-expandable-enabled-no-transition"))}return void 0===s.params.backdrop&&(s.params.backdrop=!$&&"aurora"!==e.theme),s.params.backdrop&&0===(f=s.params.backdropEl?n(s.params.backdropEl):l&&l.length>0?l.find(".searchbar-backdrop"):o.siblings(".searchbar-backdrop")).length&&(f=n('
                '),l&&l.length?o.parents(l).length>0&&p&&0===o.parents(p).length?f.insertBefore(o):f.insertBefore(l.find(".page-content").eq(0)):f.insertBefore(o)),s.params.searchContainer&&(v=n(s.params.searchContainer)),m=s.params.inputEl?n(s.params.inputEl):o.find('input[type="search"]').eq(0),s.params.disableButton&&(E=s.params.disableButtonEl?n(s.params.disableButtonEl):o.find(".searchbar-disable-button")),t.extend(s,{app:e,view:e.views.get(o.parents(".view")),$el:o,el:o[0],$backdropEl:f,backdropEl:f&&f[0],$searchContainer:v,searchContainer:v&&v[0],$inputEl:m,inputEl:m[0],$disableButtonEl:E,disableButtonEl:E&&E[0],disableButtonHasMargin:!1,$pageEl:l,pageEl:l&&l[0],$navbarEl:p,navbarEl:p&&p[0],$foundEl:c,foundEl:c&&c[0],$notFoundEl:d,notFoundEl:d&&d[0],$hideOnEnableEl:h,hideOnEnableEl:h&&h[0],$hideOnSearchEl:b,hideOnSearchEl:b&&b[0],previousQuery:"",query:"",isVirtualList:v&&v.hasClass("virtual-list"),virtualList:void 0,enabled:!1,expandable:g,inline:$}),s.attachEvents=function(){o.on("submit",C),s.params.disableButton&&s.$disableButtonEl.on("click",w),s.params.disableOnBackdropClick&&s.$backdropEl&&s.$backdropEl.on("click",w),s.expandable&&"ios"===e.theme&&s.view&&p.length&&s.$pageEl&&(s.$pageEl.on("page:beforeout",S),s.$pageEl.on("page:beforein",O)),s.$inputEl.on("focus",y),s.$inputEl.on("blur",x),s.$inputEl.on(s.params.inputEvents,k),s.$inputEl.on("input:clear",B)},s.detachEvents=function(){o.off("submit",C),s.params.disableButton&&s.$disableButtonEl.off("click",w),s.params.disableOnBackdropClick&&s.$backdropEl&&s.$backdropEl.off("click",w),s.expandable&&"ios"===e.theme&&s.view&&p.length&&s.$pageEl&&(s.$pageEl.off("page:beforeout",S),s.$pageEl.off("page:beforein",O)),s.$inputEl.off("focus",y),s.$inputEl.off("blur",x),s.$inputEl.off(s.params.inputEvents,k),s.$inputEl.off("input:clear",B)},s.useModules(),s.init(),s}return a&&(e.__proto__=a),e.prototype=Object.create(a&&a.prototype),e.prototype.constructor=e,e.prototype.clear=function(a){var e=this;if(!e.query&&a&&n(a.target).hasClass("searchbar-clear"))return e.disable(),e;var r=e.value;return e.$inputEl.val("").trigger("change").focus(),e.$el.trigger("searchbar:clear",r),e.emit("local::clear searchbarClear",e,r),e},e.prototype.setDisableButtonMargin=function(){var a=this;if(!a.expandable){var e=a.app;a.$disableButtonEl.transition(0).show(),a.$disableButtonEl.css("margin-"+(e.rtl?"left":"right"),-a.disableButtonEl.offsetWidth+"px"),a._clientLeft=a.$disableButtonEl[0].clientLeft,a.$disableButtonEl.transition(""),a.disableButtonHasMargin=!0}},e.prototype.enable=function(a){var e=this;if(e.enabled)return e;var n=e.app;function s(){e.$backdropEl&&(e.$searchContainer&&e.$searchContainer.length||e.params.customSearch)&&!e.$el.hasClass("searchbar-enabled")&&!e.query&&e.backdropShow(),e.$el.addClass("searchbar-enabled"),(!e.$disableButtonEl||e.$disableButtonEl&&0===e.$disableButtonEl.length)&&e.$el.addClass("searchbar-enabled-no-disable-button"),!e.expandable&&e.$disableButtonEl&&e.$disableButtonEl.length>0&&"md"!==n.theme&&(e.disableButtonHasMargin||e.setDisableButtonMargin(),e.$disableButtonEl.css("margin-"+(n.rtl?"left":"right"),"0px")),e.expandable&&(e.$el.parents(".navbar").hasClass("navbar-large")&&e.$pageEl&&e.$pageEl.find(".page-content").addClass("with-searchbar-expandable-enabled"),"md"===n.theme&&e.$el.parents(".navbar").length?e.$el.parents(".navbar").addClass("with-searchbar-expandable-enabled"):(e.$el.parents(".navbar").addClass("with-searchbar-expandable-enabled"),e.$el.parents(".navbar-large").addClass("navbar-large-collapsed"))),e.$hideOnEnableEl&&e.$hideOnEnableEl.addClass("hidden-by-searchbar"),e.$el.trigger("searchbar:enable"),e.emit("local::enable searchbarEnable",e)}e.enabled=!0;var i=!1;return!0===a&&r.activeElement!==e.inputEl&&(i=!0),n.device.ios&&"ios"===n.theme?e.expandable?(i&&e.$inputEl.focus(),s()):(i&&e.$inputEl.focus(),!a||"focus"!==a.type&&!0!==a?s():t.nextTick(function(){s()},400)):(i&&e.$inputEl.focus(),"md"===n.theme&&e.expandable&&e.$el.parents(".page, .view, .navbar-inner, .navbar").scrollLeft(0),s()),e},e.prototype.disable=function(){var a=this;if(!a.enabled)return a;var e=a.app;return a.$inputEl.val("").trigger("change"),a.$el.removeClass("searchbar-enabled searchbar-focused searchbar-enabled-no-disable-button"),a.expandable&&(a.$el.parents(".navbar").hasClass("navbar-large")&&a.$pageEl&&(a.$pageEl.find(".page-content").removeClass("with-searchbar-expandable-enabled").addClass("with-searchbar-expandable-closing"),a.$el.transitionEnd(function(){a.$pageEl.find(".page-content").removeClass("with-searchbar-expandable-closing")})),"md"===e.theme&&a.$el.parents(".navbar").length?(a.$el.parents(".navbar").removeClass("with-searchbar-expandable-enabled with-searchbar-expandable-enabled-no-transition").addClass("with-searchbar-expandable-closing"),a.$el.transitionEnd(function(){a.$el.parents(".navbar").removeClass("with-searchbar-expandable-closing")})):(a.$el.parents(".navbar").removeClass("with-searchbar-expandable-enabled with-searchbar-expandable-enabled-no-transition").addClass("with-searchbar-expandable-closing"),a.$el.transitionEnd(function(){a.$el.parents(".navbar").removeClass("with-searchbar-expandable-closing")}),a.$pageEl&&a.$pageEl.find(".page-content").trigger("scroll"))),!a.expandable&&a.$disableButtonEl&&a.$disableButtonEl.length>0&&"md"!==e.theme&&a.$disableButtonEl.css("margin-"+(e.rtl?"left":"right"),-a.disableButtonEl.offsetWidth+"px"),a.$backdropEl&&(a.$searchContainer&&a.$searchContainer.length||a.params.customSearch)&&a.backdropHide(),a.enabled=!1,a.$inputEl.blur(),a.$hideOnEnableEl&&a.$hideOnEnableEl.removeClass("hidden-by-searchbar"),a.$el.trigger("searchbar:disable"),a.emit("local::disable searchbarDisable",a),a},e.prototype.toggle=function(){return this.enabled?this.disable():this.enable(!0),this},e.prototype.backdropShow=function(){return this.$backdropEl&&this.$backdropEl.addClass("searchbar-backdrop-in"),this},e.prototype.backdropHide=function(){return this.$backdropEl&&this.$backdropEl.removeClass("searchbar-backdrop-in"),this},e.prototype.search=function(a,e){var r=this;if(r.previousQuery=r.query||"",a===r.previousQuery)return r;e||(r.enabled||r.enable(),r.$inputEl.val(a),r.$inputEl.trigger("input")),r.query=a,r.value=a;var s=r.$searchContainer,i=r.$el,l=r.$foundEl,o=r.$notFoundEl,c=r.$hideOnSearchEl,d=r.isVirtualList;if(a.length>0&&c?c.addClass("hidden-by-searchbar"):c&&c.removeClass("hidden-by-searchbar"),(s&&s.length&&i.hasClass("searchbar-enabled")||r.params.customSearch&&i.hasClass("searchbar-enabled"))&&(0===a.length?r.backdropShow():r.backdropHide()),r.params.customSearch)return i.trigger("searchbar:search",a,r.previousQuery),r.emit("local::search searchbarSearch",r,a,r.previousQuery),r;var h,b=[];if(d){if(r.virtualList=s[0].f7VirtualList,""===a.trim())return r.virtualList.resetFilter(),o&&o.hide(),l&&l.show(),i.trigger("searchbar:search",a,r.previousQuery),r.emit("local::search searchbarSearch",r,a,r.previousQuery),r;if(h=r.params.removeDiacritics?t.removeDiacritics(a):a,r.virtualList.params.searchAll)b=r.virtualList.params.searchAll(h,r.virtualList.items)||[];else if(r.virtualList.params.searchByItem)for(var p=0;p=0&&(o+=1);o===u.length||r.params.ignore&&s.is(r.params.ignore)?b.push(s[0]):s.addClass("hidden-by-searchbar")}),r.params.hideDividers&&s.find(r.params.searchGroupTitle).each(function(a,e){for(var t=n(e),s=t.nextAll(r.params.searchItem),i=!0,l=0;l0&&a.$navbarEl.find(".searchbar-init").each(function(a,r){var s=n(r);e.searchbar.create(t.extend(s.dataset(),{el:r}))})},pageBeforeRemove:function(a){a.$el.find(".searchbar-init").each(function(a,e){e.f7Searchbar&&e.f7Searchbar.destroy&&e.f7Searchbar.destroy()}),"ios"===this.theme&&a.view&&a.view.router.dynamicNavbar&&a.$navbarEl&&a.$navbarEl.length>0&&a.$navbarEl.find(".searchbar-init").each(function(a,e){e.f7Searchbar&&e.f7Searchbar.destroy&&e.f7Searchbar.destroy()})}},clicks:{".searchbar-clear":function(a,e){void 0===e&&(e={});var r=this.searchbar.get(e.searchbar);r&&r.clear()},".searchbar-enable":function(a,e){void 0===e&&(e={});var r=this.searchbar.get(e.searchbar);r&&r.enable(!0)},".searchbar-disable":function(a,e){void 0===e&&(e={});var r=this.searchbar.get(e.searchbar);r&&r.disable()},".searchbar-toggle":function(a,e){void 0===e&&(e={});var r=this.searchbar.get(e.searchbar);r&&r.toggle()}},vnode:{"searchbar-init":{insert:function(a){var e=a.elm,r=n(e);this.searchbar.create(t.extend(r.dataset(),{el:e}))},destroy:function(a){var e=a.elm;e.f7Searchbar&&e.f7Searchbar.destroy&&e.f7Searchbar.destroy()}}}};if(e){if(a.prototype.modules&&a.prototype.modules[o.name])return;a.use(o),a.instance&&(a.instance.useModuleParams(o,a.instance.params),a.instance.useModule(o))}return o}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent)) diff --git a/packages/core/components/searchbar.rtl.css b/packages/core/components/searchbar.rtl.css index b028d1510a..fc57cc454b 100644 --- a/packages/core/components/searchbar.rtl.css +++ b/packages/core/components/searchbar.rtl.css @@ -1 +1 @@ -:root{--f7-searchbar-input-border-width:0px;--f7-searchbar-input-border-color:transparent;--f7-searchbar-input-text-color:#000;--f7-searchbar-placeholder-color:rgba(0, 0, 0, 0.4)}:root .theme-dark,:root.theme-dark{--f7-searchbar-input-text-color:#fff;--f7-searchbar-placeholder-color:rgba(255, 255, 255, 0.4)}.ios{--f7-searchbar-height:44px;--f7-searchbar-inner-padding-left:8px;--f7-searchbar-inner-padding-right:8px;--f7-searchbar-search-icon-color:rgba(0, 0, 0, 0.4);--f7-searchbar-input-font-size:17px;--f7-searchbar-input-bg-color:#e4e4e4;--f7-searchbar-input-border-radius:8px;--f7-searchbar-input-height:32px;--f7-searchbar-input-padding-horizontal:28px;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.4);--f7-searchbar-shadow-image:none;--f7-searchbar-in-page-content-margin:0px;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:0;--f7-searchbar-in-page-content-input-border-radius:0}.ios .theme-dark,.ios.theme-dark{--f7-searchbar-search-icon-color:rgba(255, 255, 255, 0.4);--f7-searchbar-input-bg-color:#2a2a2a}.md{--f7-searchbar-bg-color:#fff;--f7-searchbar-border-color:transparent;--f7-searchbar-height:48px;--f7-searchbar-inner-padding-left:0px;--f7-searchbar-inner-padding-right:0px;--f7-searchbar-link-color:#737373;--f7-searchbar-search-icon-color:#737373;--f7-searchbar-input-font-size:20px;--f7-searchbar-input-bg-color:#fff;--f7-searchbar-input-border-radius:0px;--f7-searchbar-input-height:100%;--f7-searchbar-input-padding-horizontal:48px;--f7-searchbar-inline-input-padding-horizontal:24px;--f7-searchbar-input-clear-button-color:#737373;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.25);--f7-searchbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-searchbar-in-page-content-margin:8px;--f7-searchbar-in-page-content-box-shadow:var(--f7-elevation-1);--f7-searchbar-in-page-content-border-radius:4px;--f7-searchbar-in-page-content-input-border-radius:4px}.md .theme-dark,.md.theme-dark{--f7-searchbar-bg-color:#222222;--f7-searchbar-input-bg-color:#222222}.aurora{--f7-searchbar-height:38px;--f7-searchbar-inner-padding-left:8px;--f7-searchbar-inner-padding-right:8px;--f7-searchbar-search-icon-color:rgba(0, 0, 0, 0.4);--f7-searchbar-input-font-size:13px;--f7-searchbar-input-bg-color:#fff;--f7-searchbar-input-border-radius:4px;--f7-searchbar-input-height:24px;--f7-searchbar-input-padding-horizontal:24px;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.4);--f7-searchbar-shadow-image:none;--f7-searchbar-in-page-content-margin:0px;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:0}.aurora .theme-dark,.aurora.theme-dark{--f7-searchbar-input-bg-color:#333;--f7-searchbar-search-icon-color:rgba(255, 255, 255, 0.4)}.searchbar{width:100%;position:relative;z-index:200;height:var(--f7-searchbar-height);background-image:var(--f7-searchbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-searchbar-bg-color,var(--f7-bars-bg-color))}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .searchbar{background-color:rgba(var(--f7-searchbar-bg-color-rgb,var(--f7-bars-bg-color-rgb)),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.ios .subnavbar .searchbar{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.ios .subnavbar .searchbar:after{display:none!important}.searchbar.no-border:after,.searchbar.no-hairline:after{display:none!important}.searchbar.no-shadow:before{display:none!important}.searchbar:after{content:'';position:absolute;background-color:var(--f7-searchbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.page>.searchbar:not(.searchbar-inline){z-index:510}.page>.searchbar:not(.searchbar-inline):before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-searchbar-shadow-image)}.searchbar input[type=search],.searchbar input[type=text]{box-sizing:border-box;width:100%;height:100%;display:block;border:var(--f7-searchbar-input-border-width) solid var(--f7-searchbar-input-border-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-weight:400;color:var(--f7-searchbar-input-text-color);font-size:var(--f7-searchbar-input-font-size);background-color:var(--f7-searchbar-input-bg-color);border-radius:var(--f7-searchbar-input-border-radius);position:relative;padding:0;padding-left:calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-right,0px));padding-right:calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-left,0px))}.searchbar input[type=search]::-webkit-input-placeholder,.searchbar input[type=text]::-webkit-input-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::-moz-placeholder,.searchbar input[type=text]::-moz-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::-ms-input-placeholder,.searchbar input[type=text]::-ms-input-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::placeholder,.searchbar input[type=text]::placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.searchbar .searchbar-input-wrap{flex-shrink:1;width:100%;height:var(--f7-searchbar-input-height);position:relative}.searchbar a{color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.page>.searchbar:not(.searchbar-inline){position:absolute;left:0;top:0}.page-content .searchbar:not(.searchbar-inline){border-radius:var(--f7-searchbar-in-page-content-border-radius);margin:var(--f7-searchbar-in-page-content-margin);width:auto;box-shadow:var(--f7-searchbar-in-page-content-box-shadow)}.page-content .searchbar:not(.searchbar-inline) .searchbar-inner,.page-content .searchbar:not(.searchbar-inline) input[type=search],.page-content .searchbar:not(.searchbar-inline) input[type=text]{border-radius:var(--f7-searchbar-in-page-content-input-border-radius,var(--f7-searchbar-input-border-radius))}.searchbar .input-clear-button{color:var(--f7-searchbar-input-clear-button-color,var(--f7-input-clear-button-color))}.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-searchbar-height);position:absolute;transition-duration:.3s;pointer-events:none}.navbar-inner .searchbar-expandable{background:0 0}.navbar-inner .searchbar-expandable:after{display:none!important}.navbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-navbar-height)}.toolbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-toolbar-height)}.subnavbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-subnavbar-height)}.tabbar-labels .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-tabbar-labels-height)}.searchbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding:0 calc(var(--f7-searchbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-searchbar-inner-padding-left) + var(--f7-safe-area-left))}.searchbar-disable-button{cursor:pointer;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;outline:0;padding:0;margin:0;width:auto;opacity:0}.searchbar-icon{pointer-events:none;background-position:center;background-repeat:no-repeat}.searchbar-icon:after{color:var(--f7-searchbar-search-icon-color);font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.searchbar-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;opacity:0;pointer-events:none;transition-duration:.3s;transform:translate3d(0,0,0);background:var(--f7-searchbar-backdrop-bg-color)}.searchbar-backdrop.searchbar-backdrop-in{opacity:1;pointer-events:auto}.page-content>.searchbar-backdrop{position:fixed}.searchbar-not-found{display:none}.hidden-by-searchbar,.list .hidden-by-searchbar,.list li.hidden-by-searchbar,.list.li.hidden-by-searchbar{display:none!important}.navbar-inner.with-searchbar-expandable-enabled-no-transition,.navbar.with-searchbar-expandable-enabled-no-transition{--f7-navbar-large-collapse-progress:1}.navbar-inner.with-searchbar-expandable-enabled,.navbar.with-searchbar-expandable-enabled{--f7-navbar-large-collapse-progress:1}.navbar-inner.with-searchbar-expandable-enabled .navbar-bg,.navbar-inner.with-searchbar-expandable-enabled .title-large,.navbar-inner.with-searchbar-expandable-enabled .title-large-inner,.navbar-inner.with-searchbar-expandable-enabled .title-large-text,.navbar.with-searchbar-expandable-enabled .navbar-bg,.navbar.with-searchbar-expandable-enabled .title-large,.navbar.with-searchbar-expandable-enabled .title-large-inner,.navbar.with-searchbar-expandable-enabled .title-large-text{transition-duration:.3s}.navbar-inner.with-searchbar-expandable-closing .navbar-bg,.navbar-inner.with-searchbar-expandable-closing .title-large,.navbar-inner.with-searchbar-expandable-closing .title-large-inner,.navbar-inner.with-searchbar-expandable-closing .title-large-text,.navbar.with-searchbar-expandable-closing .navbar-bg,.navbar.with-searchbar-expandable-closing .title-large,.navbar.with-searchbar-expandable-closing .title-large-inner,.navbar.with-searchbar-expandable-closing .title-large-text{transition-duration:.3s}.page-content.with-searchbar-expandable-enabled{height:calc(100% + var(--f7-navbar-large-title-height));transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)));transition-duration:.3s;transition-property:transform}.page-content.with-searchbar-expandable-closing{transition-duration:.3s}.navbar~.page:not(.no-navbar)>.searchbar,.page>.navbar~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.navbar~.page-with-navbar-large:not(.no-navbar) .searchbar,.page-with-navbar-large .navbar~* .searchbar,.page-with-navbar-large .navbar~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height) + var(--f7-safe-area-top));transform:translate3d(0,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.searchbar~*{--f7-page-searchbar-offset:var(--f7-searchbar-height)}.aurora .page>.toolbar-top-aurora~.searchbar,.ios .page>.toolbar-top-ios~.searchbar,.md .page>.toolbar-top-md~.searchbar,.page>.toolbar-top~.searchbar{top:var(--f7-toolbar-height)}.aurora .page>.tabbar-labels.toolbar-top-aurora~.searchbar,.ios .page>.tabbar-labels.toolbar-top-ios~.searchbar,.md .page>.tabbar-labels.toolbar-top-md~.searchbar,.page>.tabbar-labels.toolbar-top~.searchbar{top:var(--f7-tabbar-labels-height)}.aurora .page>.navbar~.toolbar-top-aurora~.searchbar,.ios .page>.navbar~.toolbar-top-ios~.searchbar,.md .page>.navbar~.toolbar-top-md~.searchbar,.page>.navbar~.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-safe-area-top))}.aurora .page>.navbar~.tabbar-labels.toolbar-top-aurora~.searchbar,.ios .page>.navbar~.tabbar-labels.toolbar-top-ios~.searchbar,.md .page>.navbar~.tabbar-labels.toolbar-top-md~.searchbar,.page>.navbar~.tabbar-labels.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-safe-area-top))}.searchbar.searchbar-inline{width:auto;height:auto;background-color:transparent;background-image:none}.searchbar.searchbar-inline:after,.searchbar.searchbar-inline:before{display:none!important}.searchbar.searchbar-inline .searchbar-input-wrap{height:var(--f7-searchbar-inline-input-height,var(--f7-searchbar-input-height))}.searchbar.searchbar-inline .searchbar-inner{padding:0;position:static;width:auto;height:auto}.searchbar.searchbar-inline input[type=search],.searchbar.searchbar-inline input[type=text]{font-size:var(--f7-searchbar-inline-input-font-size,var(--f7-searchbar-input-font-size));padding-left:calc(var(--f7-searchbar-inline-input-padding-horizontal,var(--f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-right,0px));padding-right:calc(var(--f7-searchbar-inline-input-padding-horizontal,var(--f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-left,0px))}.ios .searchbar input[type=search],.ios .searchbar input[type=text]{z-index:30}.ios .searchbar .input-clear-button{z-index:40;left:7px}.ios .searchbar-icon{width:13px;height:13px;position:absolute;top:50%;margin-top:-6px;z-index:40;right:8px}.ios .searchbar-icon:after{content:'search_ios';line-height:13px}.ios .searchbar-disable-button{font-size:17px;flex-shrink:0;transform:translate3d(0,0,0);transition-duration:.3s;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));display:none}.ios .searchbar-disable-button.active-state{transition-duration:0s;opacity:.3!important}.ios .searchbar-enabled .searchbar-disable-button{pointer-events:auto;opacity:1;margin-right:8px}.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button{transition-duration:.3s!important}.ios .searchbar-expandable{right:0;bottom:0;opacity:1;width:100%;height:0%;transform:translate3d(0,0,0);overflow:hidden}.ios .searchbar-expandable .searchbar-disable-button{margin-right:8px;opacity:1;display:block}.ios .searchbar-expandable .searchbar-inner{height:var(--f7-searchbar-expandable-size)}.ios .navbar-inner.with-searchbar-expandable-closing .navbar-bg,.ios .navbar-inner.with-searchbar-expandable-enabled .navbar-bg{transition-property:transform,opacity}.ios .navbar-inner.with-searchbar-expandable-closing .left,.ios .navbar-inner.with-searchbar-expandable-closing .navbar-bg,.ios .navbar-inner.with-searchbar-expandable-closing .right,.ios .navbar-inner.with-searchbar-expandable-closing .title,.ios .navbar-inner.with-searchbar-expandable-enabled .left,.ios .navbar-inner.with-searchbar-expandable-enabled .navbar-bg,.ios .navbar-inner.with-searchbar-expandable-enabled .right,.ios .navbar-inner.with-searchbar-expandable-enabled .title{transition-duration:.3s}.ios .navbar-inner.with-searchbar-expandable-enabled .left,.ios .navbar-inner.with-searchbar-expandable-enabled .right,.ios .navbar-inner.with-searchbar-expandable-enabled .title,.ios .navbar-inner.with-searchbar-expandable-enabled-no-transition .left,.ios .navbar-inner.with-searchbar-expandable-enabled-no-transition .right,.ios .navbar-inner.with-searchbar-expandable-enabled-no-transition .title{transform:translateY(calc(-1 * var(--f7-navbar-height)));opacity:0!important}.ios .searchbar-expandable.searchbar-enabled{opacity:1;height:var(--f7-searchbar-expandable-size);pointer-events:auto}.md .searchbar-disable-button,.md .searchbar-icon{position:absolute;right:calc(-4px + var(--f7-safe-area-right));top:50%;transition-duration:.3s}.md .searchbar-icon{width:24px;height:24px;margin-left:12px;margin-top:-12px}.md .searchbar-icon:after{content:'search_md';line-height:1.2}.md .searchbar-disable-button{width:48px;height:48px;transform:rotate(-90deg) scale(.5);font-size:0!important;display:block;margin-top:-24px;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.md .searchbar-disable-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .searchbar-disable-button.active-state:before{opacity:1;transition-duration:150ms}.md .searchbar-disable-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;line-height:48px;content:"arrow_right_md"}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button{transform:rotate(0deg) scale(1);pointer-events:auto;opacity:1}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-icon{opacity:0;transform:rotate(90deg) scale(.5)}.md .searchbar{--f7-searchbar-input-extra-padding-left:17px}.md .searchbar .input-clear-button{width:48px;height:48px;margin-top:-24px;left:0}.md .searchbar .input-clear-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .searchbar .input-clear-button.active-state:before{opacity:1;transition-duration:150ms}.md .searchbar .input-clear-button:after{line-height:48px;content:'delete_md';opacity:1}.md .searchbar .input-clear-button:before{margin-left:0;margin-top:0}.md .page>.searchbar,.md .searchbar-expandable,.md .subnavbar .searchbar{--f7-searchbar-input-extra-padding-left:calc(17px + 8px)}.md .page>.searchbar .searchbar-disable-button,.md .page>.searchbar .searchbar-icon,.md .searchbar-expandable .searchbar-disable-button,.md .searchbar-expandable .searchbar-icon,.md .subnavbar .searchbar .searchbar-disable-button,.md .subnavbar .searchbar .searchbar-icon{right:calc(-4px + 8px + var(--f7-safe-area-right))}.md .searchbar-expandable{height:var(--f7-searchbar-expandable-size);opacity:0;bottom:0;border-radius:calc(var(--f7-searchbar-expandable-size));width:calc(var(--f7-searchbar-expandable-size));margin-top:calc(var(--f7-searchbar-expandable-size) * -1 / 2);transform:translate3d(0px,0px,0px);right:100%;margin-right:calc(var(--f7-searchbar-expandable-size) * -1)}.md .searchbar-expandable.searchbar-enabled{width:100%;border-radius:0;opacity:1;pointer-events:auto;margin-top:0;right:0;margin-right:0}.aurora .searchbar input[type=search],.aurora .searchbar input[type=text]{z-index:30}.aurora .searchbar .input-clear-button{z-index:40;left:4px}.aurora .searchbar-icon{width:13px;height:13px;position:absolute;top:50%;margin-top:-6px;z-index:40;right:6px}.aurora .searchbar-icon:after{content:'search_aurora';line-height:13px}.aurora .searchbar-disable-button{font-size:14px;flex-shrink:0;transform:translate3d(0,0,0);transition-duration:.3s;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));display:none}.aurora .searchbar-disable-button.active-state{transition-duration:0s;opacity:.3!important}.aurora .searchbar-enabled .searchbar-disable-button{pointer-events:auto;opacity:1;margin-right:8px}.aurora .searchbar:not(.searchbar-enabled) .searchbar-disable-button{transition-duration:.3s!important}.aurora .searchbar-expandable{right:0;top:auto;bottom:0;opacity:0;width:100%;transform:translate3d(0,0%,0);overflow:hidden}.aurora .searchbar-expandable .searchbar-disable-button{margin-right:8px;opacity:1;display:block}.aurora .searchbar-expandable .searchbar-inner{height:var(--f7-searchbar-expandable-size)}.aurora .searchbar-expandable.searchbar-enabled{opacity:1;pointer-events:auto} \ No newline at end of file +:root{--f7-searchbar-input-border-width:0px;--f7-searchbar-input-border-color:transparent;--f7-searchbar-input-text-color:#000;--f7-searchbar-placeholder-color:rgba(0, 0, 0, 0.4)}:root .theme-dark,:root.theme-dark{--f7-searchbar-input-text-color:#fff;--f7-searchbar-placeholder-color:rgba(255, 255, 255, 0.4)}.ios{--f7-searchbar-height:44px;--f7-searchbar-inner-padding-left:8px;--f7-searchbar-inner-padding-right:8px;--f7-searchbar-search-icon-color:rgba(0, 0, 0, 0.4);--f7-searchbar-input-font-size:17px;--f7-searchbar-input-bg-color:#e4e4e4;--f7-searchbar-input-border-radius:8px;--f7-searchbar-input-height:32px;--f7-searchbar-input-padding-horizontal:28px;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.4);--f7-searchbar-shadow-image:none;--f7-searchbar-in-page-content-margin:0px;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:0;--f7-searchbar-in-page-content-input-border-radius:0}.ios .theme-dark,.ios.theme-dark{--f7-searchbar-search-icon-color:rgba(255, 255, 255, 0.4);--f7-searchbar-input-bg-color:#2a2a2a}.md{--f7-searchbar-bg-color:#fff;--f7-searchbar-border-color:transparent;--f7-searchbar-height:48px;--f7-searchbar-inner-padding-left:0px;--f7-searchbar-inner-padding-right:0px;--f7-searchbar-link-color:#737373;--f7-searchbar-search-icon-color:#737373;--f7-searchbar-input-font-size:20px;--f7-searchbar-input-bg-color:#fff;--f7-searchbar-input-border-radius:0px;--f7-searchbar-input-height:100%;--f7-searchbar-input-padding-horizontal:48px;--f7-searchbar-inline-input-padding-horizontal:24px;--f7-searchbar-input-clear-button-color:#737373;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.25);--f7-searchbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-searchbar-in-page-content-margin:8px;--f7-searchbar-in-page-content-box-shadow:var(--f7-elevation-1);--f7-searchbar-in-page-content-border-radius:4px;--f7-searchbar-in-page-content-input-border-radius:4px}.md .theme-dark,.md.theme-dark{--f7-searchbar-bg-color:#202020;--f7-searchbar-input-bg-color:#202020}.aurora{--f7-searchbar-height:38px;--f7-searchbar-inner-padding-left:8px;--f7-searchbar-inner-padding-right:8px;--f7-searchbar-search-icon-color:rgba(0, 0, 0, 0.4);--f7-searchbar-input-font-size:13px;--f7-searchbar-input-bg-color:#fff;--f7-searchbar-input-border-radius:4px;--f7-searchbar-input-height:24px;--f7-searchbar-input-padding-horizontal:24px;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.4);--f7-searchbar-shadow-image:none;--f7-searchbar-in-page-content-margin:0px;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:0}.aurora .theme-dark,.aurora.theme-dark{--f7-searchbar-input-bg-color:#333;--f7-searchbar-search-icon-color:rgba(255, 255, 255, 0.4)}.searchbar{width:100%;position:relative;z-index:200;height:var(--f7-searchbar-height);background-image:var(--f7-searchbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-searchbar-bg-color,var(--f7-bars-bg-color))}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-bars .searchbar{background-color:rgba(var(--f7-searchbar-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))}}.ios .subnavbar .searchbar{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.ios .subnavbar .searchbar:after{display:none!important}.searchbar.no-border:after,.searchbar.no-hairline:after{display:none!important}.searchbar.no-shadow:before{display:none!important}.searchbar:after{content:'';position:absolute;background-color:var(--f7-searchbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.page>.searchbar:not(.searchbar-inline){z-index:600}.page>.searchbar:not(.searchbar-inline):before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-searchbar-shadow-image)}.searchbar input[type=search],.searchbar input[type=text]{box-sizing:border-box;width:100%;height:100%;display:block;border:var(--f7-searchbar-input-border-width) solid var(--f7-searchbar-input-border-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-weight:400;color:var(--f7-searchbar-input-text-color);font-size:var(--f7-searchbar-input-font-size);background-color:var(--f7-searchbar-input-bg-color);border-radius:var(--f7-searchbar-input-border-radius);position:relative;padding:0;padding-left:calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-right,0px));padding-right:calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-left,0px))}.searchbar input[type=search]::-webkit-input-placeholder,.searchbar input[type=text]::-webkit-input-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::-moz-placeholder,.searchbar input[type=text]::-moz-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::-ms-input-placeholder,.searchbar input[type=text]::-ms-input-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::placeholder,.searchbar input[type=text]::placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.searchbar .searchbar-input-wrap{flex-shrink:1;width:100%;height:var(--f7-searchbar-input-height);position:relative}.searchbar a{color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.page>.searchbar:not(.searchbar-inline){position:absolute;left:0;top:0}.page-content .searchbar:not(.searchbar-inline){border-radius:var(--f7-searchbar-in-page-content-border-radius);margin:var(--f7-searchbar-in-page-content-margin);width:auto;box-shadow:var(--f7-searchbar-in-page-content-box-shadow)}.page-content .searchbar:not(.searchbar-inline) .searchbar-inner,.page-content .searchbar:not(.searchbar-inline) input[type=search],.page-content .searchbar:not(.searchbar-inline) input[type=text]{border-radius:var(--f7-searchbar-in-page-content-input-border-radius,var(--f7-searchbar-input-border-radius))}.searchbar .input-clear-button{color:var(--f7-searchbar-input-clear-button-color,var(--f7-input-clear-button-color))}.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-searchbar-height);position:absolute;transition-duration:.3s;pointer-events:none}.navbar .searchbar-expandable{background:0 0}.navbar .searchbar-expandable:after{display:none!important}.navbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-navbar-height)}.toolbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-toolbar-height)}.subnavbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-subnavbar-height)}.tabbar-labels .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-tabbar-labels-height)}.searchbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding:0 calc(var(--f7-searchbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-searchbar-inner-padding-left) + var(--f7-safe-area-left))}.searchbar-disable-button{cursor:pointer;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;outline:0;padding:0;margin:0;width:auto;opacity:0}.searchbar-icon{pointer-events:none;background-position:center;background-repeat:no-repeat}.searchbar-icon:after{color:var(--f7-searchbar-search-icon-color);font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.searchbar-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;opacity:0;pointer-events:none;transition-duration:.3s;transform:translate3d(0,0,0);background:var(--f7-searchbar-backdrop-bg-color)}.searchbar-backdrop.searchbar-backdrop-in{opacity:1;pointer-events:auto}.page-content>.searchbar-backdrop{position:fixed}.searchbar-not-found{display:none}.hidden-by-searchbar,.list .hidden-by-searchbar,.list li.hidden-by-searchbar,.list.li.hidden-by-searchbar{display:none!important}.navbar.with-searchbar-expandable-enabled-no-transition{--f7-navbar-large-collapse-progress:1}.navbar.with-searchbar-expandable-enabled{--f7-navbar-large-collapse-progress:1}.navbar.with-searchbar-expandable-enabled .navbar-bg,.navbar.with-searchbar-expandable-enabled .title-large,.navbar.with-searchbar-expandable-enabled .title-large-text{transition-duration:.3s}.navbar.with-searchbar-expandable-closing .navbar-bg,.navbar.with-searchbar-expandable-closing .title-large,.navbar.with-searchbar-expandable-closing .title-large-text{transition-duration:.3s}.page-content.with-searchbar-expandable-enabled{height:calc(100% + var(--f7-navbar-large-title-height));transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)));transition-duration:.3s;transition-property:transform}.page-content.with-searchbar-expandable-closing{transition-duration:.3s}.navbars~.page:not(.no-navbar)>.searchbar,.navbar~.page:not(.no-navbar)>.searchbar,.page>.navbar~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.navbars~.page-with-navbar-large:not(.no-navbar) .searchbar,.navbar~.page-with-navbar-large:not(.no-navbar) .searchbar,.page-with-navbar-large .navbar~* .searchbar,.page-with-navbar-large .navbar~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height) + var(--f7-safe-area-top));transform:translate3d(0,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.searchbar~*{--f7-page-searchbar-offset:var(--f7-searchbar-height)}.aurora .page>.toolbar-top-aurora~.searchbar,.ios .page>.toolbar-top-ios~.searchbar,.md .page>.toolbar-top-md~.searchbar,.page>.toolbar-top~.searchbar{top:var(--f7-toolbar-height)}.aurora .page>.tabbar-labels.toolbar-top-aurora~.searchbar,.ios .page>.tabbar-labels.toolbar-top-ios~.searchbar,.md .page>.tabbar-labels.toolbar-top-md~.searchbar,.page>.tabbar-labels.toolbar-top~.searchbar{top:var(--f7-tabbar-labels-height)}.aurora .page>.navbar~.toolbar-top-aurora~.searchbar,.ios .page>.navbar~.toolbar-top-ios~.searchbar,.md .page>.navbar~.toolbar-top-md~.searchbar,.page>.navbar~.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-safe-area-top))}.aurora .page>.navbar~.tabbar-labels.toolbar-top-aurora~.searchbar,.ios .page>.navbar~.tabbar-labels.toolbar-top-ios~.searchbar,.md .page>.navbar~.tabbar-labels.toolbar-top-md~.searchbar,.page>.navbar~.tabbar-labels.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-safe-area-top))}.searchbar.searchbar-inline{width:auto;height:auto;background-color:transparent;background-image:none}.searchbar.searchbar-inline:after,.searchbar.searchbar-inline:before{display:none!important}.searchbar.searchbar-inline .searchbar-input-wrap{height:var(--f7-searchbar-inline-input-height,var(--f7-searchbar-input-height))}.searchbar.searchbar-inline .searchbar-inner{padding:0;position:static;width:auto;height:auto}.searchbar.searchbar-inline input[type=search],.searchbar.searchbar-inline input[type=text]{font-size:var(--f7-searchbar-inline-input-font-size,var(--f7-searchbar-input-font-size));padding-left:calc(var(--f7-searchbar-inline-input-padding-horizontal,var(--f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-right,0px));padding-right:calc(var(--f7-searchbar-inline-input-padding-horizontal,var(--f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-left,0px))}.ios .searchbar input[type=search],.ios .searchbar input[type=text]{z-index:30}.ios .searchbar .input-clear-button{z-index:40;left:7px}.ios .searchbar-icon{width:13px;height:13px;position:absolute;top:50%;margin-top:-6px;z-index:40;right:8px}.ios .searchbar-icon:after{content:'search_ios';line-height:13px}.ios .searchbar-disable-button{font-size:17px;flex-shrink:0;transform:translate3d(0,0,0);transition-duration:.3s;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));display:none}.ios .searchbar-disable-button.active-state{transition-duration:0s;opacity:.3!important}.ios .searchbar-enabled .searchbar-disable-button{pointer-events:auto;opacity:1;margin-right:8px}.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button{transition-duration:.3s!important}.ios .searchbar-expandable{right:0;bottom:0;opacity:1;width:100%;height:0%;transform:translate3d(0,0,0);overflow:hidden}.ios .searchbar-expandable .searchbar-disable-button{margin-right:8px;opacity:1;display:block}.ios .searchbar-expandable .searchbar-inner{height:var(--f7-searchbar-expandable-size)}.ios .navbar.with-searchbar-expandable-closing .navbar-bg,.ios .navbar.with-searchbar-expandable-enabled .navbar-bg{transition-property:transform,opacity}.ios .navbar.with-searchbar-expandable-closing .left,.ios .navbar.with-searchbar-expandable-closing .navbar-bg,.ios .navbar.with-searchbar-expandable-closing .right,.ios .navbar.with-searchbar-expandable-closing .title,.ios .navbar.with-searchbar-expandable-enabled .left,.ios .navbar.with-searchbar-expandable-enabled .navbar-bg,.ios .navbar.with-searchbar-expandable-enabled .right,.ios .navbar.with-searchbar-expandable-enabled .title{transition-duration:.3s}.ios .navbar.with-searchbar-expandable-enabled .left,.ios .navbar.with-searchbar-expandable-enabled .right,.ios .navbar.with-searchbar-expandable-enabled .title,.ios .navbar.with-searchbar-expandable-enabled-no-transition .left,.ios .navbar.with-searchbar-expandable-enabled-no-transition .right,.ios .navbar.with-searchbar-expandable-enabled-no-transition .title{transform:translateY(calc(-1 * var(--f7-navbar-height)));opacity:0!important}.ios .searchbar-expandable.searchbar-enabled{opacity:1;height:var(--f7-searchbar-expandable-size);pointer-events:auto}.md .searchbar-disable-button,.md .searchbar-icon{position:absolute;right:calc(-4px + var(--f7-safe-area-right));top:50%;transition-duration:.3s}.md .searchbar-icon{width:24px;height:24px;margin-left:12px;margin-top:-12px}.md .searchbar-icon:after{content:'search_md';line-height:1.2}.md .searchbar-disable-button{width:48px;height:48px;transform:rotate(-90deg) scale(.5);font-size:0!important;display:block;margin-top:-24px;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.md .searchbar-disable-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .searchbar-disable-button.active-state:before{opacity:1;transition-duration:150ms}.md .searchbar-disable-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;line-height:48px;content:"arrow_right_md"}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button{transform:rotate(0deg) scale(1);pointer-events:auto;opacity:1}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-icon{opacity:0;transform:rotate(90deg) scale(.5)}.md .searchbar{--f7-searchbar-input-extra-padding-left:17px}.md .searchbar .input-clear-button{width:48px;height:48px;margin-top:-24px;left:0}.md .searchbar .input-clear-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .searchbar .input-clear-button.active-state:before{opacity:1;transition-duration:150ms}.md .searchbar .input-clear-button:after{line-height:48px;content:'delete_md';opacity:1}.md .searchbar .input-clear-button:before{margin-left:0;margin-top:0}.md .page>.searchbar,.md .searchbar-expandable,.md .subnavbar .searchbar{--f7-searchbar-input-extra-padding-left:calc(17px + 8px)}.md .page>.searchbar .searchbar-disable-button,.md .page>.searchbar .searchbar-icon,.md .searchbar-expandable .searchbar-disable-button,.md .searchbar-expandable .searchbar-icon,.md .subnavbar .searchbar .searchbar-disable-button,.md .subnavbar .searchbar .searchbar-icon{right:calc(-4px + 8px + var(--f7-safe-area-right))}.md .searchbar-expandable{height:var(--f7-searchbar-expandable-size);opacity:0;bottom:0;border-radius:calc(var(--f7-searchbar-expandable-size));width:calc(var(--f7-searchbar-expandable-size));margin-top:calc(var(--f7-searchbar-expandable-size) * -1 / 2);transform:translate3d(0px,0px,0px);right:100%;margin-right:calc(var(--f7-searchbar-expandable-size) * -1)}.md .searchbar-expandable.searchbar-enabled{width:100%;border-radius:0;opacity:1;pointer-events:auto;margin-top:0;right:0;margin-right:0}.aurora .searchbar input[type=search],.aurora .searchbar input[type=text]{z-index:30}.aurora .searchbar .input-clear-button{z-index:40;left:4px}.aurora .searchbar-icon{width:13px;height:13px;position:absolute;top:50%;margin-top:-6px;z-index:40;right:6px}.aurora .searchbar-icon:after{content:'search_aurora';line-height:13px}.aurora .searchbar-disable-button{font-size:14px;flex-shrink:0;transform:translate3d(0,0,0);transition-duration:.3s;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));display:none}.aurora .searchbar-disable-button.active-state{transition-duration:0s;opacity:.3!important}.aurora .searchbar-enabled .searchbar-disable-button{pointer-events:auto;opacity:1;margin-right:8px}.aurora .searchbar:not(.searchbar-enabled) .searchbar-disable-button{transition-duration:.3s!important}.aurora .searchbar-expandable{right:0;top:auto;bottom:0;opacity:0;width:100%;transform:translate3d(0,0%,0);overflow:hidden}.aurora .searchbar-expandable .searchbar-disable-button{margin-right:8px;opacity:1;display:block}.aurora .searchbar-expandable .searchbar-inner{height:var(--f7-searchbar-expandable-size)}.aurora .searchbar-expandable.searchbar-enabled{opacity:1;pointer-events:auto} \ No newline at end of file diff --git a/packages/core/components/searchbar/searchbar-class.js b/packages/core/components/searchbar/searchbar-class.js index 0492462d4e..e810165e03 100644 --- a/packages/core/components/searchbar/searchbar-class.js +++ b/packages/core/components/searchbar/searchbar-class.js @@ -49,7 +49,7 @@ class Searchbar extends FrameworkClass { $el[0].f7Searchbar = sb; let $pageEl; - const $navbarEl = $el.parents('.navbar-inner'); + const $navbarEl = $el.parents('.navbar'); if ($el.parents('.page').length > 0) { $pageEl = $el.parents('.page'); } else if ($navbarEl.length > 0) { @@ -216,7 +216,7 @@ class Searchbar extends FrameworkClass { if (sb.enabled) { sb.$el.removeClass('searchbar-enabled'); if (sb.expandable) { - sb.$el.parents('.navbar-inner').removeClass('with-searchbar-expandable-enabled with-searchbar-expandable-enabled-no-transition'); + sb.$el.parents('.navbar').removeClass('with-searchbar-expandable-enabled with-searchbar-expandable-enabled-no-transition'); } } } @@ -225,7 +225,7 @@ class Searchbar extends FrameworkClass { if (sb.enabled) { sb.$el.addClass('searchbar-enabled'); if (sb.expandable) { - sb.$el.parents('.navbar-inner').addClass('with-searchbar-expandable-enabled-no-transition'); + sb.$el.parents('.navbar').addClass('with-searchbar-expandable-enabled-no-transition'); } } } @@ -318,14 +318,14 @@ class Searchbar extends FrameworkClass { sb.$disableButtonEl.css(`margin-${app.rtl ? 'left' : 'right'}`, '0px'); } if (sb.expandable) { - if (sb.$el.parents('.navbar-inner').hasClass('navbar-inner-large') && sb.$pageEl) { + if (sb.$el.parents('.navbar').hasClass('navbar-large') && sb.$pageEl) { sb.$pageEl.find('.page-content').addClass('with-searchbar-expandable-enabled'); } - if (app.theme === 'md' && sb.$el.parent('.navbar-inner').parent('.navbar').length) { - sb.$el.parent('.navbar-inner').parent('.navbar').addClass('with-searchbar-expandable-enabled'); + if (app.theme === 'md' && sb.$el.parents('.navbar').length) { + sb.$el.parents('.navbar').addClass('with-searchbar-expandable-enabled'); } else { - sb.$el.parent('.navbar-inner').addClass('with-searchbar-expandable-enabled'); - sb.$el.parent('.navbar-inner-large').addClass('navbar-inner-large-collapsed'); + sb.$el.parents('.navbar').addClass('with-searchbar-expandable-enabled'); + sb.$el.parents('.navbar-large').addClass('navbar-large-collapsed'); } } if (sb.$hideOnEnableEl) sb.$hideOnEnableEl.addClass('hidden-by-searchbar'); @@ -356,7 +356,7 @@ class Searchbar extends FrameworkClass { } else { if (needsFocus) sb.$inputEl.focus(); if (app.theme === 'md' && sb.expandable) { - sb.$el.parents('.page, .view, .navbar-inner').scrollLeft(0); + sb.$el.parents('.page, .view, .navbar-inner, .navbar').scrollLeft(0); } enable(); } @@ -370,25 +370,25 @@ class Searchbar extends FrameworkClass { sb.$inputEl.val('').trigger('change'); sb.$el.removeClass('searchbar-enabled searchbar-focused searchbar-enabled-no-disable-button'); if (sb.expandable) { - if (sb.$el.parents('.navbar-inner').hasClass('navbar-inner-large') && sb.$pageEl) { + if (sb.$el.parents('.navbar').hasClass('navbar-large') && sb.$pageEl) { sb.$pageEl.find('.page-content').removeClass('with-searchbar-expandable-enabled').addClass('with-searchbar-expandable-closing'); sb.$el.transitionEnd(() => { sb.$pageEl.find('.page-content').removeClass('with-searchbar-expandable-closing'); }); } - if (app.theme === 'md' && sb.$el.parent('.navbar-inner').parent('.navbar').length) { - sb.$el.parent('.navbar-inner').parent('.navbar') + if (app.theme === 'md' && sb.$el.parents('.navbar').length) { + sb.$el.parents('.navbar') .removeClass('with-searchbar-expandable-enabled with-searchbar-expandable-enabled-no-transition') .addClass('with-searchbar-expandable-closing'); sb.$el.transitionEnd(() => { - sb.$el.parent('.navbar-inner').parent('.navbar').removeClass('with-searchbar-expandable-closing'); + sb.$el.parents('.navbar').removeClass('with-searchbar-expandable-closing'); }); } else { - sb.$el.parent('.navbar-inner') + sb.$el.parents('.navbar') .removeClass('with-searchbar-expandable-enabled with-searchbar-expandable-enabled-no-transition') .addClass('with-searchbar-expandable-closing'); sb.$el.transitionEnd(() => { - sb.$el.parent('.navbar-inner').removeClass('with-searchbar-expandable-closing'); + sb.$el.parents('.navbar').removeClass('with-searchbar-expandable-closing'); }); if (sb.$pageEl) { sb.$pageEl.find('.page-content').trigger('scroll'); diff --git a/packages/core/components/searchbar/searchbar-ios.less b/packages/core/components/searchbar/searchbar-ios.less index 1954faee64..4eac2c59c2 100644 --- a/packages/core/components/searchbar/searchbar-ios.less +++ b/packages/core/components/searchbar/searchbar-ios.less @@ -77,8 +77,8 @@ height: var(--f7-searchbar-expandable-size) } } - .navbar-inner.with-searchbar-expandable-enabled, - .navbar-inner.with-searchbar-expandable-closing { + .navbar.with-searchbar-expandable-enabled, + .navbar.with-searchbar-expandable-closing { .navbar-bg { transition-property: transform, opacity; } @@ -86,8 +86,8 @@ transition-duration: 300ms; } } - .navbar-inner.with-searchbar-expandable-enabled, - .navbar-inner.with-searchbar-expandable-enabled-no-transition { + .navbar.with-searchbar-expandable-enabled, + .navbar.with-searchbar-expandable-enabled-no-transition { .left, .title, .right { transform: translateY(calc(-1 * var(--f7-navbar-height))); opacity: 0 !important; diff --git a/packages/core/components/searchbar/searchbar-vars.less b/packages/core/components/searchbar/searchbar-vars.less index 776e46e1a6..7eb7eef567 100644 --- a/packages/core/components/searchbar/searchbar-vars.less +++ b/packages/core/components/searchbar/searchbar-vars.less @@ -73,9 +73,8 @@ --f7-searchbar-in-page-content-border-radius: 4px; --f7-searchbar-in-page-content-input-border-radius: 4px; .theme-dark, &.theme-dark { - --f7-searchbar-bg-color: #222222; - --f7-searchbar-input-bg-color: #222222; - + --f7-searchbar-bg-color: #202020; + --f7-searchbar-input-bg-color: #202020; } }); .aurora-vars({ diff --git a/packages/core/components/searchbar/searchbar.less b/packages/core/components/searchbar/searchbar.less index 036cd6cc6b..b38d8c2e06 100644 --- a/packages/core/components/searchbar/searchbar.less +++ b/packages/core/components/searchbar/searchbar.less @@ -8,7 +8,7 @@ height: var(--f7-searchbar-height); background-image: var(--f7-searchbar-bg-image, var(--f7-bars-bg-image)); background-color: var(--f7-searchbar-bg-color, var(--f7-bars-bg-color)); - .translucent(var(--f7-searchbar-bg-color-rgb, var(--f7-bars-bg-color-rgb))); + .ios-translucent-bars(var(--f7-searchbar-bg-color-rgb, var(--f7-bars-bg-color-rgb))); .ios .subnavbar & { background-color: transparent; backdrop-filter: none; @@ -27,7 +27,7 @@ .hairline(bottom, var(--f7-searchbar-border-color, var(--f7-bars-border-color))); .page > &:not(.searchbar-inline) { - z-index: 510; + z-index: 600; .bar-shadow-bottom(var(--f7-searchbar-shadow-image)); } input[type="text"], @@ -97,7 +97,7 @@ transition-duration: 300ms; pointer-events: none; } -.navbar-inner .searchbar-expandable { +.navbar .searchbar-expandable { .hairline-remove(bottom); background: transparent; } @@ -174,19 +174,19 @@ } } .navbar.with-searchbar-expandable-enabled-no-transition, -.navbar-inner.with-searchbar-expandable-enabled-no-transition { +.navbar.with-searchbar-expandable-enabled-no-transition { --f7-navbar-large-collapse-progress: 1; } .navbar.with-searchbar-expandable-enabled, -.navbar-inner.with-searchbar-expandable-enabled { +.navbar.with-searchbar-expandable-enabled { --f7-navbar-large-collapse-progress: 1; - .navbar-bg, .title-large, .title-large-text, .title-large-inner { + .navbar-bg, .title-large, .title-large-text { transition-duration: 300ms; } } .navbar.with-searchbar-expandable-closing, -.navbar-inner.with-searchbar-expandable-closing { - .navbar-bg, .title-large, .title-large-text, .title-large-inner { +.navbar.with-searchbar-expandable-closing { + .navbar-bg, .title-large, .title-large-text { transition-duration: 300ms; } } @@ -203,18 +203,19 @@ // Relation with page .navbar ~ .page:not(.no-navbar) > .searchbar, +.navbars ~ .page:not(.no-navbar) > .searchbar, .page > .navbar ~ .searchbar { top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)); } .navbar ~ .page-with-navbar-large:not(.no-navbar) .searchbar, +.navbars ~ .page-with-navbar-large:not(.no-navbar) .searchbar, .page-with-navbar-large .navbar ~ .searchbar, .page-with-navbar-large .navbar ~ * .searchbar { top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height) + var(--f7-safe-area-top)); transform: translate3d(0, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0) } - .searchbar ~ * { --f7-page-searchbar-offset: var(--f7-searchbar-height); } diff --git a/packages/core/components/sheet.css b/packages/core/components/sheet.css index f3fb485bfc..20dcfc9360 100644 --- a/packages/core/components/sheet.css +++ b/packages/core/components/sheet.css @@ -1 +1 @@ -:root{--f7-sheet-height:260px;--f7-sheet-bg-color:#fff;--f7-sheet-border-color:transparent;--f7-sheet-transition-duration:300ms;--f7-sheet-push-border-radius:10px;--f7-sheet-push-offset:var(--f7-safe-area-top)}:root .theme-dark,:root.theme-dark{--f7-sheet-bg-color:#171717}.ios{--f7-sheet-border-color:var(--f7-bars-border-color)}.ios .theme-dark,.ios.theme-dark{--f7-sheet-bg-color:#000}.sheet-backdrop{z-index:11000}.sheet-modal{position:absolute;left:0;bottom:0;width:100%;height:var(--f7-sheet-height);display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:var(--f7-sheet-bg-color);z-index:12500;will-change:transform}.sheet-modal.modal-in,.sheet-modal.modal-out{transition-duration:var(--f7-sheet-transition-duration)}.sheet-modal.not-animated{transition-duration:0s}.sheet-modal.modal-in{display:block;transform:translate3d(0,0,0)}.sheet-modal.modal-in-swipe-step{display:block;transform:translate3d(0,var(--f7-sheet-swipe-step,0),0)}.sheet-modal.modal-out{transform:translate3d(0,100%,0)}.sheet-modal .sheet-modal-inner{height:100%;position:relative;overflow:hidden}.sheet-modal .toolbar{--f7-safe-area-bottom:0px;position:relative;width:100%}.sheet-modal .toolbar:after,.sheet-modal .toolbar:before{display:none}.sheet-modal .toolbar+.sheet-modal-inner{height:calc(100% - var(--f7-toolbar-height))}.sheet-modal .toolbar+.sheet-modal-inner .page-content{--f7-page-toolbar-top-offset:0px;--f7-page-toolbar-bottom-offset:0px}.sheet-modal-top:after{content:'';position:absolute;background-color:var(--f7-sheet-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.sheet-modal-top:after{z-index:600;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.sheet-modal-bottom,.sheet-modal:not(.sheet-modal-top){--f7-safe-area-top:0px}.sheet-modal-bottom:before,.sheet-modal:not(.sheet-modal-top):before{content:'';position:absolute;background-color:var(--f7-sheet-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.sheet-modal-bottom:before,.sheet-modal:not(.sheet-modal-top):before{z-index:600;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.sheet-modal-top{--f7-safe-area-bottom:0px;bottom:auto;top:0;transform:translate3d(0,-100%,0)}.sheet-modal-top.modal-out{transform:translate3d(0,-100%,0)}.sheet-modal-top .toolbar-bottom{position:absolute}.sheet-modal-top .page-content{padding-top:var(--f7-safe-area-top)}html.with-modal-sheet-push .sheet-modal-push,html.with-modal-sheet-push-closing .sheet-modal-push{border-radius:var(--f7-sheet-push-border-radius) var(--f7-sheet-push-border-radius) 0 0;overflow:hidden}html.with-modal-sheet-push .sheet-modal-push .page,html.with-modal-sheet-push .sheet-modal-push .view,html.with-modal-sheet-push-closing .sheet-modal-push .page,html.with-modal-sheet-push-closing .sheet-modal-push .view{--f7-safe-area-top:0px}html.with-modal-sheet-push .sheet-modal-push.sheet-modal-top,html.with-modal-sheet-push-closing .sheet-modal-push.sheet-modal-top{border-radius:0 0 var(--f7-sheet-push-border-radius) var(--f7-sheet-push-border-radius)}html.with-modal-sheet-push .framework7-root,html.with-modal-sheet-push-closing .framework7-root{background:#000}html.with-modal-sheet-push .framework7-root>.view,html.with-modal-sheet-push .framework7-root>.views,html.with-modal-sheet-push-closing .framework7-root>.view,html.with-modal-sheet-push-closing .framework7-root>.views{transition-duration:var(--f7-sheet-transition-duration)}html.with-modal-sheet-push .framework7-root>.view,html.with-modal-sheet-push .framework7-root>.views{border-radius:var(--f7-sheet-push-border-radius);transform:translate3d(0,0,0px) scale(var(--f7-sheet-push-scale,1))}.md .sheet-modal .toolbar a.link:not(.tab-link){flex-shrink:0} \ No newline at end of file +:root{--f7-sheet-height:260px;--f7-sheet-bg-color:#fff;--f7-sheet-border-color:transparent;--f7-sheet-transition-duration:300ms;--f7-sheet-push-border-radius:10px;--f7-sheet-push-offset:var(--f7-safe-area-top)}:root .theme-dark,:root.theme-dark{--f7-sheet-bg-color:#121212}.ios{--f7-sheet-border-color:var(--f7-bars-border-color)}.ios .theme-dark,.ios.theme-dark{--f7-sheet-bg-color:#000}.sheet-backdrop{z-index:11000}.sheet-modal{position:absolute;left:0;bottom:0;width:100%;height:var(--f7-sheet-height);display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:var(--f7-sheet-bg-color);z-index:12500;will-change:transform}.sheet-modal.modal-in,.sheet-modal.modal-out{transition-duration:var(--f7-sheet-transition-duration)}.sheet-modal.not-animated{transition-duration:0s}.sheet-modal.modal-in{display:block;transform:translate3d(0,0,0)}.sheet-modal.modal-in-swipe-step{display:block;transform:translate3d(0,var(--f7-sheet-swipe-step,0),0)}.sheet-modal.modal-out{transform:translate3d(0,100%,0)}.sheet-modal .sheet-modal-inner{height:100%;position:relative;overflow:hidden}.sheet-modal .toolbar{--f7-safe-area-bottom:0px;position:relative;width:100%}.sheet-modal .toolbar:after,.sheet-modal .toolbar:before{display:none}.sheet-modal .toolbar+.sheet-modal-inner{height:calc(100% - var(--f7-toolbar-height))}.sheet-modal .toolbar+.sheet-modal-inner .page-content{--f7-page-toolbar-top-offset:0px;--f7-page-toolbar-bottom-offset:0px}.sheet-modal-top:after{content:'';position:absolute;background-color:var(--f7-sheet-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.sheet-modal-top:after{z-index:600;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.sheet-modal-bottom,.sheet-modal:not(.sheet-modal-top){--f7-safe-area-top:0px}.sheet-modal-bottom:before,.sheet-modal:not(.sheet-modal-top):before{content:'';position:absolute;background-color:var(--f7-sheet-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.sheet-modal-bottom:before,.sheet-modal:not(.sheet-modal-top):before{z-index:600;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.sheet-modal-top{--f7-safe-area-bottom:0px;bottom:auto;top:0;transform:translate3d(0,-100%,0)}.sheet-modal-top.modal-out{transform:translate3d(0,-100%,0)}.sheet-modal-top .toolbar-bottom{position:absolute}.sheet-modal-top .page-content{padding-top:var(--f7-safe-area-top)}html.with-modal-sheet-push .sheet-modal-push,html.with-modal-sheet-push-closing .sheet-modal-push{border-radius:var(--f7-sheet-push-border-radius) var(--f7-sheet-push-border-radius) 0 0;overflow:hidden}html.with-modal-sheet-push .sheet-modal-push .page,html.with-modal-sheet-push .sheet-modal-push .view,html.with-modal-sheet-push-closing .sheet-modal-push .page,html.with-modal-sheet-push-closing .sheet-modal-push .view{--f7-safe-area-top:0px}html.with-modal-sheet-push .sheet-modal-push.sheet-modal-top,html.with-modal-sheet-push-closing .sheet-modal-push.sheet-modal-top{border-radius:0 0 var(--f7-sheet-push-border-radius) var(--f7-sheet-push-border-radius)}html.with-modal-sheet-push .framework7-root,html.with-modal-sheet-push-closing .framework7-root{background:#000}html.with-modal-sheet-push .framework7-root>.view,html.with-modal-sheet-push .framework7-root>.views,html.with-modal-sheet-push-closing .framework7-root>.view,html.with-modal-sheet-push-closing .framework7-root>.views{transition-duration:var(--f7-sheet-transition-duration)}html.with-modal-sheet-push .framework7-root>.view,html.with-modal-sheet-push .framework7-root>.views{border-radius:var(--f7-sheet-push-border-radius);transform:translate3d(0,0,0px) scale(var(--f7-sheet-push-scale,1))}.md .sheet-modal .toolbar a.link:not(.tab-link){flex-shrink:0} \ No newline at end of file diff --git a/packages/core/components/sheet.rtl.css b/packages/core/components/sheet.rtl.css index f3fb485bfc..20dcfc9360 100644 --- a/packages/core/components/sheet.rtl.css +++ b/packages/core/components/sheet.rtl.css @@ -1 +1 @@ -:root{--f7-sheet-height:260px;--f7-sheet-bg-color:#fff;--f7-sheet-border-color:transparent;--f7-sheet-transition-duration:300ms;--f7-sheet-push-border-radius:10px;--f7-sheet-push-offset:var(--f7-safe-area-top)}:root .theme-dark,:root.theme-dark{--f7-sheet-bg-color:#171717}.ios{--f7-sheet-border-color:var(--f7-bars-border-color)}.ios .theme-dark,.ios.theme-dark{--f7-sheet-bg-color:#000}.sheet-backdrop{z-index:11000}.sheet-modal{position:absolute;left:0;bottom:0;width:100%;height:var(--f7-sheet-height);display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:var(--f7-sheet-bg-color);z-index:12500;will-change:transform}.sheet-modal.modal-in,.sheet-modal.modal-out{transition-duration:var(--f7-sheet-transition-duration)}.sheet-modal.not-animated{transition-duration:0s}.sheet-modal.modal-in{display:block;transform:translate3d(0,0,0)}.sheet-modal.modal-in-swipe-step{display:block;transform:translate3d(0,var(--f7-sheet-swipe-step,0),0)}.sheet-modal.modal-out{transform:translate3d(0,100%,0)}.sheet-modal .sheet-modal-inner{height:100%;position:relative;overflow:hidden}.sheet-modal .toolbar{--f7-safe-area-bottom:0px;position:relative;width:100%}.sheet-modal .toolbar:after,.sheet-modal .toolbar:before{display:none}.sheet-modal .toolbar+.sheet-modal-inner{height:calc(100% - var(--f7-toolbar-height))}.sheet-modal .toolbar+.sheet-modal-inner .page-content{--f7-page-toolbar-top-offset:0px;--f7-page-toolbar-bottom-offset:0px}.sheet-modal-top:after{content:'';position:absolute;background-color:var(--f7-sheet-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.sheet-modal-top:after{z-index:600;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.sheet-modal-bottom,.sheet-modal:not(.sheet-modal-top){--f7-safe-area-top:0px}.sheet-modal-bottom:before,.sheet-modal:not(.sheet-modal-top):before{content:'';position:absolute;background-color:var(--f7-sheet-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.sheet-modal-bottom:before,.sheet-modal:not(.sheet-modal-top):before{z-index:600;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.sheet-modal-top{--f7-safe-area-bottom:0px;bottom:auto;top:0;transform:translate3d(0,-100%,0)}.sheet-modal-top.modal-out{transform:translate3d(0,-100%,0)}.sheet-modal-top .toolbar-bottom{position:absolute}.sheet-modal-top .page-content{padding-top:var(--f7-safe-area-top)}html.with-modal-sheet-push .sheet-modal-push,html.with-modal-sheet-push-closing .sheet-modal-push{border-radius:var(--f7-sheet-push-border-radius) var(--f7-sheet-push-border-radius) 0 0;overflow:hidden}html.with-modal-sheet-push .sheet-modal-push .page,html.with-modal-sheet-push .sheet-modal-push .view,html.with-modal-sheet-push-closing .sheet-modal-push .page,html.with-modal-sheet-push-closing .sheet-modal-push .view{--f7-safe-area-top:0px}html.with-modal-sheet-push .sheet-modal-push.sheet-modal-top,html.with-modal-sheet-push-closing .sheet-modal-push.sheet-modal-top{border-radius:0 0 var(--f7-sheet-push-border-radius) var(--f7-sheet-push-border-radius)}html.with-modal-sheet-push .framework7-root,html.with-modal-sheet-push-closing .framework7-root{background:#000}html.with-modal-sheet-push .framework7-root>.view,html.with-modal-sheet-push .framework7-root>.views,html.with-modal-sheet-push-closing .framework7-root>.view,html.with-modal-sheet-push-closing .framework7-root>.views{transition-duration:var(--f7-sheet-transition-duration)}html.with-modal-sheet-push .framework7-root>.view,html.with-modal-sheet-push .framework7-root>.views{border-radius:var(--f7-sheet-push-border-radius);transform:translate3d(0,0,0px) scale(var(--f7-sheet-push-scale,1))}.md .sheet-modal .toolbar a.link:not(.tab-link){flex-shrink:0} \ No newline at end of file +:root{--f7-sheet-height:260px;--f7-sheet-bg-color:#fff;--f7-sheet-border-color:transparent;--f7-sheet-transition-duration:300ms;--f7-sheet-push-border-radius:10px;--f7-sheet-push-offset:var(--f7-safe-area-top)}:root .theme-dark,:root.theme-dark{--f7-sheet-bg-color:#121212}.ios{--f7-sheet-border-color:var(--f7-bars-border-color)}.ios .theme-dark,.ios.theme-dark{--f7-sheet-bg-color:#000}.sheet-backdrop{z-index:11000}.sheet-modal{position:absolute;left:0;bottom:0;width:100%;height:var(--f7-sheet-height);display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:var(--f7-sheet-bg-color);z-index:12500;will-change:transform}.sheet-modal.modal-in,.sheet-modal.modal-out{transition-duration:var(--f7-sheet-transition-duration)}.sheet-modal.not-animated{transition-duration:0s}.sheet-modal.modal-in{display:block;transform:translate3d(0,0,0)}.sheet-modal.modal-in-swipe-step{display:block;transform:translate3d(0,var(--f7-sheet-swipe-step,0),0)}.sheet-modal.modal-out{transform:translate3d(0,100%,0)}.sheet-modal .sheet-modal-inner{height:100%;position:relative;overflow:hidden}.sheet-modal .toolbar{--f7-safe-area-bottom:0px;position:relative;width:100%}.sheet-modal .toolbar:after,.sheet-modal .toolbar:before{display:none}.sheet-modal .toolbar+.sheet-modal-inner{height:calc(100% - var(--f7-toolbar-height))}.sheet-modal .toolbar+.sheet-modal-inner .page-content{--f7-page-toolbar-top-offset:0px;--f7-page-toolbar-bottom-offset:0px}.sheet-modal-top:after{content:'';position:absolute;background-color:var(--f7-sheet-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.sheet-modal-top:after{z-index:600;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.sheet-modal-bottom,.sheet-modal:not(.sheet-modal-top){--f7-safe-area-top:0px}.sheet-modal-bottom:before,.sheet-modal:not(.sheet-modal-top):before{content:'';position:absolute;background-color:var(--f7-sheet-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.sheet-modal-bottom:before,.sheet-modal:not(.sheet-modal-top):before{z-index:600;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.sheet-modal-top{--f7-safe-area-bottom:0px;bottom:auto;top:0;transform:translate3d(0,-100%,0)}.sheet-modal-top.modal-out{transform:translate3d(0,-100%,0)}.sheet-modal-top .toolbar-bottom{position:absolute}.sheet-modal-top .page-content{padding-top:var(--f7-safe-area-top)}html.with-modal-sheet-push .sheet-modal-push,html.with-modal-sheet-push-closing .sheet-modal-push{border-radius:var(--f7-sheet-push-border-radius) var(--f7-sheet-push-border-radius) 0 0;overflow:hidden}html.with-modal-sheet-push .sheet-modal-push .page,html.with-modal-sheet-push .sheet-modal-push .view,html.with-modal-sheet-push-closing .sheet-modal-push .page,html.with-modal-sheet-push-closing .sheet-modal-push .view{--f7-safe-area-top:0px}html.with-modal-sheet-push .sheet-modal-push.sheet-modal-top,html.with-modal-sheet-push-closing .sheet-modal-push.sheet-modal-top{border-radius:0 0 var(--f7-sheet-push-border-radius) var(--f7-sheet-push-border-radius)}html.with-modal-sheet-push .framework7-root,html.with-modal-sheet-push-closing .framework7-root{background:#000}html.with-modal-sheet-push .framework7-root>.view,html.with-modal-sheet-push .framework7-root>.views,html.with-modal-sheet-push-closing .framework7-root>.view,html.with-modal-sheet-push-closing .framework7-root>.views{transition-duration:var(--f7-sheet-transition-duration)}html.with-modal-sheet-push .framework7-root>.view,html.with-modal-sheet-push .framework7-root>.views{border-radius:var(--f7-sheet-push-border-radius);transform:translate3d(0,0,0px) scale(var(--f7-sheet-push-scale,1))}.md .sheet-modal .toolbar a.link:not(.tab-link){flex-shrink:0} \ No newline at end of file diff --git a/packages/core/components/sheet/sheet-vars.less b/packages/core/components/sheet/sheet-vars.less index d4b771e114..044c568cc2 100644 --- a/packages/core/components/sheet/sheet-vars.less +++ b/packages/core/components/sheet/sheet-vars.less @@ -6,7 +6,7 @@ --f7-sheet-push-border-radius: 10px; --f7-sheet-push-offset: var(--f7-safe-area-top); .theme-dark, &.theme-dark { - --f7-sheet-bg-color: #171717; + --f7-sheet-bg-color: #121212; } } .ios-vars({ diff --git a/packages/core/components/smart-select.js b/packages/core/components/smart-select.js index 0b9b3df3db..b5efdcded7 100644 --- a/packages/core/components/smart-select.js +++ b/packages/core/components/smart-select.js @@ -1 +1 @@ -(function framework7ComponentLoader(e,t){void 0===t&&(t=!0);document,window;var a=e.$,r=(e.Template7,e.utils),n=(e.device,e.support,e.Class),s=(e.Modal,e.ConstructorMethods),o=(e.ModalMethods,function(e){function t(t,n){void 0===n&&(n={}),e.call(this,n,[t]);var s=this,o=r.extend({on:{}},t.params.smartSelect);void 0===o.searchbarDisableButton&&(o.searchbarDisableButton="aurora"!==t.theme),s.useModulesParams(o),s.params=r.extend({},o,n),s.app=t;var l=a(s.params.el).eq(0);if(0===l.length)return s;if(l[0].f7SmartSelect)return l[0].f7SmartSelect;var i=l.find("select").eq(0);if(0===i.length)return s;var c=a(s.params.valueEl);0===c.length&&(c=l.find(".item-after")),0===c.length&&(c=a('
                ')).insertAfter(l.find(".item-title"));var p=n.url;p||(l.attr("href")&&"#"!==l.attr("href")?p=l.attr("href"):i.attr("name")&&(p=i.attr("name").toLowerCase()+"-select/")),p||(p=s.params.url);var d=i[0].multiple,m=d?"checkbox":"radio",u=r.id();function v(){s.open()}function h(){var e=s.$selectEl.val();s.$el.trigger("smartselect:change",s,e),s.emit("local::change smartSelectChange",s,e),s.setTextValue()}function f(){var e,t,r,n=this.value,o=[];if("checkbox"===this.type){for(var l=0;l=0?t.selected=!0:t.selected=!1,t.selected&&(n=(r=t.dataset?t.dataset.displayAs:a(t).data("display-value-as"))&&void 0!==r?r:t.textContent,l.push(n.trim()))}else(t=s.$selectEl.find('option[value="'+o+'"]')[0])&&(l=[n=(r=t.dataset?t.dataset.displayAs:a(t).data("display-as"))&&void 0!==r?r:t.textContent]),s.selectEl.value=o;return s.$valueEl.text(l.join(", ")),s},t.prototype.getValue=function(){return this.$selectEl.val()},t.prototype.getView=function(){var e=this,t=e.view||e.params.view;if(t||(t=e.$el.parents(".view").length&&e.$el.parents(".view")[0].f7View),!t)throw Error("Smart Select requires initialized View");return e.view=t,t},t.prototype.checkMaxLength=function(){var e=this.$containerEl;this.selectEl.selectedOptions.length>=this.maxLength?e.find('input[type="checkbox"]').each(function(e,t){t.checked?a(t).parents("li").removeClass("disabled"):a(t).parents("li").addClass("disabled")}):e.find(".disabled").removeClass("disabled")},t.prototype.setTextValue=function(e){var t=[];void 0!==e?t=Array.isArray(e)?e:[e]:this.$selectEl.find("option").each(function(e,r){var n=a(r);if(r.selected){var s=r.dataset?r.dataset.displayAs:n.data("display-value-as");s&&void 0!==s?t.push(s):t.push(r.textContent.trim())}}),this.$valueEl.text(t.join(", "))},t.prototype.getItemsData=function(){var e,t=this,r=[];return t.$selectEl.find("option").each(function(n,s){var o=a(s),l=o.dataset(),i=l.optionImage||t.params.optionImage,c=l.optionIcon||t.params.optionIcon,p=i||c,d=l.optionColor,m=l.optionClass||"";o[0].disabled&&(m+=" disabled");var u=o.parent("optgroup")[0],v=u&&u.label,h=!1;u&&u!==e&&(h=!0,e=u,r.push({groupLabel:v,isLabel:h})),r.push({value:o[0].value,text:o[0].textContent.trim(),selected:o[0].selected,groupEl:u,groupLabel:v,image:i,icon:c,color:d,className:m,disabled:o[0].disabled,id:t.id,hasMedia:p,checkbox:"checkbox"===t.inputType,radio:"radio"===t.inputType,inputName:t.inputName,inputType:t.inputType})}),t.items=r,r},t.prototype.renderSearchbar=function(){var e=this;return e.params.renderSearchbar?e.params.renderSearchbar.call(e):'\n
                \n
                \n
                \n \n \n \n
                \n '+(e.params.searchbarDisableButton?'\n '+e.params.searchbarDisableText+"\n ":"")+"\n
                \n
                \n "},t.prototype.renderItem=function(e,t){return this.params.renderItem?this.params.renderItem.call(this,e,t):e.isLabel?'
              • '+e.groupLabel+"
                • ":'\n
              • \n \n
                • \n "},t.prototype.renderItems=function(){var e=this;return e.params.renderItems?e.params.renderItems.call(e,e.items):"\n "+e.items.map(function(t,a){return""+e.renderItem(t,a)}).join("")+"\n "},t.prototype.renderPage=function(){var e=this;if(e.params.renderPage)return e.params.renderPage.call(e,e.items);var t=e.params.pageTitle;if(void 0===t){var a=e.$el.find(".item-title");t=a.length?a.text().trim():""}return'\n
                \n
                \n
                \n
                \n
                \n \n \n '+e.params.pageBackLinkText+"\n \n
                \n "+(t?'
                '+t+"
                ":"")+"\n "+(e.params.searchbar?'
                '+e.renderSearchbar()+"
                ":"")+"\n
                \n
                \n "+(e.params.searchbar?'
                ':"")+'\n
                \n
                \n
                  '+(!e.params.virtualList&&e.renderItems(e.items))+"
                \n
                \n
                \n
                \n "},t.prototype.renderPopup=function(){var e=this;if(e.params.renderPopup)return e.params.renderPopup.call(e,e.items);var t=e.params.pageTitle;if(void 0===t){var a=e.$el.find(".item-title");t=a.length?a.text().trim():""}return'\n
                \n
                \n
                \n
                \n
                \n
                \n '+(t?'
                '+t+"
                ":"")+'\n
                \n "+e.params.popupCloseLinkText+"\n
                \n "+(e.params.searchbar?'
                '+e.renderSearchbar()+"
                ":"")+"\n
                \n
                \n "+(e.params.searchbar?'
                ':"")+'\n
                \n
                \n
                  '+(!e.params.virtualList&&e.renderItems(e.items))+"
                \n
                \n
                \n
                \n
                \n
                \n "},t.prototype.renderSheet=function(){var e=this;return e.params.renderSheet?e.params.renderSheet.call(e,e.items):'\n
                \n
                \n
                \n
                \n
                \n '+e.params.sheetCloseLinkText+'\n
                \n
                \n
                \n
                \n
                \n
                \n
                  '+(!e.params.virtualList&&e.renderItems(e.items))+"
                \n
                \n
                \n
                \n
                \n "},t.prototype.renderPopover=function(){var e=this;return e.params.renderPopover?e.params.renderPopover.call(e,e.items):'\n
                \n
                \n
                \n
                  '+(!e.params.virtualList&&e.renderItems(e.items))+"
                \n
                \n
                \n
                \n "},t.prototype.scrollToSelectedItem=function(){var e=this,t=e.params,a=e.$containerEl;if(!e.opened)return e;if(t.virtualList){var r;e.vl.items.forEach(function(e,t){void 0===r&&e.selected&&(r=t)}),void 0!==r&&e.vl.scrollToItem(r)}else{var n=a.find("input:checked").parents("li"),s=a.find(".page-content");s.scrollTop(n.offset().top-s.offset().top-parseInt(s.css("padding-top"),10))}return e},t.prototype.onOpen=function(e,t){var n=this,s=n.app,o=a(t);if(n.$containerEl=o,n.openedIn=e,n.opened=!0,n.params.virtualList&&(n.vl=s.virtualList.create({el:o.find(".virtual-list"),items:n.items,renderItem:n.renderItem.bind(n),height:n.params.virtualListHeight,searchByItem:function(e,t){return!!(t.text&&t.text.toLowerCase().indexOf(e.trim().toLowerCase())>=0)}})),n.params.scrollToSelectedItem&&n.scrollToSelectedItem(),n.params.searchbar){var l=o.find(".searchbar");if("page"===e&&"ios"===s.theme&&(l=a(s.navbar.getElByPage(o)).find(".searchbar")),n.params.appendSearchbarNotFound&&("page"===e||"popup"===e)){var i=null;(i="string"==typeof n.params.appendSearchbarNotFound?a('
                '+n.params.appendSearchbarNotFound+"
                "):"boolean"==typeof n.params.appendSearchbarNotFound?a('
                Nothing found
                '):n.params.appendSearchbarNotFound)&&o.find(".page-content").append(i[0])}var c=r.extend({el:l,backdropEl:o.find(".searchbar-backdrop"),searchContainer:".smart-select-list-"+n.id,searchIn:".item-title"},"object"==typeof n.params.searchbar?n.params.searchbar:{});n.searchbar=s.searchbar.create(c)}n.maxLength&&n.checkMaxLength(),n.params.closeOnSelect&&n.$containerEl.find('input[type="radio"][name="'+n.inputName+'"]:checked').parents("label").once("click",function(){n.close()}),n.attachInputsEvents(),n.$el.trigger("smartselect:open",n),n.emit("local::open smartSelectOpen",n)},t.prototype.onOpened=function(){this.$el.trigger("smartselect:opened",this),this.emit("local::opened smartSelectOpened",this)},t.prototype.onClose=function(){var e=this;e.destroyed||(e.vl&&e.vl.destroy&&(e.vl.destroy(),e.vl=null,delete e.vl),e.searchbar&&e.searchbar.destroy&&(e.searchbar.destroy(),e.searchbar=null,delete e.searchbar),e.detachInputsEvents(),e.$el.trigger("smartselect:close",e),e.emit("local::close smartSelectClose",e))},t.prototype.onClosed=function(){var e=this;e.destroyed||(e.opened=!1,e.$containerEl=null,delete e.$containerEl,e.$el.trigger("smartselect:closed",e),e.emit("local::closed smartSelectClosed",e))},t.prototype.openPage=function(){var e=this;if(e.opened)return e;e.getItemsData();var t=e.renderPage(e.items);return e.getView().router.navigate({url:e.url,route:{content:t,path:e.url,on:{pageBeforeIn:function(t,a){e.onOpen("page",a.el)},pageAfterIn:function(t,a){e.onOpened("page",a.el)},pageBeforeOut:function(t,a){e.onClose("page",a.el)},pageAfterOut:function(t,a){e.onClosed("page",a.el)}}}}),e},t.prototype.openPopup=function(){var e=this;if(e.opened)return e;e.getItemsData();var t={content:e.renderPopup(e.items),on:{popupOpen:function(t){e.onOpen("popup",t.el)},popupOpened:function(t){e.onOpened("popup",t.el)},popupClose:function(t){e.onClose("popup",t.el)},popupClosed:function(t){e.onClosed("popup",t.el)}}};e.params.routableModals?e.getView().router.navigate({url:e.url,route:{path:e.url,popup:t}}):e.modal=e.app.popup.create(t).open();return e},t.prototype.openSheet=function(){var e=this;if(e.opened)return e;e.getItemsData();var t={content:e.renderSheet(e.items),backdrop:!1,scrollToEl:e.$el,closeByOutsideClick:!0,on:{sheetOpen:function(t){e.onOpen("sheet",t.el)},sheetOpened:function(t){e.onOpened("sheet",t.el)},sheetClose:function(t){e.onClose("sheet",t.el)},sheetClosed:function(t){e.onClosed("sheet",t.el)}}};e.params.routableModals?e.getView().router.navigate({url:e.url,route:{path:e.url,sheet:t}}):e.modal=e.app.sheet.create(t).open();return e},t.prototype.openPopover=function(){var e=this;if(e.opened)return e;e.getItemsData();var t={content:e.renderPopover(e.items),targetEl:e.$el,on:{popoverOpen:function(t){e.onOpen("popover",t.el)},popoverOpened:function(t){e.onOpened("popover",t.el)},popoverClose:function(t){e.onClose("popover",t.el)},popoverClosed:function(t){e.onClosed("popover",t.el)}}};e.params.routableModals?e.getView().router.navigate({url:e.url,route:{path:e.url,popover:t}}):e.modal=e.app.popover.create(t).open();return e},t.prototype.open=function(e){var t=this;return t.opened?t:(t["open"+(e||t.params.openIn).split("").map(function(e,t){return 0===t?e.toUpperCase():e}).join("")](),t)},t.prototype.close=function(){var e=this;if(!e.opened)return e;e.params.routableModals||"page"===e.openedIn?e.getView().router.back():(e.modal.once("modalClosed",function(){r.nextTick(function(){e.modal.destroy(),delete e.modal})}),e.modal.close());return e},t.prototype.init=function(){this.attachEvents(),this.setTextValue()},t.prototype.destroy=function(){var e=this;e.emit("local::beforeDestroy smartSelectBeforeDestroy",e),e.$el.trigger("smartselect:beforedestroy",e),e.detachEvents(),delete e.$el[0].f7SmartSelect,r.deleteProps(e),e.destroyed=!0},t}(n)),l={name:"smartSelect",params:{smartSelect:{el:void 0,valueEl:void 0,openIn:"page",pageTitle:void 0,pageBackLinkText:"Back",popupCloseLinkText:"Close",popupTabletFullscreen:!1,sheetCloseLinkText:"Done",searchbar:!1,searchbarPlaceholder:"Search",searchbarDisableText:"Cancel",searchbarDisableButton:void 0,closeOnSelect:!1,virtualList:!1,virtualListHeight:void 0,scrollToSelectedItem:!1,formColorTheme:void 0,navbarColorTheme:void 0,routableModals:!0,url:"select/",cssClass:"",renderPage:void 0,renderPopup:void 0,renderSheet:void 0,renderPopover:void 0,renderItems:void 0,renderItem:void 0,renderSearchbar:void 0}},static:{SmartSelect:o},create:function(){var e=this;e.smartSelect=r.extend(s({defaultSelector:".smart-select",constructor:o,app:e,domProp:"f7SmartSelect"}),{open:function(t){var a=e.smartSelect.get(t);if(a&&a.open)return a.open()},close:function(t){var a=e.smartSelect.get(t);if(a&&a.close)return a.close()}})},on:{tabMounted:function(e){var t=this;a(e).find(".smart-select-init").each(function(e,n){t.smartSelect.create(r.extend({el:n},a(n).dataset()))})},tabBeforeRemove:function(e){a(e).find(".smart-select-init").each(function(e,t){t.f7SmartSelect&&t.f7SmartSelect.destroy&&t.f7SmartSelect.destroy()})},pageInit:function(e){var t=this;e.$el.find(".smart-select-init").each(function(e,n){t.smartSelect.create(r.extend({el:n},a(n).dataset()))})},pageBeforeRemove:function(e){e.$el.find(".smart-select-init").each(function(e,t){t.f7SmartSelect&&t.f7SmartSelect.destroy&&t.f7SmartSelect.destroy()})}},clicks:{".smart-select":function(e,t){e[0].f7SmartSelect||this.smartSelect.create(r.extend({el:e},t)).open()}},vnode:{"smart-select-init":{insert:function(e){var t=e.elm;this.smartSelect.create(r.extend({el:t},a(t).dataset()))},destroy:function(e){var t=e.elm;t.f7SmartSelect&&t.f7SmartSelect.destroy&&t.f7SmartSelect.destroy()}}}};if(t){if(e.prototype.modules&&e.prototype.modules[l.name])return;e.use(l),e.instance&&(e.instance.useModuleParams(l,e.instance.params),e.instance.useModule(l))}return l}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent)) +(function framework7ComponentLoader(e,t){void 0===t&&(t=!0);document,window;var a=e.$,r=(e.Template7,e.utils),n=(e.device,e.support,e.Class),s=(e.Modal,e.ConstructorMethods),o=(e.ModalMethods,function(e){function t(t,n){void 0===n&&(n={}),e.call(this,n,[t]);var s=this,o=r.extend({on:{}},t.params.smartSelect);void 0===o.searchbarDisableButton&&(o.searchbarDisableButton="aurora"!==t.theme),s.useModulesParams(o),s.params=r.extend({},o,n),s.app=t;var l=a(s.params.el).eq(0);if(0===l.length)return s;if(l[0].f7SmartSelect)return l[0].f7SmartSelect;var i=l.find("select").eq(0);if(0===i.length)return s;var c=a(s.params.valueEl);0===c.length&&(c=l.find(".item-after")),0===c.length&&(c=a('
                ')).insertAfter(l.find(".item-title"));var p=n.url;p||(l.attr("href")&&"#"!==l.attr("href")?p=l.attr("href"):i.attr("name")&&(p=i.attr("name").toLowerCase()+"-select/")),p||(p=s.params.url);var d=i[0].multiple,m=d?"checkbox":"radio",u=r.id();function v(){s.open()}function h(){var e=s.$selectEl.val();s.$el.trigger("smartselect:change",s,e),s.emit("local::change smartSelectChange",s,e),s.setTextValue()}function f(){var e,t,r,n=this.value,o=[];if("checkbox"===this.type){for(var l=0;l=0?t.selected=!0:t.selected=!1,t.selected&&(n=(r=t.dataset?t.dataset.displayAs:a(t).data("display-value-as"))&&void 0!==r?r:t.textContent,l.push(n.trim()))}else(t=s.$selectEl.find('option[value="'+o+'"]')[0])&&(l=[n=(r=t.dataset?t.dataset.displayAs:a(t).data("display-as"))&&void 0!==r?r:t.textContent]),s.selectEl.value=o;return s.$valueEl.text(l.join(", ")),s},t.prototype.getValue=function(){return this.$selectEl.val()},t.prototype.getView=function(){var e=this,t=e.view||e.params.view;if(t||(t=e.$el.parents(".view").length&&e.$el.parents(".view")[0].f7View),!t)throw Error("Smart Select requires initialized View");return e.view=t,t},t.prototype.checkMaxLength=function(){var e=this.$containerEl;this.selectEl.selectedOptions.length>=this.maxLength?e.find('input[type="checkbox"]').each(function(e,t){t.checked?a(t).parents("li").removeClass("disabled"):a(t).parents("li").addClass("disabled")}):e.find(".disabled").removeClass("disabled")},t.prototype.setTextValue=function(e){var t=[];void 0!==e?t=Array.isArray(e)?e:[e]:this.$selectEl.find("option").each(function(e,r){var n=a(r);if(r.selected){var s=r.dataset?r.dataset.displayAs:n.data("display-value-as");s&&void 0!==s?t.push(s):t.push(r.textContent.trim())}}),this.$valueEl.text(t.join(", "))},t.prototype.getItemsData=function(){var e,t=this,r=[];return t.$selectEl.find("option").each(function(n,s){var o=a(s),l=o.dataset(),i=l.optionImage||t.params.optionImage,c=l.optionIcon||t.params.optionIcon,p=i||c,d=l.optionColor,m=l.optionClass||"";o[0].disabled&&(m+=" disabled");var u=o.parent("optgroup")[0],v=u&&u.label,h=!1;u&&u!==e&&(h=!0,e=u,r.push({groupLabel:v,isLabel:h})),r.push({value:o[0].value,text:o[0].textContent.trim(),selected:o[0].selected,groupEl:u,groupLabel:v,image:i,icon:c,color:d,className:m,disabled:o[0].disabled,id:t.id,hasMedia:p,checkbox:"checkbox"===t.inputType,radio:"radio"===t.inputType,inputName:t.inputName,inputType:t.inputType})}),t.items=r,r},t.prototype.renderSearchbar=function(){var e=this;return e.params.renderSearchbar?e.params.renderSearchbar.call(e):'\n
                \n
                \n
                \n \n \n \n
                \n '+(e.params.searchbarDisableButton?'\n '+e.params.searchbarDisableText+"\n ":"")+"\n
                \n
                \n "},t.prototype.renderItem=function(e,t){return this.params.renderItem?this.params.renderItem.call(this,e,t):e.isLabel?'
              • '+e.groupLabel+"
                • ":'\n
              • \n \n
                • \n "},t.prototype.renderItems=function(){var e=this;return e.params.renderItems?e.params.renderItems.call(e,e.items):"\n "+e.items.map(function(t,a){return""+e.renderItem(t,a)}).join("")+"\n "},t.prototype.renderPage=function(){var e=this;if(e.params.renderPage)return e.params.renderPage.call(e,e.items);var t=e.params.pageTitle;if(void 0===t){var a=e.$el.find(".item-title");t=a.length?a.text().trim():""}return'\n
                \n
                \n
                \n
                \n
                \n \n \n '+e.params.pageBackLinkText+"\n \n
                \n "+(t?'
                '+t+"
                ":"")+"\n "+(e.params.searchbar?'
                '+e.renderSearchbar()+"
                ":"")+"\n
                \n
                \n "+(e.params.searchbar?'
                ':"")+'\n
                \n
                \n
                  '+(!e.params.virtualList&&e.renderItems(e.items))+"
                \n
                \n
                \n
                \n "},t.prototype.renderPopup=function(){var e=this;if(e.params.renderPopup)return e.params.renderPopup.call(e,e.items);var t=e.params.pageTitle;if(void 0===t){var a=e.$el.find(".item-title");t=a.length?a.text().trim():""}return'\n
                \n
                \n
                \n
                \n
                \n
                \n '+(t?'
                '+t+"
                ":"")+'\n
                \n "+e.params.popupCloseLinkText+"\n
                \n "+(e.params.searchbar?'
                '+e.renderSearchbar()+"
                ":"")+"\n
                \n
                \n "+(e.params.searchbar?'
                ':"")+'\n
                \n
                \n
                  '+(!e.params.virtualList&&e.renderItems(e.items))+"
                \n
                \n
                \n
                \n
                \n
                \n "},t.prototype.renderSheet=function(){var e=this;return e.params.renderSheet?e.params.renderSheet.call(e,e.items):'\n
                \n
                \n
                \n
                \n
                \n '+e.params.sheetCloseLinkText+'\n
                \n
                \n
                \n
                \n
                \n
                \n
                  '+(!e.params.virtualList&&e.renderItems(e.items))+"
                \n
                \n
                \n
                \n
                \n "},t.prototype.renderPopover=function(){var e=this;return e.params.renderPopover?e.params.renderPopover.call(e,e.items):'\n
                \n
                \n
                \n
                  '+(!e.params.virtualList&&e.renderItems(e.items))+"
                \n
                \n
                \n
                \n "},t.prototype.scrollToSelectedItem=function(){var e=this,t=e.params,a=e.$containerEl;if(!e.opened)return e;if(t.virtualList){var r;e.vl.items.forEach(function(e,t){void 0===r&&e.selected&&(r=t)}),void 0!==r&&e.vl.scrollToItem(r)}else{var n=a.find("input:checked").parents("li"),s=a.find(".page-content");s.scrollTop(n.offset().top-s.offset().top-parseInt(s.css("padding-top"),10))}return e},t.prototype.onOpen=function(e,t){var n=this,s=n.app,o=a(t);if(n.$containerEl=o,n.openedIn=e,n.opened=!0,n.params.virtualList&&(n.vl=s.virtualList.create({el:o.find(".virtual-list"),items:n.items,renderItem:n.renderItem.bind(n),height:n.params.virtualListHeight,searchByItem:function(e,t){return!!(t.text&&t.text.toLowerCase().indexOf(e.trim().toLowerCase())>=0)}})),n.params.scrollToSelectedItem&&n.scrollToSelectedItem(),n.params.searchbar){var l=o.find(".searchbar");if("page"===e&&"ios"===s.theme&&(l=a(s.navbar.getElByPage(o)).find(".searchbar")),n.params.appendSearchbarNotFound&&("page"===e||"popup"===e)){var i=null;(i="string"==typeof n.params.appendSearchbarNotFound?a('
                '+n.params.appendSearchbarNotFound+"
                "):"boolean"==typeof n.params.appendSearchbarNotFound?a('
                Nothing found
                '):n.params.appendSearchbarNotFound)&&o.find(".page-content").append(i[0])}var c=r.extend({el:l,backdropEl:o.find(".searchbar-backdrop"),searchContainer:".smart-select-list-"+n.id,searchIn:".item-title"},"object"==typeof n.params.searchbar?n.params.searchbar:{});n.searchbar=s.searchbar.create(c)}n.maxLength&&n.checkMaxLength(),n.params.closeOnSelect&&n.$containerEl.find('input[type="radio"][name="'+n.inputName+'"]:checked').parents("label").once("click",function(){n.close()}),n.attachInputsEvents(),n.$el.trigger("smartselect:open",n),n.emit("local::open smartSelectOpen",n)},t.prototype.onOpened=function(){this.$el.trigger("smartselect:opened",this),this.emit("local::opened smartSelectOpened",this)},t.prototype.onClose=function(){var e=this;e.destroyed||(e.vl&&e.vl.destroy&&(e.vl.destroy(),e.vl=null,delete e.vl),e.searchbar&&e.searchbar.destroy&&(e.searchbar.destroy(),e.searchbar=null,delete e.searchbar),e.detachInputsEvents(),e.$el.trigger("smartselect:close",e),e.emit("local::close smartSelectClose",e))},t.prototype.onClosed=function(){var e=this;e.destroyed||(e.opened=!1,e.$containerEl=null,delete e.$containerEl,e.$el.trigger("smartselect:closed",e),e.emit("local::closed smartSelectClosed",e))},t.prototype.openPage=function(){var e=this;if(e.opened)return e;e.getItemsData();var t=e.renderPage(e.items);return e.getView().router.navigate({url:e.url,route:{content:t,path:e.url,on:{pageBeforeIn:function(t,a){e.onOpen("page",a.el)},pageAfterIn:function(t,a){e.onOpened("page",a.el)},pageBeforeOut:function(t,a){e.onClose("page",a.el)},pageAfterOut:function(t,a){e.onClosed("page",a.el)}}}}),e},t.prototype.openPopup=function(){var e=this;if(e.opened)return e;e.getItemsData();var t={content:e.renderPopup(e.items),on:{popupOpen:function(t){e.onOpen("popup",t.el)},popupOpened:function(t){e.onOpened("popup",t.el)},popupClose:function(t){e.onClose("popup",t.el)},popupClosed:function(t){e.onClosed("popup",t.el)}}};e.params.routableModals?e.getView().router.navigate({url:e.url,route:{path:e.url,popup:t}}):e.modal=e.app.popup.create(t).open();return e},t.prototype.openSheet=function(){var e=this;if(e.opened)return e;e.getItemsData();var t={content:e.renderSheet(e.items),backdrop:!1,scrollToEl:e.$el,closeByOutsideClick:!0,on:{sheetOpen:function(t){e.onOpen("sheet",t.el)},sheetOpened:function(t){e.onOpened("sheet",t.el)},sheetClose:function(t){e.onClose("sheet",t.el)},sheetClosed:function(t){e.onClosed("sheet",t.el)}}};e.params.routableModals?e.getView().router.navigate({url:e.url,route:{path:e.url,sheet:t}}):e.modal=e.app.sheet.create(t).open();return e},t.prototype.openPopover=function(){var e=this;if(e.opened)return e;e.getItemsData();var t={content:e.renderPopover(e.items),targetEl:e.$el,on:{popoverOpen:function(t){e.onOpen("popover",t.el)},popoverOpened:function(t){e.onOpened("popover",t.el)},popoverClose:function(t){e.onClose("popover",t.el)},popoverClosed:function(t){e.onClosed("popover",t.el)}}};e.params.routableModals?e.getView().router.navigate({url:e.url,route:{path:e.url,popover:t}}):e.modal=e.app.popover.create(t).open();return e},t.prototype.open=function(e){var t=this;return t.opened?t:(t["open"+(e||t.params.openIn).split("").map(function(e,t){return 0===t?e.toUpperCase():e}).join("")](),t)},t.prototype.close=function(){var e=this;if(!e.opened)return e;e.params.routableModals||"page"===e.openedIn?e.getView().router.back():(e.modal.once("modalClosed",function(){r.nextTick(function(){e.modal.destroy(),delete e.modal})}),e.modal.close());return e},t.prototype.init=function(){this.attachEvents(),this.setTextValue()},t.prototype.destroy=function(){var e=this;e.emit("local::beforeDestroy smartSelectBeforeDestroy",e),e.$el.trigger("smartselect:beforedestroy",e),e.detachEvents(),delete e.$el[0].f7SmartSelect,r.deleteProps(e),e.destroyed=!0},t}(n)),l={name:"smartSelect",params:{smartSelect:{el:void 0,valueEl:void 0,openIn:"page",pageTitle:void 0,pageBackLinkText:"Back",popupCloseLinkText:"Close",popupTabletFullscreen:!1,sheetCloseLinkText:"Done",searchbar:!1,searchbarPlaceholder:"Search",searchbarDisableText:"Cancel",searchbarDisableButton:void 0,closeOnSelect:!1,virtualList:!1,virtualListHeight:void 0,scrollToSelectedItem:!1,formColorTheme:void 0,navbarColorTheme:void 0,routableModals:!0,url:"select/",cssClass:"",renderPage:void 0,renderPopup:void 0,renderSheet:void 0,renderPopover:void 0,renderItems:void 0,renderItem:void 0,renderSearchbar:void 0}},static:{SmartSelect:o},create:function(){var e=this;e.smartSelect=r.extend(s({defaultSelector:".smart-select",constructor:o,app:e,domProp:"f7SmartSelect"}),{open:function(t){var a=e.smartSelect.get(t);if(a&&a.open)return a.open()},close:function(t){var a=e.smartSelect.get(t);if(a&&a.close)return a.close()}})},on:{tabMounted:function(e){var t=this;a(e).find(".smart-select-init").each(function(e,n){t.smartSelect.create(r.extend({el:n},a(n).dataset()))})},tabBeforeRemove:function(e){a(e).find(".smart-select-init").each(function(e,t){t.f7SmartSelect&&t.f7SmartSelect.destroy&&t.f7SmartSelect.destroy()})},pageInit:function(e){var t=this;e.$el.find(".smart-select-init").each(function(e,n){t.smartSelect.create(r.extend({el:n},a(n).dataset()))})},pageBeforeRemove:function(e){e.$el.find(".smart-select-init").each(function(e,t){t.f7SmartSelect&&t.f7SmartSelect.destroy&&t.f7SmartSelect.destroy()})}},clicks:{".smart-select":function(e,t){e[0].f7SmartSelect||this.smartSelect.create(r.extend({el:e},t)).open()}},vnode:{"smart-select-init":{insert:function(e){var t=e.elm;this.smartSelect.create(r.extend({el:t},a(t).dataset()))},destroy:function(e){var t=e.elm;t.f7SmartSelect&&t.f7SmartSelect.destroy&&t.f7SmartSelect.destroy()}}}};if(t){if(e.prototype.modules&&e.prototype.modules[l.name])return;e.use(l),e.instance&&(e.instance.useModuleParams(l,e.instance.params),e.instance.useModule(l))}return l}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent)) diff --git a/packages/core/components/smart-select/smart-select-class.js b/packages/core/components/smart-select/smart-select-class.js index 76d03174e5..e3a6833b96 100644 --- a/packages/core/components/smart-select/smart-select-class.js +++ b/packages/core/components/smart-select/smart-select-class.js @@ -358,8 +358,8 @@ class SmartSelect extends Framework7Class { const pageHtml = `
                +
                -
                @@ -395,8 +395,8 @@ class SmartSelect extends Framework7Class {
                +
                -
                ${pageTitle ? `
                ${pageTitle}
                ` : ''}
                ${ss.params.popupCloseLinkText} diff --git a/packages/core/components/stepper.css b/packages/core/components/stepper.css index 6000c87344..8c44965670 100644 --- a/packages/core/components/stepper.css +++ b/packages/core/components/stepper.css @@ -1 +1 @@ -:root{--f7-stepper-fill-button-text-color:#fff;--f7-stepper-raised-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0,0,0,0.24)}.ios{--f7-stepper-height:29px;--f7-stepper-border-radius:5px;--f7-stepper-border-width:1px;--f7-stepper-large-height:44px;--f7-stepper-small-height:26px;--f7-stepper-small-border-width:2px;--f7-stepper-value-font-size:17px;--f7-stepper-value-font-weight:400}.md{--f7-stepper-height:36px;--f7-stepper-border-radius:4px;--f7-stepper-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-stepper-border-width:2px;--f7-stepper-large-height:48px;--f7-stepper-small-border-width:2px;--f7-stepper-small-height:28px;--f7-stepper-value-font-size:14px;--f7-stepper-value-font-weight:500}.md .theme-dark,.md.theme-dark{--f7-stepper-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}.aurora{--f7-stepper-height:28px;--f7-stepper-border-radius:4px;--f7-stepper-border-width:2px;--f7-stepper-large-height:34px;--f7-stepper-small-border-width:1px;--f7-stepper-small-height:22px;--f7-stepper-value-font-size:14px;--f7-stepper-value-font-weight:500}.stepper{display:inline-flex;align-items:stretch;height:var(--f7-stepper-height);border-radius:var(--f7-stepper-border-radius)}.stepper-button,.stepper-button-minus,.stepper-button-plus{background-color:var(--f7-stepper-button-bg-color);width:40px;border-radius:var(--f7-stepper-border-radius);border:var(--f7-stepper-border-width) solid var(--f7-theme-color);color:var(--f7-stepper-button-text-color,var(--f7-theme-color));line-height:calc(var(--f7-stepper-height) - var(--f7-stepper-border-width,0px));text-align:center;display:flex;justify-content:center;align-content:center;align-items:center;flex-shrink:0;box-sizing:border-box;position:relative;cursor:pointer}.stepper-button-minus.active-state,.stepper-button-plus.active-state,.stepper-button.active-state{background-color:var(--f7-stepper-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-stepper-button-pressed-text-color,var(--f7-stepper-button-text-color,var(--f7-theme-color)))}.stepper-button-minus:first-child,.stepper-button-plus:first-child,.stepper-button:first-child{border-radius:var(--f7-stepper-border-radius) 0 0 var(--f7-stepper-border-radius)}.stepper-button-minus:last-child,.stepper-button-plus:last-child,.stepper-button:last-child{border-radius:0 var(--f7-stepper-border-radius) var(--f7-stepper-border-radius) 0}.stepper-button .icon,.stepper-button-minus .icon,.stepper-button-plus .icon{pointer-events:none}.stepper-button+.stepper-button,.stepper-button+.stepper-button-minus,.stepper-button+.stepper-button-plus,.stepper-button-minus+.stepper-button,.stepper-button-minus+.stepper-button-minus,.stepper-button-minus+.stepper-button-plus,.stepper-button-plus+.stepper-button,.stepper-button-plus+.stepper-button-minus,.stepper-button-plus+.stepper-button-plus{border-left:none}.stepper-button-minus,.stepper-button-plus{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stepper-button-minus:after,.stepper-button-minus:before,.stepper-button-plus:after,.stepper-button-plus:before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--f7-stepper-button-text-color,var(--f7-theme-color))}.stepper-button-minus:after,.stepper-button-plus:after{width:15px;height:2px}.stepper-button-plus:before{height:15px;width:2px}.stepper-value{display:flex;align-content:center;align-items:center;justify-content:center}.stepper-input-wrap,.stepper-value{flex-shrink:1;text-align:center;border-top:var(--f7-stepper-border-width) solid var(--f7-theme-color);border-bottom:var(--f7-stepper-border-width) solid var(--f7-theme-color)}.stepper .stepper-input-wrap input,.stepper-value{width:45px;color:var(--f7-stepper-value-text-color,var(--f7-theme-color));font-size:var(--f7-stepper-value-font-size);font-weight:var(--f7-stepper-value-font-weight);text-align:center}.stepper .stepper-input-wrap input{height:100%}.aurora .stepper-round-aurora,.ios .stepper-round-ios,.md .stepper-round-md,.stepper-round{--f7-stepper-border-radius:var(--f7-stepper-height)}.aurora .stepper-fill-aurora,.ios .stepper-fill-ios,.md .stepper-fill-md,.stepper-fill{--f7-stepper-button-bg-color:var(--f7-stepper-fill-button-bg-color, var(--f7-theme-color));--f7-stepper-button-text-color:var(--f7-stepper-fill-button-text-color);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.aurora .stepper-fill-aurora .stepper-button+.stepper-button,.aurora .stepper-fill-aurora .stepper-button-minus+.stepper-button-plus,.aurora .stepper-raised-aurora .stepper-button+.stepper-button,.aurora .stepper-raised-aurora .stepper-button-minus+.stepper-button-plus,.ios .stepper-fill-ios .stepper-button+.stepper-button,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus,.ios .stepper-raised-ios .stepper-button+.stepper-button,.ios .stepper-raised-ios .stepper-button-minus+.stepper-button-plus,.md .stepper-fill-md .stepper-button+.stepper-button,.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus,.md .stepper-raised-md .stepper-button+.stepper-button,.md .stepper-raised-md .stepper-button-minus+.stepper-button-plus,.stepper-fill .stepper-button+.stepper-button,.stepper-fill .stepper-button-minus+.stepper-button-plus,.stepper-raised .stepper-button+.stepper-button,.stepper-raised .stepper-button-minus+.stepper-button-plus{border-left:1px solid rgba(0,0,0,.1)}.aurora .stepper-fill-aurora .stepper-button+.stepper-button.active-state,.aurora .stepper-fill-aurora .stepper-button-minus+.stepper-button-plus.active-state,.ios .stepper-fill-ios .stepper-button+.stepper-button.active-state,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus.active-state,.md .stepper-fill-md .stepper-button+.stepper-button.active-state,.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus.active-state,.stepper-fill .stepper-button+.stepper-button.active-state,.stepper-fill .stepper-button-minus+.stepper-button-plus.active-state{border-left-color:var(--f7-stepper-button-pressed-bg-color)}.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):not(.stepper-fill) .stepper-input-wrap,.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):not(.stepper-fill) .stepper-value,.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-input-wrap,.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-value,.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-input-wrap,.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-value,.stepper-raised:not(.stepper-fill) .stepper-input-wrap,.stepper-raised:not(.stepper-fill) .stepper-value{border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}.aurora .stepper-large-aurora,.ios .stepper-large-ios,.md .stepper-large-md,.stepper-large{--f7-stepper-height:var(--f7-stepper-large-height)}.aurora .stepper-small-aurora,.ios .stepper-small-ios,.md .stepper-small-md,.stepper-small{--f7-stepper-border-width:var(--f7-stepper-small-border-width);--f7-stepper-height:var(--f7-stepper-small-height)}.ios .stepper-fill.stepper-small,.ios .stepper-fill.stepper-small-ios{--f7-stepper-button-pressed-bg-color:transparent;--f7-stepper-button-pressed-text-color:var(--f7-theme-color)}.aurora .stepper-raised-aurora,.ios .stepper-raised-ios,.md .stepper-raised-md,.stepper-raised{--f7-stepper-border-width:0;box-shadow:var(--f7-stepper-raised-box-shadow)}.ios .stepper-button .f7-icons,.ios .stepper-button-minus .f7-icons,.ios .stepper-button-plus .f7-icons{font-size:22px}.ios .stepper-fill,.ios .stepper-fill-ios{--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-tint))}.ios .stepper-small-ios.stepper-raised,.ios .stepper-small-ios.stepper-raised-ios,.ios .stepper-small.stepper-raised,.ios .stepper-small.stepper-raised-ios{--f7-stepper-border-width:0px}.ios .stepper-small .stepper-button,.ios .stepper-small .stepper-button-minus,.ios .stepper-small .stepper-button-plus,.ios .stepper-small-ios .stepper-button,.ios .stepper-small-ios .stepper-button-minus,.ios .stepper-small-ios .stepper-button-plus{transition-duration:.2s}.ios .stepper-small .stepper-button-minus.active-state:after,.ios .stepper-small .stepper-button-minus.active-state:before,.ios .stepper-small .stepper-button-plus.active-state:after,.ios .stepper-small .stepper-button-plus.active-state:before,.ios .stepper-small .stepper-button.active-state:after,.ios .stepper-small .stepper-button.active-state:before,.ios .stepper-small-ios .stepper-button-minus.active-state:after,.ios .stepper-small-ios .stepper-button-minus.active-state:before,.ios .stepper-small-ios .stepper-button-plus.active-state:after,.ios .stepper-small-ios .stepper-button-plus.active-state:before,.ios .stepper-small-ios .stepper-button.active-state:after,.ios .stepper-small-ios .stepper-button.active-state:before{transition-duration:.2s;background-color:var(--f7-theme-color)}.md .stepper-button,.md .stepper-button-minus,.md .stepper-button-plus{transition-duration:.3s;transform:translate3d(0,0,0);overflow:hidden}.md .stepper-fill,.md .stepper-fill-md{--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .stepper-button,.aurora .stepper-button-minus,.aurora .stepper-button-plus{transition-duration:.1s;transform:translate3d(0,0,0);overflow:hidden}.aurora.device-desktop .stepper-button-minus:not(.active-state):not(.no-hover):hover,.aurora.device-desktop .stepper-button-plus:not(.active-state):not(.no-hover):hover,.aurora.device-desktop .stepper-button:not(.active-state):not(.no-hover):hover{background-color:var(--f7-stepper-button-hover-bg-color,rgba(var(--f7-theme-color-rgb),.07))}.aurora .stepper-fill,.aurora .stepper-fill-aurora{--f7-stepper-button-hover-bg-color:var(--f7-stepper-button-fill-hover-bg-color, var(--f7-theme-color-tint));--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade))} \ No newline at end of file +:root{--f7-stepper-fill-button-text-color:#fff;--f7-stepper-raised-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0,0,0,0.24);--f7-stepper-value-font-weight:500;--f7-stepper-border-width:2px}.ios{--f7-stepper-height:28px;--f7-stepper-border-radius:5px;--f7-stepper-large-height:44px;--f7-stepper-small-height:26px;--f7-stepper-small-border-width:2px;--f7-stepper-value-font-size:17px}.md{--f7-stepper-height:36px;--f7-stepper-border-radius:4px;--f7-stepper-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-stepper-large-height:48px;--f7-stepper-small-border-width:2px;--f7-stepper-small-height:28px;--f7-stepper-value-font-size:14px}.md .theme-dark,.md.theme-dark{--f7-stepper-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}.aurora{--f7-stepper-height:28px;--f7-stepper-border-radius:4px;--f7-stepper-large-height:34px;--f7-stepper-small-border-width:1px;--f7-stepper-small-height:22px;--f7-stepper-value-font-size:14px}.stepper{display:inline-flex;align-items:stretch;height:var(--f7-stepper-height);border-radius:var(--f7-stepper-border-radius)}.stepper-button,.stepper-button-minus,.stepper-button-plus{background-color:var(--f7-stepper-button-bg-color);width:40px;border-radius:var(--f7-stepper-border-radius);border:var(--f7-stepper-border-width) solid var(--f7-theme-color);color:var(--f7-stepper-button-text-color,var(--f7-theme-color));line-height:calc(var(--f7-stepper-height) - var(--f7-stepper-border-width,0px));text-align:center;display:flex;justify-content:center;align-content:center;align-items:center;flex-shrink:0;box-sizing:border-box;position:relative;cursor:pointer}.stepper-button-minus.active-state,.stepper-button-plus.active-state,.stepper-button.active-state{background-color:var(--f7-stepper-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-stepper-button-pressed-text-color,var(--f7-stepper-button-text-color,var(--f7-theme-color)))}.stepper-button-minus:first-child,.stepper-button-plus:first-child,.stepper-button:first-child{border-radius:var(--f7-stepper-border-radius) 0 0 var(--f7-stepper-border-radius)}.stepper-button-minus:last-child,.stepper-button-plus:last-child,.stepper-button:last-child{border-radius:0 var(--f7-stepper-border-radius) var(--f7-stepper-border-radius) 0}.stepper-button .icon,.stepper-button-minus .icon,.stepper-button-plus .icon{pointer-events:none}.stepper-button+.stepper-button,.stepper-button+.stepper-button-minus,.stepper-button+.stepper-button-plus,.stepper-button-minus+.stepper-button,.stepper-button-minus+.stepper-button-minus,.stepper-button-minus+.stepper-button-plus,.stepper-button-plus+.stepper-button,.stepper-button-plus+.stepper-button-minus,.stepper-button-plus+.stepper-button-plus{border-left:none}.stepper-button-minus,.stepper-button-plus{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stepper-button-minus:after,.stepper-button-minus:before,.stepper-button-plus:after,.stepper-button-plus:before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--f7-stepper-button-text-color,var(--f7-theme-color));border-radius:2px}.stepper-button-minus:after,.stepper-button-plus:after{width:15px;height:2px}.stepper-button-plus:before{height:15px;width:2px}.stepper-value{display:flex;align-content:center;align-items:center;justify-content:center}.stepper-input-wrap,.stepper-value{flex-shrink:1;text-align:center;border-top:var(--f7-stepper-border-width) solid var(--f7-theme-color);border-bottom:var(--f7-stepper-border-width) solid var(--f7-theme-color)}.stepper .stepper-input-wrap input,.stepper-value{width:45px;color:var(--f7-stepper-value-text-color,var(--f7-theme-color));font-size:var(--f7-stepper-value-font-size);font-weight:var(--f7-stepper-value-font-weight);text-align:center}.stepper .stepper-input-wrap input{height:100%}.aurora .stepper-round-aurora,.ios .stepper-round-ios,.md .stepper-round-md,.stepper-round{--f7-stepper-border-radius:var(--f7-stepper-height)}.aurora .stepper-fill-aurora,.ios .stepper-fill-ios,.md .stepper-fill-md,.stepper-fill{--f7-stepper-button-bg-color:var(--f7-stepper-fill-button-bg-color, var(--f7-theme-color));--f7-stepper-button-text-color:var(--f7-stepper-fill-button-text-color);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.aurora .stepper-fill-aurora .stepper-button+.stepper-button,.aurora .stepper-fill-aurora .stepper-button-minus+.stepper-button-plus,.aurora .stepper-raised-aurora .stepper-button+.stepper-button,.aurora .stepper-raised-aurora .stepper-button-minus+.stepper-button-plus,.ios .stepper-fill-ios .stepper-button+.stepper-button,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus,.ios .stepper-raised-ios .stepper-button+.stepper-button,.ios .stepper-raised-ios .stepper-button-minus+.stepper-button-plus,.md .stepper-fill-md .stepper-button+.stepper-button,.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus,.md .stepper-raised-md .stepper-button+.stepper-button,.md .stepper-raised-md .stepper-button-minus+.stepper-button-plus,.stepper-fill .stepper-button+.stepper-button,.stepper-fill .stepper-button-minus+.stepper-button-plus,.stepper-raised .stepper-button+.stepper-button,.stepper-raised .stepper-button-minus+.stepper-button-plus{border-left:1px solid rgba(0,0,0,.1)}.aurora .stepper-fill-aurora .stepper-button+.stepper-button.active-state,.aurora .stepper-fill-aurora .stepper-button-minus+.stepper-button-plus.active-state,.ios .stepper-fill-ios .stepper-button+.stepper-button.active-state,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus.active-state,.md .stepper-fill-md .stepper-button+.stepper-button.active-state,.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus.active-state,.stepper-fill .stepper-button+.stepper-button.active-state,.stepper-fill .stepper-button-minus+.stepper-button-plus.active-state{border-left-color:var(--f7-stepper-button-pressed-bg-color)}.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):not(.stepper-fill) .stepper-input-wrap,.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):not(.stepper-fill) .stepper-value,.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-input-wrap,.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-value,.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-input-wrap,.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-value,.stepper-raised:not(.stepper-fill) .stepper-input-wrap,.stepper-raised:not(.stepper-fill) .stepper-value{border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}.aurora .stepper-large-aurora,.ios .stepper-large-ios,.md .stepper-large-md,.stepper-large{--f7-stepper-height:var(--f7-stepper-large-height)}.aurora .stepper-small-aurora,.ios .stepper-small-ios,.md .stepper-small-md,.stepper-small{--f7-stepper-border-width:var(--f7-stepper-small-border-width);--f7-stepper-height:var(--f7-stepper-small-height)}.ios .stepper-fill.stepper-small,.ios .stepper-fill.stepper-small-ios{--f7-stepper-button-pressed-bg-color:transparent;--f7-stepper-button-pressed-text-color:var(--f7-theme-color)}.aurora .stepper-raised-aurora,.ios .stepper-raised-ios,.md .stepper-raised-md,.stepper-raised{--f7-stepper-border-width:0;box-shadow:var(--f7-stepper-raised-box-shadow)}.ios .stepper-button .f7-icons,.ios .stepper-button-minus .f7-icons,.ios .stepper-button-plus .f7-icons{font-size:22px}.ios .stepper-fill,.ios .stepper-fill-ios{--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-tint))}.ios .stepper-small-ios.stepper-raised,.ios .stepper-small-ios.stepper-raised-ios,.ios .stepper-small.stepper-raised,.ios .stepper-small.stepper-raised-ios{--f7-stepper-border-width:0px}.ios .stepper-small .stepper-button,.ios .stepper-small .stepper-button-minus,.ios .stepper-small .stepper-button-plus,.ios .stepper-small-ios .stepper-button,.ios .stepper-small-ios .stepper-button-minus,.ios .stepper-small-ios .stepper-button-plus{transition-duration:.2s}.ios .stepper-small .stepper-button-minus.active-state:after,.ios .stepper-small .stepper-button-minus.active-state:before,.ios .stepper-small .stepper-button-plus.active-state:after,.ios .stepper-small .stepper-button-plus.active-state:before,.ios .stepper-small .stepper-button.active-state:after,.ios .stepper-small .stepper-button.active-state:before,.ios .stepper-small-ios .stepper-button-minus.active-state:after,.ios .stepper-small-ios .stepper-button-minus.active-state:before,.ios .stepper-small-ios .stepper-button-plus.active-state:after,.ios .stepper-small-ios .stepper-button-plus.active-state:before,.ios .stepper-small-ios .stepper-button.active-state:after,.ios .stepper-small-ios .stepper-button.active-state:before{transition-duration:.2s;background-color:var(--f7-theme-color)}.md .stepper-button,.md .stepper-button-minus,.md .stepper-button-plus{transition-duration:.3s;transform:translate3d(0,0,0);overflow:hidden}.md .stepper-fill,.md .stepper-fill-md{--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .stepper-button,.aurora .stepper-button-minus,.aurora .stepper-button-plus{transition-duration:.1s;transform:translate3d(0,0,0);overflow:hidden}.aurora.device-desktop .stepper-button-minus:not(.active-state):not(.no-hover):hover,.aurora.device-desktop .stepper-button-plus:not(.active-state):not(.no-hover):hover,.aurora.device-desktop .stepper-button:not(.active-state):not(.no-hover):hover{background-color:var(--f7-stepper-button-hover-bg-color,rgba(var(--f7-theme-color-rgb),.07))}.aurora .stepper-fill,.aurora .stepper-fill-aurora{--f7-stepper-button-hover-bg-color:var(--f7-stepper-button-fill-hover-bg-color, var(--f7-theme-color-tint));--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade))} \ No newline at end of file diff --git a/packages/core/components/stepper.rtl.css b/packages/core/components/stepper.rtl.css index ca5505e1dd..e5648b232a 100644 --- a/packages/core/components/stepper.rtl.css +++ b/packages/core/components/stepper.rtl.css @@ -1 +1 @@ -:root{--f7-stepper-fill-button-text-color:#fff;--f7-stepper-raised-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0,0,0,0.24)}.ios{--f7-stepper-height:29px;--f7-stepper-border-radius:5px;--f7-stepper-border-width:1px;--f7-stepper-large-height:44px;--f7-stepper-small-height:26px;--f7-stepper-small-border-width:2px;--f7-stepper-value-font-size:17px;--f7-stepper-value-font-weight:400}.md{--f7-stepper-height:36px;--f7-stepper-border-radius:4px;--f7-stepper-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-stepper-border-width:2px;--f7-stepper-large-height:48px;--f7-stepper-small-border-width:2px;--f7-stepper-small-height:28px;--f7-stepper-value-font-size:14px;--f7-stepper-value-font-weight:500}.md .theme-dark,.md.theme-dark{--f7-stepper-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}.aurora{--f7-stepper-height:28px;--f7-stepper-border-radius:4px;--f7-stepper-border-width:2px;--f7-stepper-large-height:34px;--f7-stepper-small-border-width:1px;--f7-stepper-small-height:22px;--f7-stepper-value-font-size:14px;--f7-stepper-value-font-weight:500}.stepper{display:inline-flex;align-items:stretch;height:var(--f7-stepper-height);border-radius:var(--f7-stepper-border-radius);flex-direction:row-reverse}.stepper-button,.stepper-button-minus,.stepper-button-plus{background-color:var(--f7-stepper-button-bg-color);width:40px;border-radius:var(--f7-stepper-border-radius);border:var(--f7-stepper-border-width) solid var(--f7-theme-color);color:var(--f7-stepper-button-text-color,var(--f7-theme-color));line-height:calc(var(--f7-stepper-height) - var(--f7-stepper-border-width,0px));text-align:center;display:flex;justify-content:center;align-content:center;align-items:center;flex-shrink:0;box-sizing:border-box;position:relative;cursor:pointer}.stepper-button-minus.active-state,.stepper-button-plus.active-state,.stepper-button.active-state{background-color:var(--f7-stepper-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-stepper-button-pressed-text-color,var(--f7-stepper-button-text-color,var(--f7-theme-color)))}.stepper-button-minus:first-child,.stepper-button-plus:first-child,.stepper-button:first-child{border-radius:var(--f7-stepper-border-radius) 0 0 var(--f7-stepper-border-radius)}.stepper-button-minus:last-child,.stepper-button-plus:last-child,.stepper-button:last-child{border-radius:0 var(--f7-stepper-border-radius) var(--f7-stepper-border-radius) 0}.stepper-button .icon,.stepper-button-minus .icon,.stepper-button-plus .icon{pointer-events:none}.stepper-button+.stepper-button,.stepper-button+.stepper-button-minus,.stepper-button+.stepper-button-plus,.stepper-button-minus+.stepper-button,.stepper-button-minus+.stepper-button-minus,.stepper-button-minus+.stepper-button-plus,.stepper-button-plus+.stepper-button,.stepper-button-plus+.stepper-button-minus,.stepper-button-plus+.stepper-button-plus{border-left:none}.stepper-button-minus,.stepper-button-plus{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stepper-button-minus:after,.stepper-button-minus:before,.stepper-button-plus:after,.stepper-button-plus:before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--f7-stepper-button-text-color,var(--f7-theme-color))}.stepper-button-minus:after,.stepper-button-plus:after{width:15px;height:2px}.stepper-button-plus:before{height:15px;width:2px}.stepper-value{display:flex;align-content:center;align-items:center;justify-content:center}.stepper-input-wrap,.stepper-value{flex-shrink:1;text-align:center;border-top:var(--f7-stepper-border-width) solid var(--f7-theme-color);border-bottom:var(--f7-stepper-border-width) solid var(--f7-theme-color)}.stepper .stepper-input-wrap input,.stepper-value{width:45px;color:var(--f7-stepper-value-text-color,var(--f7-theme-color));font-size:var(--f7-stepper-value-font-size);font-weight:var(--f7-stepper-value-font-weight);text-align:center}.stepper .stepper-input-wrap input{height:100%}.aurora .stepper-round-aurora,.ios .stepper-round-ios,.md .stepper-round-md,.stepper-round{--f7-stepper-border-radius:var(--f7-stepper-height)}.aurora .stepper-fill-aurora,.ios .stepper-fill-ios,.md .stepper-fill-md,.stepper-fill{--f7-stepper-button-bg-color:var(--f7-stepper-fill-button-bg-color, var(--f7-theme-color));--f7-stepper-button-text-color:var(--f7-stepper-fill-button-text-color);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.aurora .stepper-fill-aurora .stepper-button+.stepper-button,.aurora .stepper-fill-aurora .stepper-button-minus+.stepper-button-plus,.aurora .stepper-raised-aurora .stepper-button+.stepper-button,.aurora .stepper-raised-aurora .stepper-button-minus+.stepper-button-plus,.ios .stepper-fill-ios .stepper-button+.stepper-button,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus,.ios .stepper-raised-ios .stepper-button+.stepper-button,.ios .stepper-raised-ios .stepper-button-minus+.stepper-button-plus,.md .stepper-fill-md .stepper-button+.stepper-button,.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus,.md .stepper-raised-md .stepper-button+.stepper-button,.md .stepper-raised-md .stepper-button-minus+.stepper-button-plus,.stepper-fill .stepper-button+.stepper-button,.stepper-fill .stepper-button-minus+.stepper-button-plus,.stepper-raised .stepper-button+.stepper-button,.stepper-raised .stepper-button-minus+.stepper-button-plus{border-left:1px solid rgba(0,0,0,.1)}.aurora .stepper-fill-aurora .stepper-button+.stepper-button.active-state,.aurora .stepper-fill-aurora .stepper-button-minus+.stepper-button-plus.active-state,.ios .stepper-fill-ios .stepper-button+.stepper-button.active-state,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus.active-state,.md .stepper-fill-md .stepper-button+.stepper-button.active-state,.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus.active-state,.stepper-fill .stepper-button+.stepper-button.active-state,.stepper-fill .stepper-button-minus+.stepper-button-plus.active-state{border-left-color:var(--f7-stepper-button-pressed-bg-color)}.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):not(.stepper-fill) .stepper-input-wrap,.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):not(.stepper-fill) .stepper-value,.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-input-wrap,.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-value,.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-input-wrap,.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-value,.stepper-raised:not(.stepper-fill) .stepper-input-wrap,.stepper-raised:not(.stepper-fill) .stepper-value{border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}.aurora .stepper-large-aurora,.ios .stepper-large-ios,.md .stepper-large-md,.stepper-large{--f7-stepper-height:var(--f7-stepper-large-height)}.aurora .stepper-small-aurora,.ios .stepper-small-ios,.md .stepper-small-md,.stepper-small{--f7-stepper-border-width:var(--f7-stepper-small-border-width);--f7-stepper-height:var(--f7-stepper-small-height)}.ios .stepper-fill.stepper-small,.ios .stepper-fill.stepper-small-ios{--f7-stepper-button-pressed-bg-color:transparent;--f7-stepper-button-pressed-text-color:var(--f7-theme-color)}.aurora .stepper-raised-aurora,.ios .stepper-raised-ios,.md .stepper-raised-md,.stepper-raised{--f7-stepper-border-width:0;box-shadow:var(--f7-stepper-raised-box-shadow)}.ios .stepper-button .f7-icons,.ios .stepper-button-minus .f7-icons,.ios .stepper-button-plus .f7-icons{font-size:22px}.ios .stepper-fill,.ios .stepper-fill-ios{--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-tint))}.ios .stepper-small-ios.stepper-raised,.ios .stepper-small-ios.stepper-raised-ios,.ios .stepper-small.stepper-raised,.ios .stepper-small.stepper-raised-ios{--f7-stepper-border-width:0px}.ios .stepper-small .stepper-button,.ios .stepper-small .stepper-button-minus,.ios .stepper-small .stepper-button-plus,.ios .stepper-small-ios .stepper-button,.ios .stepper-small-ios .stepper-button-minus,.ios .stepper-small-ios .stepper-button-plus{transition-duration:.2s}.ios .stepper-small .stepper-button-minus.active-state:after,.ios .stepper-small .stepper-button-minus.active-state:before,.ios .stepper-small .stepper-button-plus.active-state:after,.ios .stepper-small .stepper-button-plus.active-state:before,.ios .stepper-small .stepper-button.active-state:after,.ios .stepper-small .stepper-button.active-state:before,.ios .stepper-small-ios .stepper-button-minus.active-state:after,.ios .stepper-small-ios .stepper-button-minus.active-state:before,.ios .stepper-small-ios .stepper-button-plus.active-state:after,.ios .stepper-small-ios .stepper-button-plus.active-state:before,.ios .stepper-small-ios .stepper-button.active-state:after,.ios .stepper-small-ios .stepper-button.active-state:before{transition-duration:.2s;background-color:var(--f7-theme-color)}.md .stepper-button,.md .stepper-button-minus,.md .stepper-button-plus{transition-duration:.3s;transform:translate3d(0,0,0);overflow:hidden}.md .stepper-fill,.md .stepper-fill-md{--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .stepper-button,.aurora .stepper-button-minus,.aurora .stepper-button-plus{transition-duration:.1s;transform:translate3d(0,0,0);overflow:hidden}.aurora.device-desktop .stepper-button-minus:not(.active-state):not(.no-hover):hover,.aurora.device-desktop .stepper-button-plus:not(.active-state):not(.no-hover):hover,.aurora.device-desktop .stepper-button:not(.active-state):not(.no-hover):hover{background-color:var(--f7-stepper-button-hover-bg-color,rgba(var(--f7-theme-color-rgb),.07))}.aurora .stepper-fill,.aurora .stepper-fill-aurora{--f7-stepper-button-hover-bg-color:var(--f7-stepper-button-fill-hover-bg-color, var(--f7-theme-color-tint));--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade))} \ No newline at end of file +:root{--f7-stepper-fill-button-text-color:#fff;--f7-stepper-raised-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0,0,0,0.24);--f7-stepper-value-font-weight:500;--f7-stepper-border-width:2px}.ios{--f7-stepper-height:28px;--f7-stepper-border-radius:5px;--f7-stepper-large-height:44px;--f7-stepper-small-height:26px;--f7-stepper-small-border-width:2px;--f7-stepper-value-font-size:17px}.md{--f7-stepper-height:36px;--f7-stepper-border-radius:4px;--f7-stepper-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-stepper-large-height:48px;--f7-stepper-small-border-width:2px;--f7-stepper-small-height:28px;--f7-stepper-value-font-size:14px}.md .theme-dark,.md.theme-dark{--f7-stepper-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}.aurora{--f7-stepper-height:28px;--f7-stepper-border-radius:4px;--f7-stepper-large-height:34px;--f7-stepper-small-border-width:1px;--f7-stepper-small-height:22px;--f7-stepper-value-font-size:14px}.stepper{display:inline-flex;align-items:stretch;height:var(--f7-stepper-height);border-radius:var(--f7-stepper-border-radius);flex-direction:row-reverse}.stepper-button,.stepper-button-minus,.stepper-button-plus{background-color:var(--f7-stepper-button-bg-color);width:40px;border-radius:var(--f7-stepper-border-radius);border:var(--f7-stepper-border-width) solid var(--f7-theme-color);color:var(--f7-stepper-button-text-color,var(--f7-theme-color));line-height:calc(var(--f7-stepper-height) - var(--f7-stepper-border-width,0px));text-align:center;display:flex;justify-content:center;align-content:center;align-items:center;flex-shrink:0;box-sizing:border-box;position:relative;cursor:pointer}.stepper-button-minus.active-state,.stepper-button-plus.active-state,.stepper-button.active-state{background-color:var(--f7-stepper-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-stepper-button-pressed-text-color,var(--f7-stepper-button-text-color,var(--f7-theme-color)))}.stepper-button-minus:first-child,.stepper-button-plus:first-child,.stepper-button:first-child{border-radius:var(--f7-stepper-border-radius) 0 0 var(--f7-stepper-border-radius)}.stepper-button-minus:last-child,.stepper-button-plus:last-child,.stepper-button:last-child{border-radius:0 var(--f7-stepper-border-radius) var(--f7-stepper-border-radius) 0}.stepper-button .icon,.stepper-button-minus .icon,.stepper-button-plus .icon{pointer-events:none}.stepper-button+.stepper-button,.stepper-button+.stepper-button-minus,.stepper-button+.stepper-button-plus,.stepper-button-minus+.stepper-button,.stepper-button-minus+.stepper-button-minus,.stepper-button-minus+.stepper-button-plus,.stepper-button-plus+.stepper-button,.stepper-button-plus+.stepper-button-minus,.stepper-button-plus+.stepper-button-plus{border-left:none}.stepper-button-minus,.stepper-button-plus{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stepper-button-minus:after,.stepper-button-minus:before,.stepper-button-plus:after,.stepper-button-plus:before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--f7-stepper-button-text-color,var(--f7-theme-color));border-radius:2px}.stepper-button-minus:after,.stepper-button-plus:after{width:15px;height:2px}.stepper-button-plus:before{height:15px;width:2px}.stepper-value{display:flex;align-content:center;align-items:center;justify-content:center}.stepper-input-wrap,.stepper-value{flex-shrink:1;text-align:center;border-top:var(--f7-stepper-border-width) solid var(--f7-theme-color);border-bottom:var(--f7-stepper-border-width) solid var(--f7-theme-color)}.stepper .stepper-input-wrap input,.stepper-value{width:45px;color:var(--f7-stepper-value-text-color,var(--f7-theme-color));font-size:var(--f7-stepper-value-font-size);font-weight:var(--f7-stepper-value-font-weight);text-align:center}.stepper .stepper-input-wrap input{height:100%}.aurora .stepper-round-aurora,.ios .stepper-round-ios,.md .stepper-round-md,.stepper-round{--f7-stepper-border-radius:var(--f7-stepper-height)}.aurora .stepper-fill-aurora,.ios .stepper-fill-ios,.md .stepper-fill-md,.stepper-fill{--f7-stepper-button-bg-color:var(--f7-stepper-fill-button-bg-color, var(--f7-theme-color));--f7-stepper-button-text-color:var(--f7-stepper-fill-button-text-color);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.aurora .stepper-fill-aurora .stepper-button+.stepper-button,.aurora .stepper-fill-aurora .stepper-button-minus+.stepper-button-plus,.aurora .stepper-raised-aurora .stepper-button+.stepper-button,.aurora .stepper-raised-aurora .stepper-button-minus+.stepper-button-plus,.ios .stepper-fill-ios .stepper-button+.stepper-button,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus,.ios .stepper-raised-ios .stepper-button+.stepper-button,.ios .stepper-raised-ios .stepper-button-minus+.stepper-button-plus,.md .stepper-fill-md .stepper-button+.stepper-button,.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus,.md .stepper-raised-md .stepper-button+.stepper-button,.md .stepper-raised-md .stepper-button-minus+.stepper-button-plus,.stepper-fill .stepper-button+.stepper-button,.stepper-fill .stepper-button-minus+.stepper-button-plus,.stepper-raised .stepper-button+.stepper-button,.stepper-raised .stepper-button-minus+.stepper-button-plus{border-left:1px solid rgba(0,0,0,.1)}.aurora .stepper-fill-aurora .stepper-button+.stepper-button.active-state,.aurora .stepper-fill-aurora .stepper-button-minus+.stepper-button-plus.active-state,.ios .stepper-fill-ios .stepper-button+.stepper-button.active-state,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus.active-state,.md .stepper-fill-md .stepper-button+.stepper-button.active-state,.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus.active-state,.stepper-fill .stepper-button+.stepper-button.active-state,.stepper-fill .stepper-button-minus+.stepper-button-plus.active-state{border-left-color:var(--f7-stepper-button-pressed-bg-color)}.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):not(.stepper-fill) .stepper-input-wrap,.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):not(.stepper-fill) .stepper-value,.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-input-wrap,.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-value,.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-input-wrap,.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-value,.stepper-raised:not(.stepper-fill) .stepper-input-wrap,.stepper-raised:not(.stepper-fill) .stepper-value{border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}.aurora .stepper-large-aurora,.ios .stepper-large-ios,.md .stepper-large-md,.stepper-large{--f7-stepper-height:var(--f7-stepper-large-height)}.aurora .stepper-small-aurora,.ios .stepper-small-ios,.md .stepper-small-md,.stepper-small{--f7-stepper-border-width:var(--f7-stepper-small-border-width);--f7-stepper-height:var(--f7-stepper-small-height)}.ios .stepper-fill.stepper-small,.ios .stepper-fill.stepper-small-ios{--f7-stepper-button-pressed-bg-color:transparent;--f7-stepper-button-pressed-text-color:var(--f7-theme-color)}.aurora .stepper-raised-aurora,.ios .stepper-raised-ios,.md .stepper-raised-md,.stepper-raised{--f7-stepper-border-width:0;box-shadow:var(--f7-stepper-raised-box-shadow)}.ios .stepper-button .f7-icons,.ios .stepper-button-minus .f7-icons,.ios .stepper-button-plus .f7-icons{font-size:22px}.ios .stepper-fill,.ios .stepper-fill-ios{--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-tint))}.ios .stepper-small-ios.stepper-raised,.ios .stepper-small-ios.stepper-raised-ios,.ios .stepper-small.stepper-raised,.ios .stepper-small.stepper-raised-ios{--f7-stepper-border-width:0px}.ios .stepper-small .stepper-button,.ios .stepper-small .stepper-button-minus,.ios .stepper-small .stepper-button-plus,.ios .stepper-small-ios .stepper-button,.ios .stepper-small-ios .stepper-button-minus,.ios .stepper-small-ios .stepper-button-plus{transition-duration:.2s}.ios .stepper-small .stepper-button-minus.active-state:after,.ios .stepper-small .stepper-button-minus.active-state:before,.ios .stepper-small .stepper-button-plus.active-state:after,.ios .stepper-small .stepper-button-plus.active-state:before,.ios .stepper-small .stepper-button.active-state:after,.ios .stepper-small .stepper-button.active-state:before,.ios .stepper-small-ios .stepper-button-minus.active-state:after,.ios .stepper-small-ios .stepper-button-minus.active-state:before,.ios .stepper-small-ios .stepper-button-plus.active-state:after,.ios .stepper-small-ios .stepper-button-plus.active-state:before,.ios .stepper-small-ios .stepper-button.active-state:after,.ios .stepper-small-ios .stepper-button.active-state:before{transition-duration:.2s;background-color:var(--f7-theme-color)}.md .stepper-button,.md .stepper-button-minus,.md .stepper-button-plus{transition-duration:.3s;transform:translate3d(0,0,0);overflow:hidden}.md .stepper-fill,.md .stepper-fill-md{--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .stepper-button,.aurora .stepper-button-minus,.aurora .stepper-button-plus{transition-duration:.1s;transform:translate3d(0,0,0);overflow:hidden}.aurora.device-desktop .stepper-button-minus:not(.active-state):not(.no-hover):hover,.aurora.device-desktop .stepper-button-plus:not(.active-state):not(.no-hover):hover,.aurora.device-desktop .stepper-button:not(.active-state):not(.no-hover):hover{background-color:var(--f7-stepper-button-hover-bg-color,rgba(var(--f7-theme-color-rgb),.07))}.aurora .stepper-fill,.aurora .stepper-fill-aurora{--f7-stepper-button-hover-bg-color:var(--f7-stepper-button-fill-hover-bg-color, var(--f7-theme-color-tint));--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade))} \ No newline at end of file diff --git a/packages/core/components/stepper/stepper-vars.less b/packages/core/components/stepper/stepper-vars.less index 827e83a39f..3873e72d10 100644 --- a/packages/core/components/stepper/stepper-vars.less +++ b/packages/core/components/stepper/stepper-vars.less @@ -9,21 +9,20 @@ --f7-stepper-fill-button-bg-color: var(--f7-theme-color); */ --f7-stepper-raised-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); - + --f7-stepper-value-font-weight: 500; + --f7-stepper-border-width: 2px; } .ios-vars({ - --f7-stepper-height: 29px; + --f7-stepper-height: 28px; --f7-stepper-border-radius: 5px; /* --f7-stepper-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); --f7-stepper-fill-button-pressed-bg-color: var(--f7-theme-color-tint); */ - --f7-stepper-border-width: 1px; --f7-stepper-large-height: 44px; --f7-stepper-small-height: 26px; --f7-stepper-small-border-width: 2px; --f7-stepper-value-font-size: 17px; - --f7-stepper-value-font-weight: 400; }); .md-vars({ --f7-stepper-height: 36px; @@ -32,12 +31,10 @@ /* --f7-stepper-fill-button-pressed-bg-color: var(--f7-theme-color-shade); */ - --f7-stepper-border-width: 2px; --f7-stepper-large-height: 48px; --f7-stepper-small-border-width: 2px; --f7-stepper-small-height: 28px; --f7-stepper-value-font-size: 14px; - --f7-stepper-value-font-weight: 500; .theme-dark, &.theme-dark { --f7-stepper-button-pressed-bg-color: rgba(255,255,255,0.1); } @@ -53,10 +50,8 @@ --f7-stepper-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); --f7-stepper-fill-button-pressed-bg-color: var(--f7-theme-color-shade); */ - --f7-stepper-border-width: 2px; --f7-stepper-large-height: 34px; --f7-stepper-small-border-width: 1px; --f7-stepper-small-height: 22px; --f7-stepper-value-font-size: 14px; - --f7-stepper-value-font-weight: 500; }); \ No newline at end of file diff --git a/packages/core/components/stepper/stepper.less b/packages/core/components/stepper/stepper.less index d8d79c06d5..c0283e1afc 100644 --- a/packages/core/components/stepper/stepper.less +++ b/packages/core/components/stepper/stepper.less @@ -59,6 +59,7 @@ top: 50%; transform: translate(-50%, -50%); background-color: var(--f7-stepper-button-text-color, var(--f7-theme-color)); + border-radius: 2px; } &:after { width: 15px; diff --git a/packages/core/components/subnavbar/subnavbar-aurora.less b/packages/core/components/subnavbar/subnavbar-aurora.less index f173b87e01..60ef4dbc8c 100644 --- a/packages/core/components/subnavbar/subnavbar-aurora.less +++ b/packages/core/components/subnavbar/subnavbar-aurora.less @@ -20,7 +20,7 @@ margin-left: 10px; } .right:first-child { - right: 15px; + right: 16px; } }); .rtl({ @@ -36,7 +36,7 @@ margin-right: 10px; } .right:first-child { - left: 15px; + left: 16px; } }); diff --git a/packages/core/components/subnavbar/subnavbar-ios.less b/packages/core/components/subnavbar/subnavbar-ios.less index 7e85748e2c..9489429cad 100644 --- a/packages/core/components/subnavbar/subnavbar-ios.less +++ b/packages/core/components/subnavbar/subnavbar-ios.less @@ -10,7 +10,7 @@ .ltr({ .left, .right { a + a { - margin-left: 15px; + margin-left: 16px; } } .left { @@ -26,7 +26,7 @@ .rtl({ .left, .right { a + a { - margin-right: 15px; + margin-right: 16px; } } .left { diff --git a/packages/core/components/subnavbar/subnavbar-vars.less b/packages/core/components/subnavbar/subnavbar-vars.less index df21a1fc2d..229836c85f 100644 --- a/packages/core/components/subnavbar/subnavbar-vars.less +++ b/packages/core/components/subnavbar/subnavbar-vars.less @@ -16,7 +16,7 @@ --f7-subnavbar-title-font-size: 34px; --f7-subnavbar-title-font-weight: 700; --f7-subnavbar-title-letter-spacing: -0.03em; - --f7-subnavbar-title-margin-left: 7px; + --f7-subnavbar-title-margin-left: 8px; --f7-subnavbar-shadow-image: none; /* --f7-subnavbar-link-height: var(--f7-subnavbar-height); @@ -39,8 +39,8 @@ }); .aurora-vars({ --f7-subnavbar-height: 38px; - --f7-subnavbar-inner-padding-left: 15px; - --f7-subnavbar-inner-padding-right: 15px; + --f7-subnavbar-inner-padding-left: 16px; + --f7-subnavbar-inner-padding-right: 16px; --f7-subnavbar-title-font-size: 26px; --f7-subnavbar-title-font-weight: bold; --f7-subnavbar-title-letter-spacing: -0.03em; diff --git a/packages/core/components/subnavbar/subnavbar.less b/packages/core/components/subnavbar/subnavbar.less index b1d1ec304a..9930563cdc 100644 --- a/packages/core/components/subnavbar/subnavbar.less +++ b/packages/core/components/subnavbar/subnavbar.less @@ -5,7 +5,7 @@ position: absolute; left: 0; top: 0; - z-index: 500; + z-index: 600; box-sizing: border-box; display: flex; justify-content: space-between; @@ -13,8 +13,8 @@ background-image: var(--f7-subnavbar-bg-image, var(--f7-bars-bg-image)); background-color: var(--f7-subnavbar-bg-color, var(--f7-bars-bg-color)); color: var(--f7-subnavbar-text-color, var(--f7-bars-text-color)); - .translucent(var(--f7-subnavbar-bg-color-rgb, var(--f7-bars-bg-color-rgb))); - .title { + .ios-translucent-bars(var(--f7-subnavbar-bg-color-rgb, var(--f7-bars-bg-color-rgb))); + .subnavbar-title { position: relative; overflow: hidden; text-overflow: ellpsis; @@ -91,14 +91,18 @@ } } .navbar ~ * .subnavbar, +.navbars ~ * .subnavbar, .page-with-subnavbar .navbar ~ .subnavbar, .page-with-subnavbar .navbar ~ * .subnavbar, .navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar, -.navbar ~ .subnavbar { +.navbar ~ .subnavbar, +.navbars ~ .page-with-subnavbar:not(.no-navbar) .subnavbar, +.navbars ~ .subnavbar { top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)); } .navbar ~ .page-with-navbar-large:not(.no-navbar) .subnavbar, +.navbars ~ .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, .navbar .title-large ~ .subnavbar { diff --git a/packages/core/components/timeline.css b/packages/core/components/timeline.css index 606c89ad77..d64dec5c3d 100644 --- a/packages/core/components/timeline.css +++ b/packages/core/components/timeline.css @@ -1 +1 @@ -:root{--f7-timeline-horizontal-date-height:34px;--f7-timeline-year-height:24px;--f7-timeline-year-font-weight:inherit;--f7-timeline-month-height:24px;--f7-timeline-month-font-size:inherit;--f7-timeline-month-font-weight:inherit;--f7-timeline-item-inner-bg-color:#fff;--f7-timeline-item-text-font-weight:inherit;--f7-timeline-item-subtitle-font-weight:inherit}:root .theme-dark,:root.theme-dark{--f7-timeline-item-inner-bg-color:#1c1c1d;--f7-timeline-horizontal-item-border-color:rgba(255, 255, 255, 0.15);--f7-timeline-horizontal-item-date-border-color:rgba(255, 255, 255, 0.15)}.ios{--f7-timeline-padding-horizontal:15px;--f7-timeline-margin-vertical:35px;--f7-timeline-divider-margin-horizontal:15px;--f7-timeline-inner-block-margin-vertical:15px;--f7-timeline-item-inner-border-radius:7px;--f7-timeline-item-inner-box-shadow:none;--f7-timeline-item-time-font-size:13px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.45);--f7-timeline-item-title-font-size:17px;--f7-timeline-item-title-line-height:inherit;--f7-timeline-item-title-font-weight:600;--f7-timeline-item-subtitle-font-size:15px;--f7-timeline-item-subtitle-line-height:inherit;--f7-timeline-item-text-font-size:inherit;--f7-timeline-item-text-color:inherit;--f7-timeline-item-text-line-height:inherit;--f7-timeline-year-font-size:16px;--f7-timeline-horizontal-item-padding:10px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.22);--f7-timeline-horizontal-item-date-border-color:rgba(0, 0, 0, 0.22);--f7-timeline-horizontal-item-date-shadow-image:none}.ios .theme-dark,.ios.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-timeline-padding-horizontal:16px;--f7-timeline-margin-vertical:32px;--f7-timeline-divider-margin-horizontal:16px;--f7-timeline-inner-block-margin-vertical:16px;--f7-timeline-item-inner-border-radius:4px;--f7-timeline-item-inner-box-shadow:var(--f7-elevation-1);--f7-timeline-item-time-font-size:13px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.54);--f7-timeline-item-title-font-size:16px;--f7-timeline-item-title-line-height:inherit;--f7-timeline-item-title-font-weight:400;--f7-timeline-item-subtitle-font-size:inherit;--f7-timeline-item-subtitle-line-height:inherit;--f7-timeline-item-text-font-size:inherit;--f7-timeline-item-text-line-height:inherit;--f7-timeline-item-text-color:inherit;--f7-timeline-year-font-size:16px;--f7-timeline-horizontal-item-padding:12px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.12);--f7-timeline-horizontal-item-date-border-color:transparent;--f7-timeline-horizontal-item-date-shadow-image:var(--f7-bars-shadow-bottom-image)}.md .theme-dark,.md.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-timeline-padding-horizontal:10px;--f7-timeline-margin-vertical:15px;--f7-timeline-divider-margin-horizontal:15px;--f7-timeline-inner-block-margin-vertical:15px;--f7-timeline-item-inner-border-radius:4px;--f7-timeline-item-inner-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);--f7-timeline-item-time-font-size:12px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.5);--f7-timeline-item-title-font-size:14px;--f7-timeline-item-title-line-height:1.3;--f7-timeline-item-title-font-weight:600;--f7-timeline-item-subtitle-font-size:14px;--f7-timeline-item-subtitle-line-height:1.3;--f7-timeline-item-text-color:rgba(0, 0, 0, 0.6);--f7-timeline-item-text-font-size:12px;--f7-timeline-item-text-line-height:1.33;--f7-timeline-year-font-size:14px;--f7-timeline-year-font-weight:500;--f7-timeline-horizontal-item-padding:10px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.2);--f7-timeline-horizontal-item-date-border-color:rgba(0, 0, 0, 0.2);--f7-timeline-horizontal-item-date-shadow-image:none}.aurora .theme-dark,.aurora.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.52);--f7-timeline-item-text-color:rgba(255, 255, 255, 0.52)}.timeline{box-sizing:border-box;margin:var(--f7-timeline-margin-vertical) 0;padding:0 var(--f7-timeline-padding-horizontal);padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-right))}.block-strong .timeline{padding:0;margin:0}.timeline-item{display:flex;justify-content:flex-start;overflow:hidden;box-sizing:border-box;position:relative;padding:2px 0px var(--f7-timeline-padding-horizontal)}.timeline-item:last-child{padding-bottom:2px}.timeline-item-date{flex-shrink:0;width:50px;text-align:right;box-sizing:border-box}.timeline-item-date small{font-size:10px}.timeline-item-content{margin:2px;min-width:0;position:relative;flex-shrink:10}.timeline-item-content .block,.timeline-item-content .card,.timeline-item-content .list,.timeline-item-content.block,.timeline-item-content.card,.timeline-item-content.list{margin:0;width:100%}.timeline-item-content .block+.block,.timeline-item-content .block+.card,.timeline-item-content .block+.list,.timeline-item-content .card+.block,.timeline-item-content .card+.card,.timeline-item-content .card+.list,.timeline-item-content .list+.block,.timeline-item-content .list+.card,.timeline-item-content .list+.list{margin:var(--f7-timeline-inner-block-margin-vertical) 0 0}.timeline-item-content h1:first-child,.timeline-item-content h2:first-child,.timeline-item-content h3:first-child,.timeline-item-content h4:first-child,.timeline-item-content ol:first-child,.timeline-item-content p:first-child,.timeline-item-content ul:first-child{margin-top:0}.timeline-item-content h1:last-child,.timeline-item-content h2:last-child,.timeline-item-content h3:last-child,.timeline-item-content h4:last-child,.timeline-item-content ol:last-child,.timeline-item-content p:last-child,.timeline-item-content ul:last-child{margin-bottom:0}.timeline-item-inner{background:var(--f7-timeline-item-inner-bg-color);box-sizing:border-box;border-radius:var(--f7-timeline-item-inner-border-radius);padding:8px var(--f7-timeline-padding-horizontal);box-shadow:var(--f7-timeline-item-inner-box-shadow)}.timeline-item-inner+.timeline-item-inner{margin-top:var(--f7-timeline-inner-block-margin-vertical)}.timeline-item-inner .block{padding:0;color:inherit}.timeline-item-inner .block-strong{padding-left:0;padding-right:0;margin:0}.timeline-item-inner .block-strong:before{display:none!important}.timeline-item-inner .block-strong:after{display:none!important}.timeline-item-inner .list ul:before{display:none!important}.timeline-item-inner .list ul:after{display:none!important}.timeline-item-divider{width:1px;position:relative;width:10px;height:10px;background:#bbb;border-radius:50%;flex-shrink:0;margin:3px var(--f7-timeline-divider-margin-horizontal) 0}.timeline-item-divider:after,.timeline-item-divider:before{content:' ';width:1px;height:100vh;position:absolute;left:50%;background:inherit;transform:translate3d(-50%,0,0)}.timeline-item-divider:after{top:100%}.timeline-item-divider:before{bottom:100%}.timeline-item:last-child .timeline-item-divider:after{display:none}.timeline-item:first-child .timeline-item-divider:before{display:none}.timeline-item-time{font-size:var(--f7-timeline-item-time-font-size);margin-top:var(--f7-timeline-inner-block-margin-vertical);color:var(--f7-timeline-item-time-text-color)}.timeline-item-time:first-child,.timeline-item-time:last-child{margin-top:0}.timeline-item-title+.timeline-item-time{margin-top:0}.timeline-item-title{font-size:var(--f7-timeline-item-title-font-size);font-weight:var(--f7-timeline-item-title-font-weight);line-height:var(--f7-timeline-item-title-line-height)}.timeline-item-subtitle{font-size:var(--f7-timeline-item-subtitle-font-size);font-weight:var(--f7-timeline-item-subtitle-font-weight);line-height:var(--f7-timeline-item-subtitle-line-height)}.timeline-item-text{color:var(--f7-timeline-item-text-color);font-size:var(--f7-timeline-item-text-font-size);font-weight:var(--f7-timeline-item-text-font-weight);line-height:var(--f7-timeline-item-text-line-height)}.timeline-sides .timeline-item,.timeline-sides .timeline-item-right{margin-left:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-right:0}.timeline-sides .timeline-item .timeline-item-date,.timeline-sides .timeline-item-right .timeline-item-date{text-align:right}.timeline-sides .timeline-item-left,.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n){flex-direction:row-reverse;margin-right:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-left:0}.timeline-sides .timeline-item-left .timeline-item-date,.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:left}@media (min-width:768px){.tablet-sides .timeline-item,.tablet-sides .timeline-item-right{margin-left:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-right:0}.tablet-sides .timeline-item .timeline-item-date,.tablet-sides .timeline-item-right .timeline-item-date{text-align:right}.tablet-sides .timeline-item-left,.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n){flex-direction:row-reverse;margin-right:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-left:0}.tablet-sides .timeline-item-left .timeline-item-date,.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:left}}.timeline-horizontal{height:100%;display:flex;padding:0;margin:0;position:relative;padding-left:var(--f7-safe-area-left);padding-right:0}.timeline-horizontal .timeline-item{display:block;width:33.33333333vw;margin:0;padding:0;flex-shrink:0;position:relative;height:100%;padding-top:var(--f7-timeline-horizontal-date-height)!important;padding-bottom:var(--f7-timeline-horizontal-item-padding)}.timeline-horizontal .timeline-item:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-horizontal .timeline-item-date{padding:0px var(--f7-timeline-horizontal-item-padding);width:auto;line-height:var(--f7-timeline-horizontal-date-height);position:absolute;left:0;top:0;width:100%;height:var(--f7-timeline-horizontal-date-height);background-color:var(--f7-bars-bg-color);color:var(--f7-bars-text-color);text-align:left}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .timeline-horizontal .timeline-item-date{background-color:rgba(var(--f7-bars-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.timeline-horizontal .timeline-item-date:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-date-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-horizontal .timeline-item-date:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-timeline-horizontal-item-date-shadow-image)}.timeline-horizontal.no-shadow .timeline-item-date:before{display:none}.timeline-horizontal .timeline-item-content{padding:var(--f7-timeline-horizontal-item-padding);height:calc(100% - var(--f7-timeline-horizontal-item-padding));overflow:auto;-webkit-overflow-scrolling:touch;margin:0}.timeline-horizontal .timeline-item-divider{display:none}.timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after,.timeline-horizontal>.timeline-item:last-child:after{display:none!important}.timeline-horizontal.col-5 .timeline-item{width:5vw}.timeline-horizontal.col-10 .timeline-item{width:10vw}.timeline-horizontal.col-15 .timeline-item{width:15vw}.timeline-horizontal.col-20 .timeline-item{width:20vw}.timeline-horizontal.col-25 .timeline-item{width:25vw}.timeline-horizontal.col-30 .timeline-item{width:30vw}.timeline-horizontal.col-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.col-35 .timeline-item{width:35vw}.timeline-horizontal.col-40 .timeline-item{width:40vw}.timeline-horizontal.col-45 .timeline-item{width:45vw}.timeline-horizontal.col-50 .timeline-item{width:50vw}.timeline-horizontal.col-55 .timeline-item{width:55vw}.timeline-horizontal.col-60 .timeline-item{width:60vw}.timeline-horizontal.col-65 .timeline-item{width:65vw}.timeline-horizontal.col-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.col-70 .timeline-item{width:70vw}.timeline-horizontal.col-75 .timeline-item{width:75vw}.timeline-horizontal.col-80 .timeline-item{width:80vw}.timeline-horizontal.col-85 .timeline-item{width:85vw}.timeline-horizontal.col-90 .timeline-item{width:90vw}.timeline-horizontal.col-95 .timeline-item{width:95vw}.timeline-horizontal.col-100 .timeline-item{width:100vw}@media (min-width:768px){.timeline-horizontal.tablet-5 .timeline-item{width:5vw}.timeline-horizontal.tablet-10 .timeline-item{width:10vw}.timeline-horizontal.tablet-15 .timeline-item{width:15vw}.timeline-horizontal.tablet-20 .timeline-item{width:20vw}.timeline-horizontal.tablet-25 .timeline-item{width:25vw}.timeline-horizontal.tablet-30 .timeline-item{width:30vw}.timeline-horizontal.tablet-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.tablet-35 .timeline-item{width:35vw}.timeline-horizontal.tablet-40 .timeline-item{width:40vw}.timeline-horizontal.tablet-45 .timeline-item{width:45vw}.timeline-horizontal.tablet-50 .timeline-item{width:50vw}.timeline-horizontal.tablet-55 .timeline-item{width:55vw}.timeline-horizontal.tablet-60 .timeline-item{width:60vw}.timeline-horizontal.tablet-65 .timeline-item{width:65vw}.timeline-horizontal.tablet-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.tablet-70 .timeline-item{width:70vw}.timeline-horizontal.tablet-75 .timeline-item{width:75vw}.timeline-horizontal.tablet-80 .timeline-item{width:80vw}.timeline-horizontal.tablet-85 .timeline-item{width:85vw}.timeline-horizontal.tablet-90 .timeline-item{width:90vw}.timeline-horizontal.tablet-95 .timeline-item{width:95vw}.timeline-horizontal.tablet-100 .timeline-item{width:100vw}}.timeline-year{padding-top:var(--f7-timeline-year-height)}.timeline-year:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-year:last-child:after{display:none!important}.timeline-month{padding-top:var(--f7-timeline-month-height)}.timeline-month .timeline-item:before{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-month,.timeline-year{display:flex;flex-shrink:0;position:relative;box-sizing:border-box;height:100%}.timeline-year-title{line-height:var(--f7-timeline-year-height);height:var(--f7-timeline-year-height);font-size:var(--f7-timeline-year-font-size);font-weight:var(--f7-timeline-year-font-weight)}.timeline-month-title{line-height:var(--f7-timeline-month-height);height:var(--f7-timeline-month-height);font-size:var(--f7-timeline-month-font-size);font-weight:var(--f7-timeline-month-font-weight)}.timeline-month-title,.timeline-year-title{position:absolute;left:0;top:0;width:100%;box-sizing:border-box;padding:0 var(--f7-timeline-horizontal-item-padding);background-color:var(--f7-bars-bg-color);color:var(--f7-bars-text-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .timeline-month-title,.ios-translucent .timeline-year-title{background-color:rgba(var(--f7-bars-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.timeline-month-title span,.timeline-year-title span{display:inline-block;position:-webkit-sticky;position:sticky;left:calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left))}.timeline-month-title span{margin-top:-2px}.timeline-year:first-child .timeline-month:first-child .timeline-month-title,.timeline-year:first-child .timeline-year-title,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title{left:calc(var(--f7-safe-area-left) * -1);right:0;width:auto}.timeline-horizontal .timeline-item:first-child,.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item{overflow:visible}.timeline-horizontal .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date{width:auto;padding-left:calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left));left:calc(0px - var(--f7-safe-area-left));right:0}.timeline-year:last-child .timeline-month:last-child .timeline-month-title,.timeline-year:last-child .timeline-year-title{width:auto;right:calc(0px - var(--f7-safe-area-right))}.timeline-horizontal .timeline-item:last-child,.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child{overflow:visible}.timeline-horizontal .timeline-item:last-child .timeline-item-date,.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date{width:auto;right:calc(0px - var(--f7-safe-area-right));left:0}.ios .block-strong .timeline-item-inner{border-radius:3px;border:1px solid rgba(0,0,0,.1)}.ios .timeline-year-title span{margin-top:3px}.md .timeline-year-title span{margin-top:2px}.aurora .timeline-year-title span{margin-top:2px} \ No newline at end of file +:root{--f7-timeline-inner-block-margin-vertical:16px;--f7-timeline-divider-margin-horizontal:16px;--f7-timeline-horizontal-date-height:34px;--f7-timeline-year-height:24px;--f7-timeline-year-font-weight:inherit;--f7-timeline-month-height:24px;--f7-timeline-month-font-size:inherit;--f7-timeline-month-font-weight:inherit;--f7-timeline-item-inner-bg-color:#fff;--f7-timeline-item-text-font-weight:inherit;--f7-timeline-item-subtitle-font-weight:inherit}:root .theme-dark,:root.theme-dark{--f7-timeline-item-inner-bg-color:#1c1c1d;--f7-timeline-horizontal-item-border-color:rgba(255, 255, 255, 0.15);--f7-timeline-horizontal-item-date-border-color:rgba(255, 255, 255, 0.15)}.ios{--f7-timeline-padding-horizontal:16px;--f7-timeline-margin-vertical:35px;--f7-timeline-item-inner-border-radius:7px;--f7-timeline-item-inner-box-shadow:none;--f7-timeline-item-time-font-size:13px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.45);--f7-timeline-item-title-font-size:17px;--f7-timeline-item-title-line-height:inherit;--f7-timeline-item-title-font-weight:600;--f7-timeline-item-subtitle-font-size:15px;--f7-timeline-item-subtitle-line-height:inherit;--f7-timeline-item-text-font-size:inherit;--f7-timeline-item-text-color:inherit;--f7-timeline-item-text-line-height:inherit;--f7-timeline-year-font-size:16px;--f7-timeline-horizontal-item-padding:10px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.22);--f7-timeline-horizontal-item-date-border-color:rgba(0, 0, 0, 0.22);--f7-timeline-horizontal-item-date-shadow-image:none}.ios .theme-dark,.ios.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-timeline-padding-horizontal:16px;--f7-timeline-margin-vertical:32px;--f7-timeline-item-inner-border-radius:4px;--f7-timeline-item-inner-box-shadow:var(--f7-elevation-1);--f7-timeline-item-time-font-size:13px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.54);--f7-timeline-item-title-font-size:16px;--f7-timeline-item-title-line-height:inherit;--f7-timeline-item-title-font-weight:400;--f7-timeline-item-subtitle-font-size:inherit;--f7-timeline-item-subtitle-line-height:inherit;--f7-timeline-item-text-font-size:inherit;--f7-timeline-item-text-line-height:inherit;--f7-timeline-item-text-color:inherit;--f7-timeline-year-font-size:16px;--f7-timeline-horizontal-item-padding:12px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.12);--f7-timeline-horizontal-item-date-border-color:transparent;--f7-timeline-horizontal-item-date-shadow-image:var(--f7-bars-shadow-bottom-image)}.md .theme-dark,.md.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-timeline-padding-horizontal:10px;--f7-timeline-margin-vertical:15px;--f7-timeline-item-inner-border-radius:4px;--f7-timeline-item-inner-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);--f7-timeline-item-time-font-size:12px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.5);--f7-timeline-item-title-font-size:14px;--f7-timeline-item-title-line-height:1.3;--f7-timeline-item-title-font-weight:600;--f7-timeline-item-subtitle-font-size:14px;--f7-timeline-item-subtitle-line-height:1.3;--f7-timeline-item-text-color:rgba(0, 0, 0, 0.6);--f7-timeline-item-text-font-size:12px;--f7-timeline-item-text-line-height:1.33;--f7-timeline-year-font-size:14px;--f7-timeline-year-font-weight:500;--f7-timeline-horizontal-item-padding:10px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.2);--f7-timeline-horizontal-item-date-border-color:rgba(0, 0, 0, 0.2);--f7-timeline-horizontal-item-date-shadow-image:none}.aurora .theme-dark,.aurora.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.54);--f7-timeline-item-text-color:rgba(255, 255, 255, 0.54)}.timeline{box-sizing:border-box;margin:var(--f7-timeline-margin-vertical) 0;padding:0 var(--f7-timeline-padding-horizontal);padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-right))}.block-strong .timeline{padding:0;margin:0}.timeline-item{display:flex;justify-content:flex-start;overflow:hidden;box-sizing:border-box;position:relative;padding:2px 0px var(--f7-timeline-padding-horizontal)}.timeline-item:last-child{padding-bottom:2px}.timeline-item-date{flex-shrink:0;width:50px;text-align:right;box-sizing:border-box}.timeline-item-date small{font-size:10px}.timeline-item-content{margin:2px;min-width:0;position:relative;flex-shrink:10}.timeline-item-content .block,.timeline-item-content .card,.timeline-item-content .list,.timeline-item-content.block,.timeline-item-content.card,.timeline-item-content.list{margin:0;width:100%}.timeline-item-content .block+.block,.timeline-item-content .block+.card,.timeline-item-content .block+.list,.timeline-item-content .card+.block,.timeline-item-content .card+.card,.timeline-item-content .card+.list,.timeline-item-content .list+.block,.timeline-item-content .list+.card,.timeline-item-content .list+.list{margin:var(--f7-timeline-inner-block-margin-vertical) 0 0}.timeline-item-content h1:first-child,.timeline-item-content h2:first-child,.timeline-item-content h3:first-child,.timeline-item-content h4:first-child,.timeline-item-content ol:first-child,.timeline-item-content p:first-child,.timeline-item-content ul:first-child{margin-top:0}.timeline-item-content h1:last-child,.timeline-item-content h2:last-child,.timeline-item-content h3:last-child,.timeline-item-content h4:last-child,.timeline-item-content ol:last-child,.timeline-item-content p:last-child,.timeline-item-content ul:last-child{margin-bottom:0}.timeline-item-inner{background:var(--f7-timeline-item-inner-bg-color);box-sizing:border-box;border-radius:var(--f7-timeline-item-inner-border-radius);padding:8px var(--f7-timeline-padding-horizontal);box-shadow:var(--f7-timeline-item-inner-box-shadow)}.timeline-item-inner+.timeline-item-inner{margin-top:var(--f7-timeline-inner-block-margin-vertical)}.timeline-item-inner .block{padding:0;color:inherit}.timeline-item-inner .block-strong{padding-left:0;padding-right:0;margin:0}.timeline-item-inner .block-strong:before{display:none!important}.timeline-item-inner .block-strong:after{display:none!important}.timeline-item-inner .list ul:before{display:none!important}.timeline-item-inner .list ul:after{display:none!important}.timeline-item-divider{width:1px;position:relative;width:10px;height:10px;background:#bbb;border-radius:50%;flex-shrink:0;margin:3px var(--f7-timeline-divider-margin-horizontal) 0}.timeline-item-divider:after,.timeline-item-divider:before{content:' ';width:1px;height:100vh;position:absolute;left:50%;background:inherit;transform:translate3d(-50%,0,0)}.timeline-item-divider:after{top:100%}.timeline-item-divider:before{bottom:100%}.timeline-item:last-child .timeline-item-divider:after{display:none}.timeline-item:first-child .timeline-item-divider:before{display:none}.timeline-item-time{font-size:var(--f7-timeline-item-time-font-size);margin-top:var(--f7-timeline-inner-block-margin-vertical);color:var(--f7-timeline-item-time-text-color)}.timeline-item-time:first-child,.timeline-item-time:last-child{margin-top:0}.timeline-item-title+.timeline-item-time{margin-top:0}.timeline-item-title{font-size:var(--f7-timeline-item-title-font-size);font-weight:var(--f7-timeline-item-title-font-weight);line-height:var(--f7-timeline-item-title-line-height)}.timeline-item-subtitle{font-size:var(--f7-timeline-item-subtitle-font-size);font-weight:var(--f7-timeline-item-subtitle-font-weight);line-height:var(--f7-timeline-item-subtitle-line-height)}.timeline-item-text{color:var(--f7-timeline-item-text-color);font-size:var(--f7-timeline-item-text-font-size);font-weight:var(--f7-timeline-item-text-font-weight);line-height:var(--f7-timeline-item-text-line-height)}.timeline-sides .timeline-item,.timeline-sides .timeline-item-right{margin-left:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-right:0}.timeline-sides .timeline-item .timeline-item-date,.timeline-sides .timeline-item-right .timeline-item-date{text-align:right}.timeline-sides .timeline-item-left,.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n){flex-direction:row-reverse;margin-right:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-left:0}.timeline-sides .timeline-item-left .timeline-item-date,.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:left}@media (min-width:768px){.tablet-sides .timeline-item,.tablet-sides .timeline-item-right{margin-left:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-right:0}.tablet-sides .timeline-item .timeline-item-date,.tablet-sides .timeline-item-right .timeline-item-date{text-align:right}.tablet-sides .timeline-item-left,.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n){flex-direction:row-reverse;margin-right:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-left:0}.tablet-sides .timeline-item-left .timeline-item-date,.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:left}}.timeline-horizontal{height:100%;display:flex;padding:0;margin:0;position:relative;padding-left:var(--f7-safe-area-left);padding-right:0}.timeline-horizontal .timeline-item{display:block;width:33.33333333vw;margin:0;padding:0;flex-shrink:0;position:relative;height:100%;padding-top:var(--f7-timeline-horizontal-date-height)!important;padding-bottom:var(--f7-timeline-horizontal-item-padding)}.timeline-horizontal .timeline-item:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-horizontal .timeline-item-date{padding:0px var(--f7-timeline-horizontal-item-padding);width:auto;line-height:var(--f7-timeline-horizontal-date-height);position:absolute;left:0;top:0;width:100%;height:var(--f7-timeline-horizontal-date-height);background-color:var(--f7-bars-bg-color);color:var(--f7-bars-text-color);text-align:left}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-bars .timeline-horizontal .timeline-item-date{background-color:rgba(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))}}.timeline-horizontal .timeline-item-date:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-date-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-horizontal .timeline-item-date:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-timeline-horizontal-item-date-shadow-image)}.timeline-horizontal.no-shadow .timeline-item-date:before{display:none}.timeline-horizontal .timeline-item-content{padding:var(--f7-timeline-horizontal-item-padding);height:calc(100% - var(--f7-timeline-horizontal-item-padding));overflow:auto;-webkit-overflow-scrolling:touch;margin:0}.timeline-horizontal .timeline-item-divider{display:none}.timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after,.timeline-horizontal>.timeline-item:last-child:after{display:none!important}.timeline-horizontal.col-5 .timeline-item{width:5vw}.timeline-horizontal.col-10 .timeline-item{width:10vw}.timeline-horizontal.col-15 .timeline-item{width:15vw}.timeline-horizontal.col-20 .timeline-item{width:20vw}.timeline-horizontal.col-25 .timeline-item{width:25vw}.timeline-horizontal.col-30 .timeline-item{width:30vw}.timeline-horizontal.col-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.col-35 .timeline-item{width:35vw}.timeline-horizontal.col-40 .timeline-item{width:40vw}.timeline-horizontal.col-45 .timeline-item{width:45vw}.timeline-horizontal.col-50 .timeline-item{width:50vw}.timeline-horizontal.col-55 .timeline-item{width:55vw}.timeline-horizontal.col-60 .timeline-item{width:60vw}.timeline-horizontal.col-65 .timeline-item{width:65vw}.timeline-horizontal.col-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.col-70 .timeline-item{width:70vw}.timeline-horizontal.col-75 .timeline-item{width:75vw}.timeline-horizontal.col-80 .timeline-item{width:80vw}.timeline-horizontal.col-85 .timeline-item{width:85vw}.timeline-horizontal.col-90 .timeline-item{width:90vw}.timeline-horizontal.col-95 .timeline-item{width:95vw}.timeline-horizontal.col-100 .timeline-item{width:100vw}@media (min-width:768px){.timeline-horizontal.tablet-5 .timeline-item{width:5vw}.timeline-horizontal.tablet-10 .timeline-item{width:10vw}.timeline-horizontal.tablet-15 .timeline-item{width:15vw}.timeline-horizontal.tablet-20 .timeline-item{width:20vw}.timeline-horizontal.tablet-25 .timeline-item{width:25vw}.timeline-horizontal.tablet-30 .timeline-item{width:30vw}.timeline-horizontal.tablet-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.tablet-35 .timeline-item{width:35vw}.timeline-horizontal.tablet-40 .timeline-item{width:40vw}.timeline-horizontal.tablet-45 .timeline-item{width:45vw}.timeline-horizontal.tablet-50 .timeline-item{width:50vw}.timeline-horizontal.tablet-55 .timeline-item{width:55vw}.timeline-horizontal.tablet-60 .timeline-item{width:60vw}.timeline-horizontal.tablet-65 .timeline-item{width:65vw}.timeline-horizontal.tablet-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.tablet-70 .timeline-item{width:70vw}.timeline-horizontal.tablet-75 .timeline-item{width:75vw}.timeline-horizontal.tablet-80 .timeline-item{width:80vw}.timeline-horizontal.tablet-85 .timeline-item{width:85vw}.timeline-horizontal.tablet-90 .timeline-item{width:90vw}.timeline-horizontal.tablet-95 .timeline-item{width:95vw}.timeline-horizontal.tablet-100 .timeline-item{width:100vw}}.timeline-year{padding-top:var(--f7-timeline-year-height)}.timeline-year:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-year:last-child:after{display:none!important}.timeline-month{padding-top:var(--f7-timeline-month-height)}.timeline-month .timeline-item:before{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-month,.timeline-year{display:flex;flex-shrink:0;position:relative;box-sizing:border-box;height:100%}.timeline-year-title{line-height:var(--f7-timeline-year-height);height:var(--f7-timeline-year-height);font-size:var(--f7-timeline-year-font-size);font-weight:var(--f7-timeline-year-font-weight)}.timeline-month-title{line-height:var(--f7-timeline-month-height);height:var(--f7-timeline-month-height);font-size:var(--f7-timeline-month-font-size);font-weight:var(--f7-timeline-month-font-weight)}.timeline-month-title,.timeline-year-title{position:absolute;left:0;top:0;width:100%;box-sizing:border-box;padding:0 var(--f7-timeline-horizontal-item-padding);background-color:var(--f7-bars-bg-color);color:var(--f7-bars-text-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-bars .timeline-month-title,.ios-translucent-bars .timeline-year-title{background-color:rgba(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))}}.timeline-month-title span,.timeline-year-title span{display:inline-block;position:-webkit-sticky;position:sticky;left:calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left))}.timeline-month-title span{margin-top:-2px}.timeline-year:first-child .timeline-month:first-child .timeline-month-title,.timeline-year:first-child .timeline-year-title,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title{left:calc(var(--f7-safe-area-left) * -1);right:0;width:auto}.timeline-horizontal .timeline-item:first-child,.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item{overflow:visible}.timeline-horizontal .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date{width:auto;padding-left:calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left));left:calc(0px - var(--f7-safe-area-left));right:0}.timeline-year:last-child .timeline-month:last-child .timeline-month-title,.timeline-year:last-child .timeline-year-title{width:auto;right:calc(0px - var(--f7-safe-area-right))}.timeline-horizontal .timeline-item:last-child,.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child{overflow:visible}.timeline-horizontal .timeline-item:last-child .timeline-item-date,.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date{width:auto;right:calc(0px - var(--f7-safe-area-right));left:0}.ios .block-strong .timeline-item-inner{border-radius:3px;border:1px solid rgba(0,0,0,.1)}.ios .timeline-year-title span{margin-top:3px}.md .timeline-year-title span{margin-top:2px}.aurora .timeline-year-title span{margin-top:2px} \ No newline at end of file diff --git a/packages/core/components/timeline.rtl.css b/packages/core/components/timeline.rtl.css index 15fdbd0feb..90be1cf222 100644 --- a/packages/core/components/timeline.rtl.css +++ b/packages/core/components/timeline.rtl.css @@ -1 +1 @@ -:root{--f7-timeline-horizontal-date-height:34px;--f7-timeline-year-height:24px;--f7-timeline-year-font-weight:inherit;--f7-timeline-month-height:24px;--f7-timeline-month-font-size:inherit;--f7-timeline-month-font-weight:inherit;--f7-timeline-item-inner-bg-color:#fff;--f7-timeline-item-text-font-weight:inherit;--f7-timeline-item-subtitle-font-weight:inherit}:root .theme-dark,:root.theme-dark{--f7-timeline-item-inner-bg-color:#1c1c1d;--f7-timeline-horizontal-item-border-color:rgba(255, 255, 255, 0.15);--f7-timeline-horizontal-item-date-border-color:rgba(255, 255, 255, 0.15)}.ios{--f7-timeline-padding-horizontal:15px;--f7-timeline-margin-vertical:35px;--f7-timeline-divider-margin-horizontal:15px;--f7-timeline-inner-block-margin-vertical:15px;--f7-timeline-item-inner-border-radius:7px;--f7-timeline-item-inner-box-shadow:none;--f7-timeline-item-time-font-size:13px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.45);--f7-timeline-item-title-font-size:17px;--f7-timeline-item-title-line-height:inherit;--f7-timeline-item-title-font-weight:600;--f7-timeline-item-subtitle-font-size:15px;--f7-timeline-item-subtitle-line-height:inherit;--f7-timeline-item-text-font-size:inherit;--f7-timeline-item-text-color:inherit;--f7-timeline-item-text-line-height:inherit;--f7-timeline-year-font-size:16px;--f7-timeline-horizontal-item-padding:10px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.22);--f7-timeline-horizontal-item-date-border-color:rgba(0, 0, 0, 0.22);--f7-timeline-horizontal-item-date-shadow-image:none}.ios .theme-dark,.ios.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-timeline-padding-horizontal:16px;--f7-timeline-margin-vertical:32px;--f7-timeline-divider-margin-horizontal:16px;--f7-timeline-inner-block-margin-vertical:16px;--f7-timeline-item-inner-border-radius:4px;--f7-timeline-item-inner-box-shadow:var(--f7-elevation-1);--f7-timeline-item-time-font-size:13px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.54);--f7-timeline-item-title-font-size:16px;--f7-timeline-item-title-line-height:inherit;--f7-timeline-item-title-font-weight:400;--f7-timeline-item-subtitle-font-size:inherit;--f7-timeline-item-subtitle-line-height:inherit;--f7-timeline-item-text-font-size:inherit;--f7-timeline-item-text-line-height:inherit;--f7-timeline-item-text-color:inherit;--f7-timeline-year-font-size:16px;--f7-timeline-horizontal-item-padding:12px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.12);--f7-timeline-horizontal-item-date-border-color:transparent;--f7-timeline-horizontal-item-date-shadow-image:var(--f7-bars-shadow-bottom-image)}.md .theme-dark,.md.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-timeline-padding-horizontal:10px;--f7-timeline-margin-vertical:15px;--f7-timeline-divider-margin-horizontal:15px;--f7-timeline-inner-block-margin-vertical:15px;--f7-timeline-item-inner-border-radius:4px;--f7-timeline-item-inner-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);--f7-timeline-item-time-font-size:12px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.5);--f7-timeline-item-title-font-size:14px;--f7-timeline-item-title-line-height:1.3;--f7-timeline-item-title-font-weight:600;--f7-timeline-item-subtitle-font-size:14px;--f7-timeline-item-subtitle-line-height:1.3;--f7-timeline-item-text-color:rgba(0, 0, 0, 0.6);--f7-timeline-item-text-font-size:12px;--f7-timeline-item-text-line-height:1.33;--f7-timeline-year-font-size:14px;--f7-timeline-year-font-weight:500;--f7-timeline-horizontal-item-padding:10px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.2);--f7-timeline-horizontal-item-date-border-color:rgba(0, 0, 0, 0.2);--f7-timeline-horizontal-item-date-shadow-image:none}.aurora .theme-dark,.aurora.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.52);--f7-timeline-item-text-color:rgba(255, 255, 255, 0.52)}.timeline{box-sizing:border-box;margin:var(--f7-timeline-margin-vertical) 0;padding:0 var(--f7-timeline-padding-horizontal);padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-right))}.block-strong .timeline{padding:0;margin:0}.timeline-item{display:flex;justify-content:flex-start;overflow:hidden;box-sizing:border-box;position:relative;padding:2px 0px var(--f7-timeline-padding-horizontal)}.timeline-item:last-child{padding-bottom:2px}.timeline-item-date{flex-shrink:0;width:50px;text-align:right;box-sizing:border-box}.timeline-item-date small{font-size:10px}.timeline-item-content{margin:2px;min-width:0;position:relative;flex-shrink:10}.timeline-item-content .block,.timeline-item-content .card,.timeline-item-content .list,.timeline-item-content.block,.timeline-item-content.card,.timeline-item-content.list{margin:0;width:100%}.timeline-item-content .block+.block,.timeline-item-content .block+.card,.timeline-item-content .block+.list,.timeline-item-content .card+.block,.timeline-item-content .card+.card,.timeline-item-content .card+.list,.timeline-item-content .list+.block,.timeline-item-content .list+.card,.timeline-item-content .list+.list{margin:var(--f7-timeline-inner-block-margin-vertical) 0 0}.timeline-item-content h1:first-child,.timeline-item-content h2:first-child,.timeline-item-content h3:first-child,.timeline-item-content h4:first-child,.timeline-item-content ol:first-child,.timeline-item-content p:first-child,.timeline-item-content ul:first-child{margin-top:0}.timeline-item-content h1:last-child,.timeline-item-content h2:last-child,.timeline-item-content h3:last-child,.timeline-item-content h4:last-child,.timeline-item-content ol:last-child,.timeline-item-content p:last-child,.timeline-item-content ul:last-child{margin-bottom:0}.timeline-item-inner{background:var(--f7-timeline-item-inner-bg-color);box-sizing:border-box;border-radius:var(--f7-timeline-item-inner-border-radius);padding:8px var(--f7-timeline-padding-horizontal);box-shadow:var(--f7-timeline-item-inner-box-shadow)}.timeline-item-inner+.timeline-item-inner{margin-top:var(--f7-timeline-inner-block-margin-vertical)}.timeline-item-inner .block{padding:0;color:inherit}.timeline-item-inner .block-strong{padding-left:0;padding-right:0;margin:0}.timeline-item-inner .block-strong:before{display:none!important}.timeline-item-inner .block-strong:after{display:none!important}.timeline-item-inner .list ul:before{display:none!important}.timeline-item-inner .list ul:after{display:none!important}.timeline-item-divider{width:1px;position:relative;width:10px;height:10px;background:#bbb;border-radius:50%;flex-shrink:0;margin:3px var(--f7-timeline-divider-margin-horizontal) 0}.timeline-item-divider:after,.timeline-item-divider:before{content:' ';width:1px;height:100vh;position:absolute;left:50%;background:inherit;transform:translate3d(-50%,0,0)}.timeline-item-divider:after{top:100%}.timeline-item-divider:before{bottom:100%}.timeline-item:last-child .timeline-item-divider:after{display:none}.timeline-item:first-child .timeline-item-divider:before{display:none}.timeline-item-time{font-size:var(--f7-timeline-item-time-font-size);margin-top:var(--f7-timeline-inner-block-margin-vertical);color:var(--f7-timeline-item-time-text-color)}.timeline-item-time:first-child,.timeline-item-time:last-child{margin-top:0}.timeline-item-title+.timeline-item-time{margin-top:0}.timeline-item-title{font-size:var(--f7-timeline-item-title-font-size);font-weight:var(--f7-timeline-item-title-font-weight);line-height:var(--f7-timeline-item-title-line-height)}.timeline-item-subtitle{font-size:var(--f7-timeline-item-subtitle-font-size);font-weight:var(--f7-timeline-item-subtitle-font-weight);line-height:var(--f7-timeline-item-subtitle-line-height)}.timeline-item-text{color:var(--f7-timeline-item-text-color);font-size:var(--f7-timeline-item-text-font-size);font-weight:var(--f7-timeline-item-text-font-weight);line-height:var(--f7-timeline-item-text-line-height)}.timeline-sides .timeline-item,.timeline-sides .timeline-item-right{margin-right:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-left:0}.timeline-sides .timeline-item .timeline-item-date,.timeline-sides .timeline-item-right .timeline-item-date{text-align:left}.timeline-sides .timeline-item-left,.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n){flex-direction:row-reverse;margin-left:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-right:0}.timeline-sides .timeline-item-left .timeline-item-date,.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:right}@media (min-width:768px){.tablet-sides .timeline-item,.tablet-sides .timeline-item-right{margin-right:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-left:0}.tablet-sides .timeline-item .timeline-item-date,.tablet-sides .timeline-item-right .timeline-item-date{text-align:left}.tablet-sides .timeline-item-left,.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n){flex-direction:row-reverse;margin-left:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-right:0}.tablet-sides .timeline-item-left .timeline-item-date,.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:right}}.timeline-horizontal{height:100%;display:flex;padding:0;margin:0;position:relative;padding-left:var(--f7-safe-area-left);padding-right:0}.timeline-horizontal .timeline-item{display:block;width:33.33333333vw;margin:0;padding:0;flex-shrink:0;position:relative;height:100%;padding-top:var(--f7-timeline-horizontal-date-height)!important;padding-bottom:var(--f7-timeline-horizontal-item-padding)}.timeline-horizontal .timeline-item:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-horizontal .timeline-item-date{padding:0px var(--f7-timeline-horizontal-item-padding);width:auto;text-align:left;line-height:var(--f7-timeline-horizontal-date-height);position:absolute;left:0;top:0;width:100%;height:var(--f7-timeline-horizontal-date-height);background-color:var(--f7-bars-bg-color);color:var(--f7-bars-text-color);text-align:right}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .timeline-horizontal .timeline-item-date{background-color:rgba(var(--f7-bars-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.timeline-horizontal .timeline-item-date:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-date-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-horizontal .timeline-item-date:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-timeline-horizontal-item-date-shadow-image)}.timeline-horizontal.no-shadow .timeline-item-date:before{display:none}.timeline-horizontal .timeline-item-content{padding:var(--f7-timeline-horizontal-item-padding);height:calc(100% - var(--f7-timeline-horizontal-item-padding));overflow:auto;-webkit-overflow-scrolling:touch;margin:0}.timeline-horizontal .timeline-item-divider{display:none}.timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after,.timeline-horizontal>.timeline-item:last-child:after{display:none!important}.timeline-horizontal.col-5 .timeline-item{width:5vw}.timeline-horizontal.col-10 .timeline-item{width:10vw}.timeline-horizontal.col-15 .timeline-item{width:15vw}.timeline-horizontal.col-20 .timeline-item{width:20vw}.timeline-horizontal.col-25 .timeline-item{width:25vw}.timeline-horizontal.col-30 .timeline-item{width:30vw}.timeline-horizontal.col-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.col-35 .timeline-item{width:35vw}.timeline-horizontal.col-40 .timeline-item{width:40vw}.timeline-horizontal.col-45 .timeline-item{width:45vw}.timeline-horizontal.col-50 .timeline-item{width:50vw}.timeline-horizontal.col-55 .timeline-item{width:55vw}.timeline-horizontal.col-60 .timeline-item{width:60vw}.timeline-horizontal.col-65 .timeline-item{width:65vw}.timeline-horizontal.col-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.col-70 .timeline-item{width:70vw}.timeline-horizontal.col-75 .timeline-item{width:75vw}.timeline-horizontal.col-80 .timeline-item{width:80vw}.timeline-horizontal.col-85 .timeline-item{width:85vw}.timeline-horizontal.col-90 .timeline-item{width:90vw}.timeline-horizontal.col-95 .timeline-item{width:95vw}.timeline-horizontal.col-100 .timeline-item{width:100vw}@media (min-width:768px){.timeline-horizontal.tablet-5 .timeline-item{width:5vw}.timeline-horizontal.tablet-10 .timeline-item{width:10vw}.timeline-horizontal.tablet-15 .timeline-item{width:15vw}.timeline-horizontal.tablet-20 .timeline-item{width:20vw}.timeline-horizontal.tablet-25 .timeline-item{width:25vw}.timeline-horizontal.tablet-30 .timeline-item{width:30vw}.timeline-horizontal.tablet-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.tablet-35 .timeline-item{width:35vw}.timeline-horizontal.tablet-40 .timeline-item{width:40vw}.timeline-horizontal.tablet-45 .timeline-item{width:45vw}.timeline-horizontal.tablet-50 .timeline-item{width:50vw}.timeline-horizontal.tablet-55 .timeline-item{width:55vw}.timeline-horizontal.tablet-60 .timeline-item{width:60vw}.timeline-horizontal.tablet-65 .timeline-item{width:65vw}.timeline-horizontal.tablet-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.tablet-70 .timeline-item{width:70vw}.timeline-horizontal.tablet-75 .timeline-item{width:75vw}.timeline-horizontal.tablet-80 .timeline-item{width:80vw}.timeline-horizontal.tablet-85 .timeline-item{width:85vw}.timeline-horizontal.tablet-90 .timeline-item{width:90vw}.timeline-horizontal.tablet-95 .timeline-item{width:95vw}.timeline-horizontal.tablet-100 .timeline-item{width:100vw}}.timeline-year{padding-top:var(--f7-timeline-year-height)}.timeline-year:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-year:last-child:after{display:none!important}.timeline-month{padding-top:var(--f7-timeline-month-height)}.timeline-month .timeline-item:before{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-month,.timeline-year{display:flex;flex-shrink:0;position:relative;box-sizing:border-box;height:100%}.timeline-year-title{line-height:var(--f7-timeline-year-height);height:var(--f7-timeline-year-height);font-size:var(--f7-timeline-year-font-size);font-weight:var(--f7-timeline-year-font-weight)}.timeline-month-title{line-height:var(--f7-timeline-month-height);height:var(--f7-timeline-month-height);font-size:var(--f7-timeline-month-font-size);font-weight:var(--f7-timeline-month-font-weight)}.timeline-month-title,.timeline-year-title{position:absolute;left:0;top:0;width:100%;box-sizing:border-box;padding:0 var(--f7-timeline-horizontal-item-padding);background-color:var(--f7-bars-bg-color);color:var(--f7-bars-text-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .timeline-month-title,.ios-translucent .timeline-year-title{background-color:rgba(var(--f7-bars-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.timeline-month-title span,.timeline-year-title span{display:inline-block;position:-webkit-sticky;position:sticky;right:calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-right))}.timeline-month-title span{margin-top:-2px}.timeline-year:first-child .timeline-month:first-child .timeline-month-title,.timeline-year:first-child .timeline-year-title,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title{left:calc(var(--f7-safe-area-left) * -1);right:0;width:auto}.timeline-horizontal .timeline-item:first-child,.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item{overflow:visible}.timeline-horizontal .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date{width:auto;padding-left:calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left));left:calc(0px - var(--f7-safe-area-left));right:0}.timeline-year:last-child .timeline-month:last-child .timeline-month-title,.timeline-year:last-child .timeline-year-title{width:auto;right:calc(0px - var(--f7-safe-area-right))}.timeline-horizontal .timeline-item:last-child,.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child{overflow:visible}.timeline-horizontal .timeline-item:last-child .timeline-item-date,.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date{width:auto;right:calc(0px - var(--f7-safe-area-right));left:0}.ios .block-strong .timeline-item-inner{border-radius:3px;border:1px solid rgba(0,0,0,.1)}.ios .timeline-year-title span{margin-top:3px}.md .timeline-year-title span{margin-top:2px}.aurora .timeline-year-title span{margin-top:2px} \ No newline at end of file +:root{--f7-timeline-inner-block-margin-vertical:16px;--f7-timeline-divider-margin-horizontal:16px;--f7-timeline-horizontal-date-height:34px;--f7-timeline-year-height:24px;--f7-timeline-year-font-weight:inherit;--f7-timeline-month-height:24px;--f7-timeline-month-font-size:inherit;--f7-timeline-month-font-weight:inherit;--f7-timeline-item-inner-bg-color:#fff;--f7-timeline-item-text-font-weight:inherit;--f7-timeline-item-subtitle-font-weight:inherit}:root .theme-dark,:root.theme-dark{--f7-timeline-item-inner-bg-color:#1c1c1d;--f7-timeline-horizontal-item-border-color:rgba(255, 255, 255, 0.15);--f7-timeline-horizontal-item-date-border-color:rgba(255, 255, 255, 0.15)}.ios{--f7-timeline-padding-horizontal:16px;--f7-timeline-margin-vertical:35px;--f7-timeline-item-inner-border-radius:7px;--f7-timeline-item-inner-box-shadow:none;--f7-timeline-item-time-font-size:13px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.45);--f7-timeline-item-title-font-size:17px;--f7-timeline-item-title-line-height:inherit;--f7-timeline-item-title-font-weight:600;--f7-timeline-item-subtitle-font-size:15px;--f7-timeline-item-subtitle-line-height:inherit;--f7-timeline-item-text-font-size:inherit;--f7-timeline-item-text-color:inherit;--f7-timeline-item-text-line-height:inherit;--f7-timeline-year-font-size:16px;--f7-timeline-horizontal-item-padding:10px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.22);--f7-timeline-horizontal-item-date-border-color:rgba(0, 0, 0, 0.22);--f7-timeline-horizontal-item-date-shadow-image:none}.ios .theme-dark,.ios.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-timeline-padding-horizontal:16px;--f7-timeline-margin-vertical:32px;--f7-timeline-item-inner-border-radius:4px;--f7-timeline-item-inner-box-shadow:var(--f7-elevation-1);--f7-timeline-item-time-font-size:13px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.54);--f7-timeline-item-title-font-size:16px;--f7-timeline-item-title-line-height:inherit;--f7-timeline-item-title-font-weight:400;--f7-timeline-item-subtitle-font-size:inherit;--f7-timeline-item-subtitle-line-height:inherit;--f7-timeline-item-text-font-size:inherit;--f7-timeline-item-text-line-height:inherit;--f7-timeline-item-text-color:inherit;--f7-timeline-year-font-size:16px;--f7-timeline-horizontal-item-padding:12px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.12);--f7-timeline-horizontal-item-date-border-color:transparent;--f7-timeline-horizontal-item-date-shadow-image:var(--f7-bars-shadow-bottom-image)}.md .theme-dark,.md.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-timeline-padding-horizontal:10px;--f7-timeline-margin-vertical:15px;--f7-timeline-item-inner-border-radius:4px;--f7-timeline-item-inner-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);--f7-timeline-item-time-font-size:12px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.5);--f7-timeline-item-title-font-size:14px;--f7-timeline-item-title-line-height:1.3;--f7-timeline-item-title-font-weight:600;--f7-timeline-item-subtitle-font-size:14px;--f7-timeline-item-subtitle-line-height:1.3;--f7-timeline-item-text-color:rgba(0, 0, 0, 0.6);--f7-timeline-item-text-font-size:12px;--f7-timeline-item-text-line-height:1.33;--f7-timeline-year-font-size:14px;--f7-timeline-year-font-weight:500;--f7-timeline-horizontal-item-padding:10px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.2);--f7-timeline-horizontal-item-date-border-color:rgba(0, 0, 0, 0.2);--f7-timeline-horizontal-item-date-shadow-image:none}.aurora .theme-dark,.aurora.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.54);--f7-timeline-item-text-color:rgba(255, 255, 255, 0.54)}.timeline{box-sizing:border-box;margin:var(--f7-timeline-margin-vertical) 0;padding:0 var(--f7-timeline-padding-horizontal);padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-right))}.block-strong .timeline{padding:0;margin:0}.timeline-item{display:flex;justify-content:flex-start;overflow:hidden;box-sizing:border-box;position:relative;padding:2px 0px var(--f7-timeline-padding-horizontal)}.timeline-item:last-child{padding-bottom:2px}.timeline-item-date{flex-shrink:0;width:50px;text-align:right;box-sizing:border-box}.timeline-item-date small{font-size:10px}.timeline-item-content{margin:2px;min-width:0;position:relative;flex-shrink:10}.timeline-item-content .block,.timeline-item-content .card,.timeline-item-content .list,.timeline-item-content.block,.timeline-item-content.card,.timeline-item-content.list{margin:0;width:100%}.timeline-item-content .block+.block,.timeline-item-content .block+.card,.timeline-item-content .block+.list,.timeline-item-content .card+.block,.timeline-item-content .card+.card,.timeline-item-content .card+.list,.timeline-item-content .list+.block,.timeline-item-content .list+.card,.timeline-item-content .list+.list{margin:var(--f7-timeline-inner-block-margin-vertical) 0 0}.timeline-item-content h1:first-child,.timeline-item-content h2:first-child,.timeline-item-content h3:first-child,.timeline-item-content h4:first-child,.timeline-item-content ol:first-child,.timeline-item-content p:first-child,.timeline-item-content ul:first-child{margin-top:0}.timeline-item-content h1:last-child,.timeline-item-content h2:last-child,.timeline-item-content h3:last-child,.timeline-item-content h4:last-child,.timeline-item-content ol:last-child,.timeline-item-content p:last-child,.timeline-item-content ul:last-child{margin-bottom:0}.timeline-item-inner{background:var(--f7-timeline-item-inner-bg-color);box-sizing:border-box;border-radius:var(--f7-timeline-item-inner-border-radius);padding:8px var(--f7-timeline-padding-horizontal);box-shadow:var(--f7-timeline-item-inner-box-shadow)}.timeline-item-inner+.timeline-item-inner{margin-top:var(--f7-timeline-inner-block-margin-vertical)}.timeline-item-inner .block{padding:0;color:inherit}.timeline-item-inner .block-strong{padding-left:0;padding-right:0;margin:0}.timeline-item-inner .block-strong:before{display:none!important}.timeline-item-inner .block-strong:after{display:none!important}.timeline-item-inner .list ul:before{display:none!important}.timeline-item-inner .list ul:after{display:none!important}.timeline-item-divider{width:1px;position:relative;width:10px;height:10px;background:#bbb;border-radius:50%;flex-shrink:0;margin:3px var(--f7-timeline-divider-margin-horizontal) 0}.timeline-item-divider:after,.timeline-item-divider:before{content:' ';width:1px;height:100vh;position:absolute;left:50%;background:inherit;transform:translate3d(-50%,0,0)}.timeline-item-divider:after{top:100%}.timeline-item-divider:before{bottom:100%}.timeline-item:last-child .timeline-item-divider:after{display:none}.timeline-item:first-child .timeline-item-divider:before{display:none}.timeline-item-time{font-size:var(--f7-timeline-item-time-font-size);margin-top:var(--f7-timeline-inner-block-margin-vertical);color:var(--f7-timeline-item-time-text-color)}.timeline-item-time:first-child,.timeline-item-time:last-child{margin-top:0}.timeline-item-title+.timeline-item-time{margin-top:0}.timeline-item-title{font-size:var(--f7-timeline-item-title-font-size);font-weight:var(--f7-timeline-item-title-font-weight);line-height:var(--f7-timeline-item-title-line-height)}.timeline-item-subtitle{font-size:var(--f7-timeline-item-subtitle-font-size);font-weight:var(--f7-timeline-item-subtitle-font-weight);line-height:var(--f7-timeline-item-subtitle-line-height)}.timeline-item-text{color:var(--f7-timeline-item-text-color);font-size:var(--f7-timeline-item-text-font-size);font-weight:var(--f7-timeline-item-text-font-weight);line-height:var(--f7-timeline-item-text-line-height)}.timeline-sides .timeline-item,.timeline-sides .timeline-item-right{margin-right:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-left:0}.timeline-sides .timeline-item .timeline-item-date,.timeline-sides .timeline-item-right .timeline-item-date{text-align:left}.timeline-sides .timeline-item-left,.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n){flex-direction:row-reverse;margin-left:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-right:0}.timeline-sides .timeline-item-left .timeline-item-date,.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:right}@media (min-width:768px){.tablet-sides .timeline-item,.tablet-sides .timeline-item-right{margin-right:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-left:0}.tablet-sides .timeline-item .timeline-item-date,.tablet-sides .timeline-item-right .timeline-item-date{text-align:left}.tablet-sides .timeline-item-left,.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n){flex-direction:row-reverse;margin-left:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-right:0}.tablet-sides .timeline-item-left .timeline-item-date,.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:right}}.timeline-horizontal{height:100%;display:flex;padding:0;margin:0;position:relative;padding-left:var(--f7-safe-area-left);padding-right:0}.timeline-horizontal .timeline-item{display:block;width:33.33333333vw;margin:0;padding:0;flex-shrink:0;position:relative;height:100%;padding-top:var(--f7-timeline-horizontal-date-height)!important;padding-bottom:var(--f7-timeline-horizontal-item-padding)}.timeline-horizontal .timeline-item:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-horizontal .timeline-item-date{padding:0px var(--f7-timeline-horizontal-item-padding);width:auto;text-align:left;line-height:var(--f7-timeline-horizontal-date-height);position:absolute;left:0;top:0;width:100%;height:var(--f7-timeline-horizontal-date-height);background-color:var(--f7-bars-bg-color);color:var(--f7-bars-text-color);text-align:right}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-bars .timeline-horizontal .timeline-item-date{background-color:rgba(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))}}.timeline-horizontal .timeline-item-date:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-date-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-horizontal .timeline-item-date:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-timeline-horizontal-item-date-shadow-image)}.timeline-horizontal.no-shadow .timeline-item-date:before{display:none}.timeline-horizontal .timeline-item-content{padding:var(--f7-timeline-horizontal-item-padding);height:calc(100% - var(--f7-timeline-horizontal-item-padding));overflow:auto;-webkit-overflow-scrolling:touch;margin:0}.timeline-horizontal .timeline-item-divider{display:none}.timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after,.timeline-horizontal>.timeline-item:last-child:after{display:none!important}.timeline-horizontal.col-5 .timeline-item{width:5vw}.timeline-horizontal.col-10 .timeline-item{width:10vw}.timeline-horizontal.col-15 .timeline-item{width:15vw}.timeline-horizontal.col-20 .timeline-item{width:20vw}.timeline-horizontal.col-25 .timeline-item{width:25vw}.timeline-horizontal.col-30 .timeline-item{width:30vw}.timeline-horizontal.col-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.col-35 .timeline-item{width:35vw}.timeline-horizontal.col-40 .timeline-item{width:40vw}.timeline-horizontal.col-45 .timeline-item{width:45vw}.timeline-horizontal.col-50 .timeline-item{width:50vw}.timeline-horizontal.col-55 .timeline-item{width:55vw}.timeline-horizontal.col-60 .timeline-item{width:60vw}.timeline-horizontal.col-65 .timeline-item{width:65vw}.timeline-horizontal.col-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.col-70 .timeline-item{width:70vw}.timeline-horizontal.col-75 .timeline-item{width:75vw}.timeline-horizontal.col-80 .timeline-item{width:80vw}.timeline-horizontal.col-85 .timeline-item{width:85vw}.timeline-horizontal.col-90 .timeline-item{width:90vw}.timeline-horizontal.col-95 .timeline-item{width:95vw}.timeline-horizontal.col-100 .timeline-item{width:100vw}@media (min-width:768px){.timeline-horizontal.tablet-5 .timeline-item{width:5vw}.timeline-horizontal.tablet-10 .timeline-item{width:10vw}.timeline-horizontal.tablet-15 .timeline-item{width:15vw}.timeline-horizontal.tablet-20 .timeline-item{width:20vw}.timeline-horizontal.tablet-25 .timeline-item{width:25vw}.timeline-horizontal.tablet-30 .timeline-item{width:30vw}.timeline-horizontal.tablet-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.tablet-35 .timeline-item{width:35vw}.timeline-horizontal.tablet-40 .timeline-item{width:40vw}.timeline-horizontal.tablet-45 .timeline-item{width:45vw}.timeline-horizontal.tablet-50 .timeline-item{width:50vw}.timeline-horizontal.tablet-55 .timeline-item{width:55vw}.timeline-horizontal.tablet-60 .timeline-item{width:60vw}.timeline-horizontal.tablet-65 .timeline-item{width:65vw}.timeline-horizontal.tablet-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.tablet-70 .timeline-item{width:70vw}.timeline-horizontal.tablet-75 .timeline-item{width:75vw}.timeline-horizontal.tablet-80 .timeline-item{width:80vw}.timeline-horizontal.tablet-85 .timeline-item{width:85vw}.timeline-horizontal.tablet-90 .timeline-item{width:90vw}.timeline-horizontal.tablet-95 .timeline-item{width:95vw}.timeline-horizontal.tablet-100 .timeline-item{width:100vw}}.timeline-year{padding-top:var(--f7-timeline-year-height)}.timeline-year:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-year:last-child:after{display:none!important}.timeline-month{padding-top:var(--f7-timeline-month-height)}.timeline-month .timeline-item:before{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-month,.timeline-year{display:flex;flex-shrink:0;position:relative;box-sizing:border-box;height:100%}.timeline-year-title{line-height:var(--f7-timeline-year-height);height:var(--f7-timeline-year-height);font-size:var(--f7-timeline-year-font-size);font-weight:var(--f7-timeline-year-font-weight)}.timeline-month-title{line-height:var(--f7-timeline-month-height);height:var(--f7-timeline-month-height);font-size:var(--f7-timeline-month-font-size);font-weight:var(--f7-timeline-month-font-weight)}.timeline-month-title,.timeline-year-title{position:absolute;left:0;top:0;width:100%;box-sizing:border-box;padding:0 var(--f7-timeline-horizontal-item-padding);background-color:var(--f7-bars-bg-color);color:var(--f7-bars-text-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-bars .timeline-month-title,.ios-translucent-bars .timeline-year-title{background-color:rgba(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))}}.timeline-month-title span,.timeline-year-title span{display:inline-block;position:-webkit-sticky;position:sticky;right:calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-right))}.timeline-month-title span{margin-top:-2px}.timeline-year:first-child .timeline-month:first-child .timeline-month-title,.timeline-year:first-child .timeline-year-title,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title{left:calc(var(--f7-safe-area-left) * -1);right:0;width:auto}.timeline-horizontal .timeline-item:first-child,.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item{overflow:visible}.timeline-horizontal .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date{width:auto;padding-left:calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left));left:calc(0px - var(--f7-safe-area-left));right:0}.timeline-year:last-child .timeline-month:last-child .timeline-month-title,.timeline-year:last-child .timeline-year-title{width:auto;right:calc(0px - var(--f7-safe-area-right))}.timeline-horizontal .timeline-item:last-child,.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child{overflow:visible}.timeline-horizontal .timeline-item:last-child .timeline-item-date,.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date{width:auto;right:calc(0px - var(--f7-safe-area-right));left:0}.ios .block-strong .timeline-item-inner{border-radius:3px;border:1px solid rgba(0,0,0,.1)}.ios .timeline-year-title span{margin-top:3px}.md .timeline-year-title span{margin-top:2px}.aurora .timeline-year-title span{margin-top:2px} \ No newline at end of file diff --git a/packages/core/components/timeline/timeline-vars.less b/packages/core/components/timeline/timeline-vars.less index 36b45466b8..4606366b90 100644 --- a/packages/core/components/timeline/timeline-vars.less +++ b/packages/core/components/timeline/timeline-vars.less @@ -1,4 +1,6 @@ :root { + --f7-timeline-inner-block-margin-vertical: 16px; + --f7-timeline-divider-margin-horizontal: 16px; --f7-timeline-horizontal-date-height: 34px; --f7-timeline-year-height: 24px; --f7-timeline-year-font-weight: inherit; @@ -15,10 +17,8 @@ } } .ios-vars({ - --f7-timeline-padding-horizontal: 15px; + --f7-timeline-padding-horizontal: 16px; --f7-timeline-margin-vertical: 35px; - --f7-timeline-divider-margin-horizontal: 15px; - --f7-timeline-inner-block-margin-vertical: 15px; --f7-timeline-item-inner-border-radius: 7px; --f7-timeline-item-inner-box-shadow: none; --f7-timeline-item-time-font-size: 13px; @@ -43,8 +43,6 @@ .md-vars({ --f7-timeline-padding-horizontal: 16px; --f7-timeline-margin-vertical: 32px; - --f7-timeline-divider-margin-horizontal: 16px; - --f7-timeline-inner-block-margin-vertical: 16px; --f7-timeline-item-inner-border-radius: 4px; --f7-timeline-item-inner-box-shadow: var(--f7-elevation-1); --f7-timeline-item-time-font-size: 13px; @@ -69,8 +67,6 @@ .aurora-vars({ --f7-timeline-padding-horizontal: 10px; --f7-timeline-margin-vertical: 15px; - --f7-timeline-divider-margin-horizontal: 15px; - --f7-timeline-inner-block-margin-vertical: 15px; --f7-timeline-item-inner-border-radius: 4px; --f7-timeline-item-inner-box-shadow: 0px 1px 2px rgba(0,0,0,0.15); --f7-timeline-item-time-font-size: 12px; @@ -90,7 +86,7 @@ --f7-timeline-horizontal-item-date-border-color: rgba(0,0,0,0.2); --f7-timeline-horizontal-item-date-shadow-image: none; .theme-dark, &.theme-dark { - --f7-timeline-item-time-text-color: rgba(255,255,255,0.52); - --f7-timeline-item-text-color: rgba(255,255,255,0.52); + --f7-timeline-item-time-text-color: rgba(255,255,255,0.54); + --f7-timeline-item-text-color: rgba(255,255,255,0.54); } }); \ No newline at end of file diff --git a/packages/core/components/timeline/timeline.less b/packages/core/components/timeline/timeline.less index 7fbeda2138..aa03b96acd 100644 --- a/packages/core/components/timeline/timeline.less +++ b/packages/core/components/timeline/timeline.less @@ -226,7 +226,7 @@ height: var(--f7-timeline-horizontal-date-height); background-color: var(--f7-bars-bg-color); color: var(--f7-bars-text-color); - .translucent(var(--f7-bars-bg-color-rgb)); + .ios-translucent-bars(var(--f7-bars-bg-color-rgb)); .hairline(bottom, var(--f7-timeline-horizontal-item-date-border-color)); .bar-shadow-bottom(var(--f7-timeline-horizontal-item-date-shadow-image)); .ltr({ @@ -311,7 +311,7 @@ padding: 0 var(--f7-timeline-horizontal-item-padding); background-color: var(--f7-bars-bg-color); color: var(--f7-bars-text-color); - .translucent(var(--f7-bars-bg-color-rgb)); + .ios-translucent-bars(var(--f7-bars-bg-color-rgb)); span { display: inline-block; position: sticky; diff --git a/packages/core/components/toast.css b/packages/core/components/toast.css index fa6be67214..6536bca3ae 100644 --- a/packages/core/components/toast.css +++ b/packages/core/components/toast.css @@ -1 +1 @@ -:root{--f7-toast-text-color:#fff;--f7-toast-font-size:14px;--f7-toast-icon-size:48px}.ios{--f7-toast-bg-color:rgba(0, 0, 0, 0.75);--f7-toast-bg-color-rgb:0,0,0;--f7-toast-padding-horizontal:15px;--f7-toast-padding-vertical:12px;--f7-toast-border-radius:8px;--f7-toast-button-min-width:64px}.md{--f7-toast-bg-color:#323232;--f7-toast-padding-horizontal:24px;--f7-toast-padding-vertical:14px;--f7-toast-border-radius:4px;--f7-toast-button-min-width:64px}.aurora{--f7-toast-bg-color:rgba(0, 0, 0, 0.85);--f7-toast-padding-horizontal:10px;--f7-toast-padding-vertical:10px;--f7-toast-border-radius:4px;--f7-toast-button-min-width:32px}.toast{--f7-touch-ripple-color:var(--f7-touch-ripple-white);transition-property:transform,opacity;position:absolute;max-width:568px;z-index:20000;color:var(--f7-toast-text-color);font-size:var(--f7-toast-font-size);box-sizing:border-box;background-color:var(--f7-toast-bg-color);opacity:0}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .toast{background-color:rgba(var(--f7-toast-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.toast.modal-in{opacity:1}.toast .toast-content{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:var(--f7-toast-padding-vertical) var(--f7-toast-padding-horizontal)}.toast .toast-text{line-height:20px;flex-shrink:1;min-width:0}.toast .toast-button{flex-shrink:0;min-width:var(--f7-toast-button-min-width);margin-top:-8px;margin-bottom:-8px}.toast.toast-with-icon .toast-content{display:block;text-align:center}.toast.toast-with-icon .toast-text{text-align:center}.toast.toast-with-icon .toast-icon .f7-icons,.toast.toast-with-icon .toast-icon .material-icons{font-size:var(--f7-toast-icon-size);width:var(--f7-toast-icon-size);height:var(--f7-toast-icon-size)}.toast.toast-center{top:50%}.toast.toast-top{margin-top:var(--f7-safe-area-top)}.ios .toast{transition-duration:.3s;width:100%;left:0}.ios .toast.toast-top{top:0;transform:translate3d(0,-100%,0)}.ios .toast.toast-top.modal-in{transform:translate3d(0,0%,0)}.ios .toast.toast-center{width:auto;left:50%;border-radius:var(--f7-toast-border-radius);transform:translate3d(-50%,-50%,0)}.ios .toast.toast-center.modal-in{transform:translate3d(-50%,-50%,0)}.ios .toast.toast-bottom{bottom:0;transform:translate3d(0,100%,0)}.ios .toast.toast-bottom.modal-in{transform:translate3d(0,0%,0)}@media (max-width:568px){.ios .toast.toast-top{margin-top:0}.ios .toast.toast-top .toast-content{padding-top:calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-top))}.ios .toast.toast-bottom .toast-content{padding-bottom:calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-bottom))}}@media (min-width:569px){.ios .toast{left:50%;margin-left:-284px;border-radius:var(--f7-toast-border-radius)}.ios .toast.toast-top{top:15px}.ios .toast.toast-center{margin-left:0}.ios .toast.toast-bottom{margin-bottom:calc(15px + var(--f7-safe-area-bottom))}}@media (min-width:1024px){.ios .toast{margin-left:0;width:auto}.ios .toast.toast-bottom,.ios .toast.toast-top{left:15px}}.ios .toast-button{margin-left:15px;margin-right:calc(-1 * var(--f7-button-padding-horizontal))}.md .toast{transition-duration:.2s;border-radius:var(--f7-toast-border-radius);left:8px;width:calc(100% - 16px);transform:scale(.9)}.md .toast.modal-in{transform:scale(1)}.md .toast.modal-out{transform:scale(1)}.md .toast.toast-top{top:8px}.md .toast.toast-center{left:50%;width:auto;transform:scale(.9) translate3d(-55%,-55%,0)}.md .toast.toast-center.modal-in{transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-center.modal-out{transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-bottom{bottom:calc(8px + var(--f7-safe-area-bottom))}@media (min-width:584px){.md .toast{left:50%;margin-left:-284px}.md .toast.toast-center{margin-left:0}}@media (min-width:1024px){.md .toast{margin-left:0;width:auto}.md .toast.toast-bottom,.md .toast.toast-top{left:24px}.md .toast.toast-bottom{bottom:calc(24px + var(--f7-safe-area-bottom))}.md .toast.toast-top{top:24px}}.md .toast-button{margin-left:16px;margin-right:-8px}.aurora .toast{transition-duration:.2s;border-radius:var(--f7-toast-border-radius);left:10px;width:calc(100% - 20px);transform:scale(.9)}.aurora .toast.modal-in{transform:scale(1)}.aurora .toast.modal-out{transform:scale(1)}.aurora .toast.toast-top{top:10px}.aurora .toast.toast-center{left:50%;width:auto;transform:scale(.9) translate3d(-55%,-55%,0)}.aurora .toast.toast-center.modal-in{transform:scale(1) translate3d(-50%,-50%,0)}.aurora .toast.toast-center.modal-out{transform:scale(1) translate3d(-50%,-50%,0)}.aurora .toast.toast-bottom{bottom:calc(10px + var(--f7-safe-area-bottom))}@media (min-width:584px){.aurora .toast{left:50%;margin-left:-284px}.aurora .toast.toast-center{margin-left:0}}@media (min-width:1024px){.aurora .toast{margin-left:0;width:auto}.aurora .toast.toast-bottom,.aurora .toast.toast-top{left:10px}}.aurora .toast-button{margin-left:10px} \ No newline at end of file +:root{--f7-toast-text-color:#fff;--f7-toast-font-size:14px;--f7-toast-icon-size:48px}.ios{--f7-toast-bg-color:rgba(0, 0, 0, 0.75);--f7-toast-bg-color-rgb:0,0,0;--f7-toast-padding-horizontal:16px;--f7-toast-padding-vertical:12px;--f7-toast-border-radius:8px;--f7-toast-button-min-width:64px}.md{--f7-toast-bg-color:#323232;--f7-toast-padding-horizontal:24px;--f7-toast-padding-vertical:14px;--f7-toast-border-radius:4px;--f7-toast-button-min-width:64px}.aurora{--f7-toast-bg-color:rgba(0, 0, 0, 0.85);--f7-toast-padding-horizontal:10px;--f7-toast-padding-vertical:10px;--f7-toast-border-radius:4px;--f7-toast-button-min-width:32px}.toast{--f7-touch-ripple-color:var(--f7-touch-ripple-white);transition-property:transform,opacity;position:absolute;max-width:568px;z-index:20000;color:var(--f7-toast-text-color);font-size:var(--f7-toast-font-size);box-sizing:border-box;background-color:var(--f7-toast-bg-color);opacity:0}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .toast{background-color:rgba(var(--f7-toast-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.toast.modal-in{opacity:1}.toast .toast-content{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:var(--f7-toast-padding-vertical) var(--f7-toast-padding-horizontal)}.toast .toast-text{line-height:20px;flex-shrink:1;min-width:0}.toast .toast-button{flex-shrink:0;min-width:var(--f7-toast-button-min-width);margin-top:-8px;margin-bottom:-8px}.toast.toast-with-icon .toast-content{display:block;text-align:center}.toast.toast-with-icon .toast-text{text-align:center}.toast.toast-with-icon .toast-icon .f7-icons,.toast.toast-with-icon .toast-icon .material-icons{font-size:var(--f7-toast-icon-size);width:var(--f7-toast-icon-size);height:var(--f7-toast-icon-size)}.toast.toast-center{top:50%}.toast.toast-top{margin-top:var(--f7-safe-area-top)}.ios .toast{transition-duration:.3s;width:100%;left:0}.ios .toast.toast-top{top:0;transform:translate3d(0,-100%,0)}.ios .toast.toast-top.modal-in{transform:translate3d(0,0%,0)}.ios .toast.toast-center{width:auto;left:50%;border-radius:var(--f7-toast-border-radius);transform:translate3d(-50%,-50%,0)}.ios .toast.toast-center.modal-in{transform:translate3d(-50%,-50%,0)}.ios .toast.toast-bottom{bottom:0;transform:translate3d(0,100%,0)}.ios .toast.toast-bottom.modal-in{transform:translate3d(0,0%,0)}@media (max-width:568px){.ios .toast.toast-top{margin-top:0}.ios .toast.toast-top .toast-content{padding-top:calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-top))}.ios .toast.toast-bottom .toast-content{padding-bottom:calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-bottom))}}@media (min-width:569px){.ios .toast{left:50%;margin-left:-284px;border-radius:var(--f7-toast-border-radius)}.ios .toast.toast-top{top:16px}.ios .toast.toast-center{margin-left:0}.ios .toast.toast-bottom{margin-bottom:calc(16px + var(--f7-safe-area-bottom))}}@media (min-width:1024px){.ios .toast{margin-left:0;width:auto}.ios .toast.toast-bottom,.ios .toast.toast-top{left:16px}}.ios .toast-button{margin-left:16px;margin-right:calc(-1 * var(--f7-button-padding-horizontal))}.md .toast{transition-duration:.2s;border-radius:var(--f7-toast-border-radius);left:8px;width:calc(100% - 16px);transform:scale(.9)}.md .toast.modal-in{transform:scale(1)}.md .toast.modal-out{transform:scale(1)}.md .toast.toast-top{top:8px}.md .toast.toast-center{left:50%;width:auto;transform:scale(.9) translate3d(-55%,-55%,0)}.md .toast.toast-center.modal-in{transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-center.modal-out{transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-bottom{bottom:calc(8px + var(--f7-safe-area-bottom))}@media (min-width:584px){.md .toast{left:50%;margin-left:-284px}.md .toast.toast-center{margin-left:0}}@media (min-width:1024px){.md .toast{margin-left:0;width:auto}.md .toast.toast-bottom,.md .toast.toast-top{left:24px}.md .toast.toast-bottom{bottom:calc(24px + var(--f7-safe-area-bottom))}.md .toast.toast-top{top:24px}}.md .toast-button{margin-left:16px;margin-right:-8px}.aurora .toast{transition-duration:.2s;border-radius:var(--f7-toast-border-radius);left:10px;width:calc(100% - 20px);transform:scale(.9)}.aurora .toast.modal-in{transform:scale(1)}.aurora .toast.modal-out{transform:scale(1)}.aurora .toast.toast-top{top:10px}.aurora .toast.toast-center{left:50%;width:auto;transform:scale(.9) translate3d(-55%,-55%,0)}.aurora .toast.toast-center.modal-in{transform:scale(1) translate3d(-50%,-50%,0)}.aurora .toast.toast-center.modal-out{transform:scale(1) translate3d(-50%,-50%,0)}.aurora .toast.toast-bottom{bottom:calc(10px + var(--f7-safe-area-bottom))}@media (min-width:584px){.aurora .toast{left:50%;margin-left:-284px}.aurora .toast.toast-center{margin-left:0}}@media (min-width:1024px){.aurora .toast{margin-left:0;width:auto}.aurora .toast.toast-bottom,.aurora .toast.toast-top{left:10px}}.aurora .toast-button{margin-left:10px} \ No newline at end of file diff --git a/packages/core/components/toast.rtl.css b/packages/core/components/toast.rtl.css index 15ff707e0d..d68d7277ab 100644 --- a/packages/core/components/toast.rtl.css +++ b/packages/core/components/toast.rtl.css @@ -1 +1 @@ -:root{--f7-toast-text-color:#fff;--f7-toast-font-size:14px;--f7-toast-icon-size:48px}.ios{--f7-toast-bg-color:rgba(0, 0, 0, 0.75);--f7-toast-bg-color-rgb:0,0,0;--f7-toast-padding-horizontal:15px;--f7-toast-padding-vertical:12px;--f7-toast-border-radius:8px;--f7-toast-button-min-width:64px}.md{--f7-toast-bg-color:#323232;--f7-toast-padding-horizontal:24px;--f7-toast-padding-vertical:14px;--f7-toast-border-radius:4px;--f7-toast-button-min-width:64px}.aurora{--f7-toast-bg-color:rgba(0, 0, 0, 0.85);--f7-toast-padding-horizontal:10px;--f7-toast-padding-vertical:10px;--f7-toast-border-radius:4px;--f7-toast-button-min-width:32px}.toast{--f7-touch-ripple-color:var(--f7-touch-ripple-white);transition-property:transform,opacity;position:absolute;max-width:568px;z-index:20000;color:var(--f7-toast-text-color);font-size:var(--f7-toast-font-size);box-sizing:border-box;background-color:var(--f7-toast-bg-color);opacity:0}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .toast{background-color:rgba(var(--f7-toast-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.toast.modal-in{opacity:1}.toast .toast-content{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:var(--f7-toast-padding-vertical) var(--f7-toast-padding-horizontal)}.toast .toast-text{line-height:20px;flex-shrink:1;min-width:0}.toast .toast-button{flex-shrink:0;min-width:var(--f7-toast-button-min-width);margin-top:-8px;margin-bottom:-8px}.toast.toast-with-icon .toast-content{display:block;text-align:center}.toast.toast-with-icon .toast-text{text-align:center}.toast.toast-with-icon .toast-icon .f7-icons,.toast.toast-with-icon .toast-icon .material-icons{font-size:var(--f7-toast-icon-size);width:var(--f7-toast-icon-size);height:var(--f7-toast-icon-size)}.toast.toast-center{top:50%}.toast.toast-top{margin-top:var(--f7-safe-area-top)}.ios .toast{transition-duration:.3s;width:100%;left:0}.ios .toast.toast-top{top:0;transform:translate3d(0,-100%,0)}.ios .toast.toast-top.modal-in{transform:translate3d(0,0%,0)}.ios .toast.toast-center{width:auto;left:50%;border-radius:var(--f7-toast-border-radius);transform:translate3d(-50%,-50%,0)}.ios .toast.toast-center.modal-in{transform:translate3d(-50%,-50%,0)}.ios .toast.toast-bottom{bottom:0;transform:translate3d(0,100%,0)}.ios .toast.toast-bottom.modal-in{transform:translate3d(0,0%,0)}@media (max-width:568px){.ios .toast.toast-top{margin-top:0}.ios .toast.toast-top .toast-content{padding-top:calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-top))}.ios .toast.toast-bottom .toast-content{padding-bottom:calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-bottom))}}@media (min-width:569px){.ios .toast{left:50%;margin-left:-284px;border-radius:var(--f7-toast-border-radius)}.ios .toast.toast-top{top:15px}.ios .toast.toast-center{margin-left:0}.ios .toast.toast-bottom{margin-bottom:calc(15px + var(--f7-safe-area-bottom))}}@media (min-width:1024px){.ios .toast{margin-left:0;width:auto}.ios .toast.toast-bottom,.ios .toast.toast-top{left:15px}}.ios .toast-button{margin-right:15px;margin-left:calc(-1 * var(--f7-button-padding-horizontal))}.md .toast{transition-duration:.2s;border-radius:var(--f7-toast-border-radius);left:8px;width:calc(100% - 16px);transform:scale(.9)}.md .toast.modal-in{transform:scale(1)}.md .toast.modal-out{transform:scale(1)}.md .toast.toast-top{top:8px}.md .toast.toast-center{left:50%;width:auto;transform:scale(.9) translate3d(-55%,-55%,0)}.md .toast.toast-center.modal-in{transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-center.modal-out{transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-bottom{bottom:calc(8px + var(--f7-safe-area-bottom))}@media (min-width:584px){.md .toast{left:50%;margin-left:-284px}.md .toast.toast-center{margin-left:0}}@media (min-width:1024px){.md .toast{margin-left:0;width:auto}.md .toast.toast-bottom,.md .toast.toast-top{left:24px}.md .toast.toast-bottom{bottom:calc(24px + var(--f7-safe-area-bottom))}.md .toast.toast-top{top:24px}}.md .toast-button{margin-right:16px;margin-left:-8px}.aurora .toast{transition-duration:.2s;border-radius:var(--f7-toast-border-radius);left:10px;width:calc(100% - 20px);transform:scale(.9)}.aurora .toast.modal-in{transform:scale(1)}.aurora .toast.modal-out{transform:scale(1)}.aurora .toast.toast-top{top:10px}.aurora .toast.toast-center{left:50%;width:auto;transform:scale(.9) translate3d(-55%,-55%,0)}.aurora .toast.toast-center.modal-in{transform:scale(1) translate3d(-50%,-50%,0)}.aurora .toast.toast-center.modal-out{transform:scale(1) translate3d(-50%,-50%,0)}.aurora .toast.toast-bottom{bottom:calc(10px + var(--f7-safe-area-bottom))}@media (min-width:584px){.aurora .toast{left:50%;margin-left:-284px}.aurora .toast.toast-center{margin-left:0}}@media (min-width:1024px){.aurora .toast{margin-left:0;width:auto}.aurora .toast.toast-bottom,.aurora .toast.toast-top{left:10px}}.aurora .toast-button{margin-right:10px} \ No newline at end of file +:root{--f7-toast-text-color:#fff;--f7-toast-font-size:14px;--f7-toast-icon-size:48px}.ios{--f7-toast-bg-color:rgba(0, 0, 0, 0.75);--f7-toast-bg-color-rgb:0,0,0;--f7-toast-padding-horizontal:16px;--f7-toast-padding-vertical:12px;--f7-toast-border-radius:8px;--f7-toast-button-min-width:64px}.md{--f7-toast-bg-color:#323232;--f7-toast-padding-horizontal:24px;--f7-toast-padding-vertical:14px;--f7-toast-border-radius:4px;--f7-toast-button-min-width:64px}.aurora{--f7-toast-bg-color:rgba(0, 0, 0, 0.85);--f7-toast-padding-horizontal:10px;--f7-toast-padding-vertical:10px;--f7-toast-border-radius:4px;--f7-toast-button-min-width:32px}.toast{--f7-touch-ripple-color:var(--f7-touch-ripple-white);transition-property:transform,opacity;position:absolute;max-width:568px;z-index:20000;color:var(--f7-toast-text-color);font-size:var(--f7-toast-font-size);box-sizing:border-box;background-color:var(--f7-toast-bg-color);opacity:0}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .toast{background-color:rgba(var(--f7-toast-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.toast.modal-in{opacity:1}.toast .toast-content{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:var(--f7-toast-padding-vertical) var(--f7-toast-padding-horizontal)}.toast .toast-text{line-height:20px;flex-shrink:1;min-width:0}.toast .toast-button{flex-shrink:0;min-width:var(--f7-toast-button-min-width);margin-top:-8px;margin-bottom:-8px}.toast.toast-with-icon .toast-content{display:block;text-align:center}.toast.toast-with-icon .toast-text{text-align:center}.toast.toast-with-icon .toast-icon .f7-icons,.toast.toast-with-icon .toast-icon .material-icons{font-size:var(--f7-toast-icon-size);width:var(--f7-toast-icon-size);height:var(--f7-toast-icon-size)}.toast.toast-center{top:50%}.toast.toast-top{margin-top:var(--f7-safe-area-top)}.ios .toast{transition-duration:.3s;width:100%;left:0}.ios .toast.toast-top{top:0;transform:translate3d(0,-100%,0)}.ios .toast.toast-top.modal-in{transform:translate3d(0,0%,0)}.ios .toast.toast-center{width:auto;left:50%;border-radius:var(--f7-toast-border-radius);transform:translate3d(-50%,-50%,0)}.ios .toast.toast-center.modal-in{transform:translate3d(-50%,-50%,0)}.ios .toast.toast-bottom{bottom:0;transform:translate3d(0,100%,0)}.ios .toast.toast-bottom.modal-in{transform:translate3d(0,0%,0)}@media (max-width:568px){.ios .toast.toast-top{margin-top:0}.ios .toast.toast-top .toast-content{padding-top:calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-top))}.ios .toast.toast-bottom .toast-content{padding-bottom:calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-bottom))}}@media (min-width:569px){.ios .toast{left:50%;margin-left:-284px;border-radius:var(--f7-toast-border-radius)}.ios .toast.toast-top{top:16px}.ios .toast.toast-center{margin-left:0}.ios .toast.toast-bottom{margin-bottom:calc(16px + var(--f7-safe-area-bottom))}}@media (min-width:1024px){.ios .toast{margin-left:0;width:auto}.ios .toast.toast-bottom,.ios .toast.toast-top{left:16px}}.ios .toast-button{margin-right:16px;margin-left:calc(-1 * var(--f7-button-padding-horizontal))}.md .toast{transition-duration:.2s;border-radius:var(--f7-toast-border-radius);left:8px;width:calc(100% - 16px);transform:scale(.9)}.md .toast.modal-in{transform:scale(1)}.md .toast.modal-out{transform:scale(1)}.md .toast.toast-top{top:8px}.md .toast.toast-center{left:50%;width:auto;transform:scale(.9) translate3d(-55%,-55%,0)}.md .toast.toast-center.modal-in{transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-center.modal-out{transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-bottom{bottom:calc(8px + var(--f7-safe-area-bottom))}@media (min-width:584px){.md .toast{left:50%;margin-left:-284px}.md .toast.toast-center{margin-left:0}}@media (min-width:1024px){.md .toast{margin-left:0;width:auto}.md .toast.toast-bottom,.md .toast.toast-top{left:24px}.md .toast.toast-bottom{bottom:calc(24px + var(--f7-safe-area-bottom))}.md .toast.toast-top{top:24px}}.md .toast-button{margin-right:16px;margin-left:-8px}.aurora .toast{transition-duration:.2s;border-radius:var(--f7-toast-border-radius);left:10px;width:calc(100% - 20px);transform:scale(.9)}.aurora .toast.modal-in{transform:scale(1)}.aurora .toast.modal-out{transform:scale(1)}.aurora .toast.toast-top{top:10px}.aurora .toast.toast-center{left:50%;width:auto;transform:scale(.9) translate3d(-55%,-55%,0)}.aurora .toast.toast-center.modal-in{transform:scale(1) translate3d(-50%,-50%,0)}.aurora .toast.toast-center.modal-out{transform:scale(1) translate3d(-50%,-50%,0)}.aurora .toast.toast-bottom{bottom:calc(10px + var(--f7-safe-area-bottom))}@media (min-width:584px){.aurora .toast{left:50%;margin-left:-284px}.aurora .toast.toast-center{margin-left:0}}@media (min-width:1024px){.aurora .toast{margin-left:0;width:auto}.aurora .toast.toast-bottom,.aurora .toast.toast-top{left:10px}}.aurora .toast-button{margin-right:10px} \ No newline at end of file diff --git a/packages/core/components/toast/toast-ios.less b/packages/core/components/toast/toast-ios.less index f1db14954a..555252816b 100644 --- a/packages/core/components/toast/toast-ios.less +++ b/packages/core/components/toast/toast-ios.less @@ -42,30 +42,30 @@ margin-left: -568px / 2; border-radius: var(--f7-toast-border-radius); &.toast-top { - top: 15px; + top: 16px; } &.toast-center { margin-left: 0; } &.toast-bottom { - margin-bottom: calc(15px + var(--f7-safe-area-bottom)); + margin-bottom: calc(16px + var(--f7-safe-area-bottom)); } } @media (min-width: 1024px) { margin-left: 0; width: auto; &.toast-bottom, &.toast-top { - left: 15px; + left: 16px; } } } .toast-button { .ltr({ - margin-left: 15px; + margin-left: 16px; margin-right: calc(-1 * var(--f7-button-padding-horizontal)); }); .rtl({ - margin-right: 15px; + margin-right: 16px; margin-left: calc(-1 * var(--f7-button-padding-horizontal)); }); } diff --git a/packages/core/components/toast/toast-vars.less b/packages/core/components/toast/toast-vars.less index 80c8488bc3..4449c2835c 100644 --- a/packages/core/components/toast/toast-vars.less +++ b/packages/core/components/toast/toast-vars.less @@ -6,7 +6,7 @@ .ios-vars({ --f7-toast-bg-color: rgba(0,0,0,0.75); --f7-toast-bg-color-rgb: 0, 0, 0; - --f7-toast-padding-horizontal: 15px; + --f7-toast-padding-horizontal: 16px; --f7-toast-padding-vertical: 12px; --f7-toast-border-radius: 8px; --f7-toast-button-min-width: 64px; diff --git a/packages/core/components/toast/toast.less b/packages/core/components/toast/toast.less index 985ffb91f7..edbc0b69dc 100644 --- a/packages/core/components/toast/toast.less +++ b/packages/core/components/toast/toast.less @@ -12,7 +12,7 @@ box-sizing: border-box; background-color: var(--f7-toast-bg-color); opacity: 0; - .translucent(var(--f7-toast-bg-color-rgb)); + .ios-translucent-modals(var(--f7-toast-bg-color-rgb)); &.modal-in { opacity: 1; } diff --git a/packages/core/components/toolbar/toolbar-aurora.less b/packages/core/components/toolbar/toolbar-aurora.less index f76b6b780f..f8288bf846 100644 --- a/packages/core/components/toolbar/toolbar-aurora.less +++ b/packages/core/components/toolbar/toolbar-aurora.less @@ -37,7 +37,7 @@ } a.tab-link, a.link { - padding: 0 15px; + padding: 0 16px; } } } diff --git a/packages/core/components/toolbar/toolbar-vars.less b/packages/core/components/toolbar/toolbar-vars.less index 31b6b0d5ce..c3faabb282 100644 --- a/packages/core/components/toolbar/toolbar-vars.less +++ b/packages/core/components/toolbar/toolbar-vars.less @@ -31,9 +31,9 @@ --f7-tabbar-link-font-weight: 400; --f7-tabbar-link-letter-spacing: 0; - --f7-tabbar-label-font-size: 10px; + --f7-tabbar-label-font-size: 12px; --f7-tabbar-label-tablet-font-size: 14px; - --f7-tabbar-label-font-weight: 400; + --f7-tabbar-label-font-weight: 500; --f7-tabbar-label-letter-spacing: 0.01; .theme-dark, &.theme-dark { @@ -74,8 +74,8 @@ .aurora-vars({ --f7-toolbar-height: 38px; --f7-toolbar-font-size: 14px; - --f7-toolbar-inner-padding-left: 15px; - --f7-toolbar-inner-padding-right: 15px; + --f7-toolbar-inner-padding-left: 16px; + --f7-toolbar-inner-padding-right: 16px; --f7-toolbar-link-height: auto; --f7-toolbar-link-line-height: inherit; --f7-tabbar-labels-height: 44px; diff --git a/packages/core/components/toolbar/toolbar.less b/packages/core/components/toolbar/toolbar.less index 3f3666e41b..a891eb1967 100644 --- a/packages/core/components/toolbar/toolbar.less +++ b/packages/core/components/toolbar/toolbar.less @@ -7,7 +7,7 @@ margin: 0; transform: translate3d(0,0,0); backface-visibility: hidden; - z-index: 500; + z-index: 600; box-sizing: border-box; left: 0; height: var(--f7-toolbar-height); @@ -15,7 +15,7 @@ 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); - .translucent(var(--f7-toolbar-bg-color-rgb, var(--f7-bars-bg-color-rgb))); + .ios-translucent-bars(var(--f7-toolbar-bg-color-rgb, var(--f7-bars-bg-color-rgb))); b { font-weight: 600; } @@ -241,15 +241,21 @@ } .navbar ~ .toolbar-top, +.navbars ~ .toolbar-top, .ios .navbar ~ .toolbar-top-ios, +.ios .navbars ~ .toolbar-top-ios, .md .navbar ~ .toolbar-top-md, .aurora .navbar ~ .toolbar-top-aurora, .navbar ~ * .toolbar-top, +.navbars ~ * .toolbar-top, .ios .navbar ~ * .toolbar-top-ios, +.ios .navbars ~ * .toolbar-top-ios, .md .navbar ~ * .toolbar-top-md, .aurora .navbar ~ * .toolbar-top-aurora, .navbar ~ .page:not(.no-navbar) .toolbar-top, +.navbars ~ .page:not(.no-navbar) .toolbar-top, .ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios, +.ios .navbars ~ .page:not(.no-navbar) .toolbar-top-ios, .md .navbar ~ .page:not(.no-navbar) .toolbar-top-md, .aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora { top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)); diff --git a/packages/core/components/treeview.css b/packages/core/components/treeview.css index b445bc9c04..6076e7e38c 100644 --- a/packages/core/components/treeview.css +++ b/packages/core/components/treeview.css @@ -1 +1 @@ -:root{--f7-treeview-toggle-size:24px;--f7-treeview-toggle-color:rgba(0, 0, 0, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-toggle-pressed-bg-color:rgba(0, 0, 0, 0.15);--f7-treeview-icon-color:rgba(0, 0, 0, 0.5);--f7-treeview-children-offset:29px;--f7-treeview-label-font-weight:400;--f7-treeview-label-text-color:inherit;--f7-treeview-selectable-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-pressed-bg-color:rgba(0, 0, 0, 0.15)}:root .theme-dark,:root.theme-dark{--f7-treeview-toggle-color:rgba(255, 255, 255, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-toggle-pressed-bg-color:rgba(255, 255, 255, 0.1);--f7-treeview-icon-color:rgba(255, 255, 255, 0.75);--f7-treeview-selectable-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-pressed-bg-color:rgba(255, 255, 255, 0.11)}.ios{--f7-treeview-item-height:34px;--f7-treeview-item-padding-left:15px;--f7-treeview-item-padding-right:15px;--f7-treeview-label-font-size:17px;--f7-treeview-icon-size:24px}.md{--f7-treeview-item-height:34px;--f7-treeview-item-padding-left:16px;--f7-treeview-item-padding-right:16px;--f7-treeview-label-font-size:16px;--f7-treeview-icon-size:24px}.aurora{--f7-treeview-item-height:28px;--f7-treeview-item-padding-left:15px;--f7-treeview-item-padding-right:15px;--f7-treeview-label-font-size:14px;--f7-treeview-icon-size:20px}.treeview-item-root{padding-left:var(--f7-treeview-item-padding-left);padding-right:var(--f7-treeview-item-padding-right);height:var(--f7-treeview-item-height);display:flex;align-items:center;justify-content:flex-start}.treeview-item-content{display:flex;justify-content:flex-start;align-items:center}.treeview-item-content>.f7-icons,.treeview-item-content>.material-icons,.treeview-item-content>i{width:var(--f7-treeview-icon-size);height:var(--f7-treeview-icon-size);font-size:var(--f7-treeview-icon-size);color:var(--f7-treeview-icon-color)}.treeview-item-content:first-child{margin-left:calc(var(--f7-treeview-toggle-size) + 5px)}.treeview-item-content>*+*{margin-left:5px}.treeview-item-label{font-size:var(--f7-treeview-label-font-size);font-weight:var(--f7-treeview-label-font-weight);color:var(--f7-treeview-label-text-color)}.treeview-toggle{width:var(--f7-treeview-toggle-size);height:var(--f7-treeview-toggle-size);cursor:pointer;border-radius:4px;background-color:rgba(0,0,0,0);transition-duration:.2s;position:relative;margin-right:5px}.treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.treeview-toggle:after{transition-duration:.2s;content:'';position:absolute;left:50%;top:50%;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:translate(-50%,-50%);border-left:6px solid var(--f7-treeview-toggle-color)}.treeview-toggle-hidden{opacity:0;pointer-events:none;visibility:hidden}.treeview-preloader{--f7-preloader-size:var(--f7-treeview-toggle-size);margin-right:calc(-1 * var(--f7-treeview-toggle-size))}.treeview-item-children{display:none}.treeview-item-opened>.treeview-item-children{display:block}.treeview-item-opened>.treeview-item-root .treeview-toggle:after{transform:translate(-50%,-50%) rotate(90deg)}a.treeview-item-root{color:var(--f7-treeview-label-text-color)}.treeview-item-selectable.treeview-item-root,.treeview-item-selectable>.treeview-item-root{cursor:pointer;transition-duration:150ms}a.treeview-item-root{transition-duration:150ms}a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.treeview-item-toggle.treeview-item-root,.treeview-item-toggle>.treeview-item-root{cursor:pointer}.treeview-item-selected.treeview-item-root,.treeview-item-selected>.treeview-item-root{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}.treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 1)}.treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 2)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 3)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 4)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 5)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 6)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 7)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 8)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 9)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 10)}.aurora .treeview-toggle:hover{background-color:var(--f7-treeview-toggle-hover-bg-color)}.aurora .treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.aurora .treeview-item-selectable.treeview-item-root:hover,.aurora .treeview-item-selectable>.treeview-item-root:hover{background:var(--f7-treeview-selectable-hover-bg-color)}.aurora a.treeview-item-root:hover{background:var(--f7-treeview-link-hover-bg-color)}.aurora a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.aurora .treeview-item-selected.treeview-item-root:hover,.aurora .treeview-item-selected>.treeview-item-root:hover{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))} \ No newline at end of file +:root{--f7-treeview-item-padding-left:16px;--f7-treeview-item-padding-right:16px;--f7-treeview-toggle-size:24px;--f7-treeview-toggle-color:rgba(0, 0, 0, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-toggle-pressed-bg-color:rgba(0, 0, 0, 0.15);--f7-treeview-icon-color:rgba(0, 0, 0, 0.5);--f7-treeview-children-offset:29px;--f7-treeview-label-font-weight:400;--f7-treeview-label-text-color:inherit;--f7-treeview-selectable-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-pressed-bg-color:rgba(0, 0, 0, 0.15)}:root .theme-dark,:root.theme-dark{--f7-treeview-toggle-color:rgba(255, 255, 255, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-toggle-pressed-bg-color:rgba(255, 255, 255, 0.1);--f7-treeview-icon-color:rgba(255, 255, 255, 0.75);--f7-treeview-selectable-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-pressed-bg-color:rgba(255, 255, 255, 0.11)}.ios{--f7-treeview-item-height:34px;--f7-treeview-label-font-size:17px;--f7-treeview-icon-size:24px}.md{--f7-treeview-item-height:34px;--f7-treeview-label-font-size:16px;--f7-treeview-icon-size:24px}.aurora{--f7-treeview-item-height:28px;--f7-treeview-label-font-size:14px;--f7-treeview-icon-size:20px}.treeview-item-root{padding-left:var(--f7-treeview-item-padding-left);padding-right:var(--f7-treeview-item-padding-right);height:var(--f7-treeview-item-height);display:flex;align-items:center;justify-content:flex-start}.treeview-item-content{display:flex;justify-content:flex-start;align-items:center}.treeview-item-content>.f7-icons,.treeview-item-content>.material-icons,.treeview-item-content>i{width:var(--f7-treeview-icon-size);height:var(--f7-treeview-icon-size);font-size:var(--f7-treeview-icon-size);color:var(--f7-treeview-icon-color)}.treeview-item-content:first-child{margin-left:calc(var(--f7-treeview-toggle-size) + 5px)}.treeview-item-content>*+*{margin-left:5px}.treeview-item-label{font-size:var(--f7-treeview-label-font-size);font-weight:var(--f7-treeview-label-font-weight);color:var(--f7-treeview-label-text-color)}.treeview-toggle{width:var(--f7-treeview-toggle-size);height:var(--f7-treeview-toggle-size);cursor:pointer;border-radius:4px;background-color:rgba(0,0,0,0);transition-duration:.2s;position:relative;margin-right:5px}.treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.treeview-toggle:after{transition-duration:.2s;content:'';position:absolute;left:50%;top:50%;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:translate(-50%,-50%);border-left:6px solid var(--f7-treeview-toggle-color)}.treeview-toggle-hidden{opacity:0;pointer-events:none;visibility:hidden}.treeview-preloader{--f7-preloader-size:var(--f7-treeview-toggle-size);margin-right:calc(-1 * var(--f7-treeview-toggle-size))}.treeview-item-children{display:none}.treeview-item-opened>.treeview-item-children{display:block}.treeview-item-opened>.treeview-item-root .treeview-toggle:after{transform:translate(-50%,-50%) rotate(90deg)}a.treeview-item-root{color:var(--f7-treeview-label-text-color)}.treeview-item-selectable.treeview-item-root,.treeview-item-selectable>.treeview-item-root{cursor:pointer;transition-duration:150ms}a.treeview-item-root{transition-duration:150ms}a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.treeview-item-toggle.treeview-item-root,.treeview-item-toggle>.treeview-item-root{cursor:pointer}.treeview-item-selected.treeview-item-root,.treeview-item-selected>.treeview-item-root{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}.treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 1)}.treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 2)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 3)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 4)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 5)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 6)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 7)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 8)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 9)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 10)}.aurora .treeview-toggle:hover{background-color:var(--f7-treeview-toggle-hover-bg-color)}.aurora .treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.aurora .treeview-item-selectable.treeview-item-root:hover,.aurora .treeview-item-selectable>.treeview-item-root:hover{background:var(--f7-treeview-selectable-hover-bg-color)}.aurora a.treeview-item-root:hover{background:var(--f7-treeview-link-hover-bg-color)}.aurora a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.aurora .treeview-item-selected.treeview-item-root:hover,.aurora .treeview-item-selected>.treeview-item-root:hover{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))} \ No newline at end of file diff --git a/packages/core/components/treeview.rtl.css b/packages/core/components/treeview.rtl.css index b51e4a8ebd..7e478254d4 100644 --- a/packages/core/components/treeview.rtl.css +++ b/packages/core/components/treeview.rtl.css @@ -1 +1 @@ -:root{--f7-treeview-toggle-size:24px;--f7-treeview-toggle-color:rgba(0, 0, 0, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-toggle-pressed-bg-color:rgba(0, 0, 0, 0.15);--f7-treeview-icon-color:rgba(0, 0, 0, 0.5);--f7-treeview-children-offset:29px;--f7-treeview-label-font-weight:400;--f7-treeview-label-text-color:inherit;--f7-treeview-selectable-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-pressed-bg-color:rgba(0, 0, 0, 0.15)}:root .theme-dark,:root.theme-dark{--f7-treeview-toggle-color:rgba(255, 255, 255, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-toggle-pressed-bg-color:rgba(255, 255, 255, 0.1);--f7-treeview-icon-color:rgba(255, 255, 255, 0.75);--f7-treeview-selectable-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-pressed-bg-color:rgba(255, 255, 255, 0.11)}.ios{--f7-treeview-item-height:34px;--f7-treeview-item-padding-left:15px;--f7-treeview-item-padding-right:15px;--f7-treeview-label-font-size:17px;--f7-treeview-icon-size:24px}.md{--f7-treeview-item-height:34px;--f7-treeview-item-padding-left:16px;--f7-treeview-item-padding-right:16px;--f7-treeview-label-font-size:16px;--f7-treeview-icon-size:24px}.aurora{--f7-treeview-item-height:28px;--f7-treeview-item-padding-left:15px;--f7-treeview-item-padding-right:15px;--f7-treeview-label-font-size:14px;--f7-treeview-icon-size:20px}.treeview-item-root{padding-right:var(--f7-treeview-item-padding-left);padding-left:var(--f7-treeview-item-padding-right);height:var(--f7-treeview-item-height);display:flex;align-items:center;justify-content:flex-start}.treeview-item-content{display:flex;justify-content:flex-start;align-items:center}.treeview-item-content>.f7-icons,.treeview-item-content>.material-icons,.treeview-item-content>i{width:var(--f7-treeview-icon-size);height:var(--f7-treeview-icon-size);font-size:var(--f7-treeview-icon-size);color:var(--f7-treeview-icon-color)}.treeview-item-content:first-child{margin-right:calc(var(--f7-treeview-toggle-size) + 5px)}.treeview-item-content>*+*{margin-right:5px}.treeview-item-label{font-size:var(--f7-treeview-label-font-size);font-weight:var(--f7-treeview-label-font-weight);color:var(--f7-treeview-label-text-color)}.treeview-toggle{width:var(--f7-treeview-toggle-size);height:var(--f7-treeview-toggle-size);cursor:pointer;border-radius:4px;background-color:rgba(0,0,0,0);transition-duration:.2s;position:relative;margin-left:5px}.treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.treeview-toggle:after{transition-duration:.2s;content:'';position:absolute;left:50%;top:50%;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:translate(-50%,-50%);border-right:6px solid var(--f7-treeview-toggle-color)}.treeview-toggle-hidden{opacity:0;pointer-events:none;visibility:hidden}.treeview-preloader{--f7-preloader-size:var(--f7-treeview-toggle-size);margin-left:calc(-1 * var(--f7-treeview-toggle-size))}.treeview-item-children{display:none}.treeview-item-opened>.treeview-item-children{display:block}.treeview-item-opened>.treeview-item-root .treeview-toggle:after{transform:translate(-50%,-50%) rotate(-90deg)}a.treeview-item-root{color:var(--f7-treeview-label-text-color)}.treeview-item-selectable.treeview-item-root,.treeview-item-selectable>.treeview-item-root{cursor:pointer;transition-duration:150ms}a.treeview-item-root{transition-duration:150ms}a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.treeview-item-toggle.treeview-item-root,.treeview-item-toggle>.treeview-item-root{cursor:pointer}.treeview-item-selected.treeview-item-root,.treeview-item-selected>.treeview-item-root{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}.treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 1)}.treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 2)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 3)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 4)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 5)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 6)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 7)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 8)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 9)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 10)}.aurora .treeview-toggle:hover{background-color:var(--f7-treeview-toggle-hover-bg-color)}.aurora .treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.aurora .treeview-item-selectable.treeview-item-root:hover,.aurora .treeview-item-selectable>.treeview-item-root:hover{background:var(--f7-treeview-selectable-hover-bg-color)}.aurora a.treeview-item-root:hover{background:var(--f7-treeview-link-hover-bg-color)}.aurora a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.aurora .treeview-item-selected.treeview-item-root:hover,.aurora .treeview-item-selected>.treeview-item-root:hover{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))} \ No newline at end of file +:root{--f7-treeview-item-padding-left:16px;--f7-treeview-item-padding-right:16px;--f7-treeview-toggle-size:24px;--f7-treeview-toggle-color:rgba(0, 0, 0, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-toggle-pressed-bg-color:rgba(0, 0, 0, 0.15);--f7-treeview-icon-color:rgba(0, 0, 0, 0.5);--f7-treeview-children-offset:29px;--f7-treeview-label-font-weight:400;--f7-treeview-label-text-color:inherit;--f7-treeview-selectable-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-pressed-bg-color:rgba(0, 0, 0, 0.15)}:root .theme-dark,:root.theme-dark{--f7-treeview-toggle-color:rgba(255, 255, 255, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-toggle-pressed-bg-color:rgba(255, 255, 255, 0.1);--f7-treeview-icon-color:rgba(255, 255, 255, 0.75);--f7-treeview-selectable-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-pressed-bg-color:rgba(255, 255, 255, 0.11)}.ios{--f7-treeview-item-height:34px;--f7-treeview-label-font-size:17px;--f7-treeview-icon-size:24px}.md{--f7-treeview-item-height:34px;--f7-treeview-label-font-size:16px;--f7-treeview-icon-size:24px}.aurora{--f7-treeview-item-height:28px;--f7-treeview-label-font-size:14px;--f7-treeview-icon-size:20px}.treeview-item-root{padding-right:var(--f7-treeview-item-padding-left);padding-left:var(--f7-treeview-item-padding-right);height:var(--f7-treeview-item-height);display:flex;align-items:center;justify-content:flex-start}.treeview-item-content{display:flex;justify-content:flex-start;align-items:center}.treeview-item-content>.f7-icons,.treeview-item-content>.material-icons,.treeview-item-content>i{width:var(--f7-treeview-icon-size);height:var(--f7-treeview-icon-size);font-size:var(--f7-treeview-icon-size);color:var(--f7-treeview-icon-color)}.treeview-item-content:first-child{margin-right:calc(var(--f7-treeview-toggle-size) + 5px)}.treeview-item-content>*+*{margin-right:5px}.treeview-item-label{font-size:var(--f7-treeview-label-font-size);font-weight:var(--f7-treeview-label-font-weight);color:var(--f7-treeview-label-text-color)}.treeview-toggle{width:var(--f7-treeview-toggle-size);height:var(--f7-treeview-toggle-size);cursor:pointer;border-radius:4px;background-color:rgba(0,0,0,0);transition-duration:.2s;position:relative;margin-left:5px}.treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.treeview-toggle:after{transition-duration:.2s;content:'';position:absolute;left:50%;top:50%;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:translate(-50%,-50%);border-right:6px solid var(--f7-treeview-toggle-color)}.treeview-toggle-hidden{opacity:0;pointer-events:none;visibility:hidden}.treeview-preloader{--f7-preloader-size:var(--f7-treeview-toggle-size);margin-left:calc(-1 * var(--f7-treeview-toggle-size))}.treeview-item-children{display:none}.treeview-item-opened>.treeview-item-children{display:block}.treeview-item-opened>.treeview-item-root .treeview-toggle:after{transform:translate(-50%,-50%) rotate(-90deg)}a.treeview-item-root{color:var(--f7-treeview-label-text-color)}.treeview-item-selectable.treeview-item-root,.treeview-item-selectable>.treeview-item-root{cursor:pointer;transition-duration:150ms}a.treeview-item-root{transition-duration:150ms}a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.treeview-item-toggle.treeview-item-root,.treeview-item-toggle>.treeview-item-root{cursor:pointer}.treeview-item-selected.treeview-item-root,.treeview-item-selected>.treeview-item-root{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}.treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 1)}.treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 2)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 3)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 4)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 5)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 6)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 7)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 8)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 9)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 10)}.aurora .treeview-toggle:hover{background-color:var(--f7-treeview-toggle-hover-bg-color)}.aurora .treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.aurora .treeview-item-selectable.treeview-item-root:hover,.aurora .treeview-item-selectable>.treeview-item-root:hover{background:var(--f7-treeview-selectable-hover-bg-color)}.aurora a.treeview-item-root:hover{background:var(--f7-treeview-link-hover-bg-color)}.aurora a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.aurora .treeview-item-selected.treeview-item-root:hover,.aurora .treeview-item-selected>.treeview-item-root:hover{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))} \ No newline at end of file diff --git a/packages/core/components/treeview/treeview-vars.less b/packages/core/components/treeview/treeview-vars.less index 60c05be132..8196186a48 100644 --- a/packages/core/components/treeview/treeview-vars.less +++ b/packages/core/components/treeview/treeview-vars.less @@ -1,4 +1,6 @@ :root { + --f7-treeview-item-padding-left: 16px; + --f7-treeview-item-padding-right: 16px; --f7-treeview-toggle-size: 24px; --f7-treeview-toggle-color: rgba(0,0,0,0.5); --f7-treeview-toggle-hover-bg-color: rgba(0,0,0,0.1); @@ -25,22 +27,16 @@ } .ios-vars({ --f7-treeview-item-height: 34px; - --f7-treeview-item-padding-left: 15px; - --f7-treeview-item-padding-right: 15px; --f7-treeview-label-font-size: 17px; --f7-treeview-icon-size: 24px; }); .md-vars({ --f7-treeview-item-height: 34px; - --f7-treeview-item-padding-left: 16px; - --f7-treeview-item-padding-right: 16px; --f7-treeview-label-font-size: 16px; --f7-treeview-icon-size: 24px; }); .aurora-vars({ --f7-treeview-item-height: 28px; - --f7-treeview-item-padding-left: 15px; - --f7-treeview-item-padding-right: 15px; --f7-treeview-label-font-size: 14px; --f7-treeview-icon-size: 20px; }); \ No newline at end of file diff --git a/packages/core/components/typography.css b/packages/core/components/typography.css index 3dcb3f2d17..2c0385f4ac 100644 --- a/packages/core/components/typography.css +++ b/packages/core/components/typography.css @@ -1 +1 @@ -.ios{--f7-typography-padding:15px;--f7-typography-margin:15px}.md{--f7-typography-padding:16px;--f7-typography-margin:16px}.aurora{--f7-typography-padding:15px;--f7-typography-margin:15px}.display-flex{display:flex!important}.display-block{display:block!important}.display-inline-flex{display:inline-flex!important}.display-inline-block{display:inline-block!important}.display-inline{display:inline!important}.display-none{display:none!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-shrink-2{flex-shrink:2!important}.flex-shrink-3{flex-shrink:3!important}.flex-shrink-4{flex-shrink:4!important}.flex-shrink-5{flex-shrink:5!important}.flex-shrink-6{flex-shrink:6!important}.flex-shrink-7{flex-shrink:7!important}.flex-shrink-8{flex-shrink:8!important}.flex-shrink-9{flex-shrink:9!important}.flex-shrink-10{flex-shrink:10!important}.flex-direction-row{flex-direction:row!important}.flex-direction-row-reverse{flex-direction:row-reverse!important}.flex-direction-column{flex-direction:column!important}.flex-direction-column-reverse{flex-direction:column-reverse!important}.justify-content-flex-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-flex-end{justify-content:flex-end!important}.justify-content-space-between{justify-content:space-between!important}.justify-content-space-around{justify-content:space-around!important}.justify-content-space-evenly{justify-content:space-evenly!important}.justify-content-stretch{justify-content:stretch!important}.justify-content-start{justify-content:start!important}.justify-content-end{justify-content:end!important}.justify-content-left{justify-content:left!important}.justify-content-right{justify-content:right!important}.align-content-flex-start{align-content:flex-start!important}.align-content-flex-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-space-between{align-content:space-between!important}.align-content-space-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-items-baseline{align-items:baseline!important}.align-items-flex-start{align-items:flex-start!important}.align-items-flex-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-stretch{align-items:stretch!important}.align-self-flex-start{align-self:flex-start!important}.align-self-flex-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-stretch{align-self:stretch!important}.text-align-left{text-align:left!important}.text-align-center{text-align:center!important}.text-align-right{text-align:right!important}.text-align-justify{text-align:justify!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.vertical-align-bottom{vertical-align:bottom!important}.vertical-align-middle{vertical-align:middle!important}.vertical-align-top{vertical-align:top!important}.no-padding{padding:0!important}.no-padding-left{padding-left:0!important}.no-padding-right{padding-right:0!important}.no-padding-horizontal{padding-left:0!important;padding-right:0!important}.no-padding-top{padding-top:0!important}.no-padding-bottom{padding-bottom:0!important}.no-padding-vertical{padding-top:0!important;padding-bottom:0!important}.no-margin{margin:0!important}.no-margin-left{margin-left:0!important}.no-margin-right{margin-right:0!important}.no-margin-horizontal{margin-left:0!important;margin-right:0!important}.no-margin-top{margin-top:0!important}.no-margin-bottom{margin-bottom:0!important}.no-margin-vertical{margin-top:0!important;margin-bottom:0!important}.width-auto{width:auto!important}.width-100{width:100%!important}.padding{padding:var(--f7-typography-padding)!important}.padding-half{padding:calc(var(--f7-typography-padding)/ 2)!important}.padding-top{padding-top:var(--f7-typography-padding)!important}.padding-top-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important}.padding-bottom{padding-bottom:var(--f7-typography-padding)!important}.padding-bottom-half{padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-left{padding-left:var(--f7-typography-padding)!important}.padding-left-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important}.padding-right{padding-right:var(--f7-typography-padding)!important}.padding-right-half{padding-right:calc(var(--f7-typography-padding)/ 2)!important}.padding-vertical{padding-top:var(--f7-typography-padding)!important;padding-bottom:var(--f7-typography-padding)!important}.padding-vertical-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important;padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-horizontal{padding-left:var(--f7-typography-padding)!important;padding-right:var(--f7-typography-padding)!important}.padding-horizontal-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important;padding-right:calc(var(--f7-typography-padding)/ 2)!important}.margin{margin:var(--f7-typography-margin)!important}.margin-half{margin:calc(var(--f7-typography-margin)/ 2)!important}.margin-top{margin-top:var(--f7-typography-margin)!important}.margin-top-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important}.margin-bottom{margin-bottom:var(--f7-typography-margin)!important}.margin-bottom-half{margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-left{margin-left:var(--f7-typography-margin)!important}.margin-left-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important}.margin-right{margin-right:var(--f7-typography-margin)!important}.margin-right-half{margin-right:calc(var(--f7-typography-margin)/ 2)!important}.margin-vertical{margin-top:var(--f7-typography-margin)!important;margin-bottom:var(--f7-typography-margin)!important}.margin-vertical-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important;margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-horizontal{margin-left:var(--f7-typography-margin)!important;margin-right:var(--f7-typography-margin)!important}.margin-horizontal-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important;margin-right:calc(var(--f7-typography-margin)/ 2)!important}[class*=text-color-]{color:var(--f7-theme-color-text-color)!important}[class*=bg-color-]{background-color:var(--f7-theme-color-bg-color)!important}[class*=border-color-]{border-color:var(--f7-theme-color-border-color)!important} \ No newline at end of file +:root{--f7-typography-padding:16px;--f7-typography-margin:16px}.display-flex{display:flex!important}.display-block{display:block!important}.display-inline-flex{display:inline-flex!important}.display-inline-block{display:inline-block!important}.display-inline{display:inline!important}.display-none{display:none!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-shrink-2{flex-shrink:2!important}.flex-shrink-3{flex-shrink:3!important}.flex-shrink-4{flex-shrink:4!important}.flex-shrink-5{flex-shrink:5!important}.flex-shrink-6{flex-shrink:6!important}.flex-shrink-7{flex-shrink:7!important}.flex-shrink-8{flex-shrink:8!important}.flex-shrink-9{flex-shrink:9!important}.flex-shrink-10{flex-shrink:10!important}.flex-direction-row{flex-direction:row!important}.flex-direction-row-reverse{flex-direction:row-reverse!important}.flex-direction-column{flex-direction:column!important}.flex-direction-column-reverse{flex-direction:column-reverse!important}.justify-content-flex-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-flex-end{justify-content:flex-end!important}.justify-content-space-between{justify-content:space-between!important}.justify-content-space-around{justify-content:space-around!important}.justify-content-space-evenly{justify-content:space-evenly!important}.justify-content-stretch{justify-content:stretch!important}.justify-content-start{justify-content:start!important}.justify-content-end{justify-content:end!important}.justify-content-left{justify-content:left!important}.justify-content-right{justify-content:right!important}.align-content-flex-start{align-content:flex-start!important}.align-content-flex-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-space-between{align-content:space-between!important}.align-content-space-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-items-baseline{align-items:baseline!important}.align-items-flex-start{align-items:flex-start!important}.align-items-flex-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-stretch{align-items:stretch!important}.align-self-flex-start{align-self:flex-start!important}.align-self-flex-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-stretch{align-self:stretch!important}.text-align-left{text-align:left!important}.text-align-center{text-align:center!important}.text-align-right{text-align:right!important}.text-align-justify{text-align:justify!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.vertical-align-bottom{vertical-align:bottom!important}.vertical-align-middle{vertical-align:middle!important}.vertical-align-top{vertical-align:top!important}.no-padding{padding:0!important}.no-padding-left{padding-left:0!important}.no-padding-right{padding-right:0!important}.no-padding-horizontal{padding-left:0!important;padding-right:0!important}.no-padding-top{padding-top:0!important}.no-padding-bottom{padding-bottom:0!important}.no-padding-vertical{padding-top:0!important;padding-bottom:0!important}.no-margin{margin:0!important}.no-margin-left{margin-left:0!important}.no-margin-right{margin-right:0!important}.no-margin-horizontal{margin-left:0!important;margin-right:0!important}.no-margin-top{margin-top:0!important}.no-margin-bottom{margin-bottom:0!important}.no-margin-vertical{margin-top:0!important;margin-bottom:0!important}.width-auto{width:auto!important}.width-100{width:100%!important}.padding{padding:var(--f7-typography-padding)!important}.padding-half{padding:calc(var(--f7-typography-padding)/ 2)!important}.padding-top{padding-top:var(--f7-typography-padding)!important}.padding-top-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important}.padding-bottom{padding-bottom:var(--f7-typography-padding)!important}.padding-bottom-half{padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-left{padding-left:var(--f7-typography-padding)!important}.padding-left-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important}.padding-right{padding-right:var(--f7-typography-padding)!important}.padding-right-half{padding-right:calc(var(--f7-typography-padding)/ 2)!important}.padding-vertical{padding-top:var(--f7-typography-padding)!important;padding-bottom:var(--f7-typography-padding)!important}.padding-vertical-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important;padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-horizontal{padding-left:var(--f7-typography-padding)!important;padding-right:var(--f7-typography-padding)!important}.padding-horizontal-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important;padding-right:calc(var(--f7-typography-padding)/ 2)!important}.margin{margin:var(--f7-typography-margin)!important}.margin-half{margin:calc(var(--f7-typography-margin)/ 2)!important}.margin-top{margin-top:var(--f7-typography-margin)!important}.margin-top-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important}.margin-bottom{margin-bottom:var(--f7-typography-margin)!important}.margin-bottom-half{margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-left{margin-left:var(--f7-typography-margin)!important}.margin-left-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important}.margin-right{margin-right:var(--f7-typography-margin)!important}.margin-right-half{margin-right:calc(var(--f7-typography-margin)/ 2)!important}.margin-vertical{margin-top:var(--f7-typography-margin)!important;margin-bottom:var(--f7-typography-margin)!important}.margin-vertical-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important;margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-horizontal{margin-left:var(--f7-typography-margin)!important;margin-right:var(--f7-typography-margin)!important}.margin-horizontal-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important;margin-right:calc(var(--f7-typography-margin)/ 2)!important}[class*=text-color-]{color:var(--f7-theme-color-text-color)!important}[class*=bg-color-]{background-color:var(--f7-theme-color-bg-color)!important}[class*=border-color-]{border-color:var(--f7-theme-color-border-color)!important} \ No newline at end of file diff --git a/packages/core/components/typography.rtl.css b/packages/core/components/typography.rtl.css index 3dcb3f2d17..2c0385f4ac 100644 --- a/packages/core/components/typography.rtl.css +++ b/packages/core/components/typography.rtl.css @@ -1 +1 @@ -.ios{--f7-typography-padding:15px;--f7-typography-margin:15px}.md{--f7-typography-padding:16px;--f7-typography-margin:16px}.aurora{--f7-typography-padding:15px;--f7-typography-margin:15px}.display-flex{display:flex!important}.display-block{display:block!important}.display-inline-flex{display:inline-flex!important}.display-inline-block{display:inline-block!important}.display-inline{display:inline!important}.display-none{display:none!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-shrink-2{flex-shrink:2!important}.flex-shrink-3{flex-shrink:3!important}.flex-shrink-4{flex-shrink:4!important}.flex-shrink-5{flex-shrink:5!important}.flex-shrink-6{flex-shrink:6!important}.flex-shrink-7{flex-shrink:7!important}.flex-shrink-8{flex-shrink:8!important}.flex-shrink-9{flex-shrink:9!important}.flex-shrink-10{flex-shrink:10!important}.flex-direction-row{flex-direction:row!important}.flex-direction-row-reverse{flex-direction:row-reverse!important}.flex-direction-column{flex-direction:column!important}.flex-direction-column-reverse{flex-direction:column-reverse!important}.justify-content-flex-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-flex-end{justify-content:flex-end!important}.justify-content-space-between{justify-content:space-between!important}.justify-content-space-around{justify-content:space-around!important}.justify-content-space-evenly{justify-content:space-evenly!important}.justify-content-stretch{justify-content:stretch!important}.justify-content-start{justify-content:start!important}.justify-content-end{justify-content:end!important}.justify-content-left{justify-content:left!important}.justify-content-right{justify-content:right!important}.align-content-flex-start{align-content:flex-start!important}.align-content-flex-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-space-between{align-content:space-between!important}.align-content-space-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-items-baseline{align-items:baseline!important}.align-items-flex-start{align-items:flex-start!important}.align-items-flex-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-stretch{align-items:stretch!important}.align-self-flex-start{align-self:flex-start!important}.align-self-flex-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-stretch{align-self:stretch!important}.text-align-left{text-align:left!important}.text-align-center{text-align:center!important}.text-align-right{text-align:right!important}.text-align-justify{text-align:justify!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.vertical-align-bottom{vertical-align:bottom!important}.vertical-align-middle{vertical-align:middle!important}.vertical-align-top{vertical-align:top!important}.no-padding{padding:0!important}.no-padding-left{padding-left:0!important}.no-padding-right{padding-right:0!important}.no-padding-horizontal{padding-left:0!important;padding-right:0!important}.no-padding-top{padding-top:0!important}.no-padding-bottom{padding-bottom:0!important}.no-padding-vertical{padding-top:0!important;padding-bottom:0!important}.no-margin{margin:0!important}.no-margin-left{margin-left:0!important}.no-margin-right{margin-right:0!important}.no-margin-horizontal{margin-left:0!important;margin-right:0!important}.no-margin-top{margin-top:0!important}.no-margin-bottom{margin-bottom:0!important}.no-margin-vertical{margin-top:0!important;margin-bottom:0!important}.width-auto{width:auto!important}.width-100{width:100%!important}.padding{padding:var(--f7-typography-padding)!important}.padding-half{padding:calc(var(--f7-typography-padding)/ 2)!important}.padding-top{padding-top:var(--f7-typography-padding)!important}.padding-top-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important}.padding-bottom{padding-bottom:var(--f7-typography-padding)!important}.padding-bottom-half{padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-left{padding-left:var(--f7-typography-padding)!important}.padding-left-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important}.padding-right{padding-right:var(--f7-typography-padding)!important}.padding-right-half{padding-right:calc(var(--f7-typography-padding)/ 2)!important}.padding-vertical{padding-top:var(--f7-typography-padding)!important;padding-bottom:var(--f7-typography-padding)!important}.padding-vertical-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important;padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-horizontal{padding-left:var(--f7-typography-padding)!important;padding-right:var(--f7-typography-padding)!important}.padding-horizontal-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important;padding-right:calc(var(--f7-typography-padding)/ 2)!important}.margin{margin:var(--f7-typography-margin)!important}.margin-half{margin:calc(var(--f7-typography-margin)/ 2)!important}.margin-top{margin-top:var(--f7-typography-margin)!important}.margin-top-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important}.margin-bottom{margin-bottom:var(--f7-typography-margin)!important}.margin-bottom-half{margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-left{margin-left:var(--f7-typography-margin)!important}.margin-left-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important}.margin-right{margin-right:var(--f7-typography-margin)!important}.margin-right-half{margin-right:calc(var(--f7-typography-margin)/ 2)!important}.margin-vertical{margin-top:var(--f7-typography-margin)!important;margin-bottom:var(--f7-typography-margin)!important}.margin-vertical-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important;margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-horizontal{margin-left:var(--f7-typography-margin)!important;margin-right:var(--f7-typography-margin)!important}.margin-horizontal-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important;margin-right:calc(var(--f7-typography-margin)/ 2)!important}[class*=text-color-]{color:var(--f7-theme-color-text-color)!important}[class*=bg-color-]{background-color:var(--f7-theme-color-bg-color)!important}[class*=border-color-]{border-color:var(--f7-theme-color-border-color)!important} \ No newline at end of file +:root{--f7-typography-padding:16px;--f7-typography-margin:16px}.display-flex{display:flex!important}.display-block{display:block!important}.display-inline-flex{display:inline-flex!important}.display-inline-block{display:inline-block!important}.display-inline{display:inline!important}.display-none{display:none!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-shrink-2{flex-shrink:2!important}.flex-shrink-3{flex-shrink:3!important}.flex-shrink-4{flex-shrink:4!important}.flex-shrink-5{flex-shrink:5!important}.flex-shrink-6{flex-shrink:6!important}.flex-shrink-7{flex-shrink:7!important}.flex-shrink-8{flex-shrink:8!important}.flex-shrink-9{flex-shrink:9!important}.flex-shrink-10{flex-shrink:10!important}.flex-direction-row{flex-direction:row!important}.flex-direction-row-reverse{flex-direction:row-reverse!important}.flex-direction-column{flex-direction:column!important}.flex-direction-column-reverse{flex-direction:column-reverse!important}.justify-content-flex-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-flex-end{justify-content:flex-end!important}.justify-content-space-between{justify-content:space-between!important}.justify-content-space-around{justify-content:space-around!important}.justify-content-space-evenly{justify-content:space-evenly!important}.justify-content-stretch{justify-content:stretch!important}.justify-content-start{justify-content:start!important}.justify-content-end{justify-content:end!important}.justify-content-left{justify-content:left!important}.justify-content-right{justify-content:right!important}.align-content-flex-start{align-content:flex-start!important}.align-content-flex-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-space-between{align-content:space-between!important}.align-content-space-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-items-baseline{align-items:baseline!important}.align-items-flex-start{align-items:flex-start!important}.align-items-flex-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-stretch{align-items:stretch!important}.align-self-flex-start{align-self:flex-start!important}.align-self-flex-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-stretch{align-self:stretch!important}.text-align-left{text-align:left!important}.text-align-center{text-align:center!important}.text-align-right{text-align:right!important}.text-align-justify{text-align:justify!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.vertical-align-bottom{vertical-align:bottom!important}.vertical-align-middle{vertical-align:middle!important}.vertical-align-top{vertical-align:top!important}.no-padding{padding:0!important}.no-padding-left{padding-left:0!important}.no-padding-right{padding-right:0!important}.no-padding-horizontal{padding-left:0!important;padding-right:0!important}.no-padding-top{padding-top:0!important}.no-padding-bottom{padding-bottom:0!important}.no-padding-vertical{padding-top:0!important;padding-bottom:0!important}.no-margin{margin:0!important}.no-margin-left{margin-left:0!important}.no-margin-right{margin-right:0!important}.no-margin-horizontal{margin-left:0!important;margin-right:0!important}.no-margin-top{margin-top:0!important}.no-margin-bottom{margin-bottom:0!important}.no-margin-vertical{margin-top:0!important;margin-bottom:0!important}.width-auto{width:auto!important}.width-100{width:100%!important}.padding{padding:var(--f7-typography-padding)!important}.padding-half{padding:calc(var(--f7-typography-padding)/ 2)!important}.padding-top{padding-top:var(--f7-typography-padding)!important}.padding-top-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important}.padding-bottom{padding-bottom:var(--f7-typography-padding)!important}.padding-bottom-half{padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-left{padding-left:var(--f7-typography-padding)!important}.padding-left-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important}.padding-right{padding-right:var(--f7-typography-padding)!important}.padding-right-half{padding-right:calc(var(--f7-typography-padding)/ 2)!important}.padding-vertical{padding-top:var(--f7-typography-padding)!important;padding-bottom:var(--f7-typography-padding)!important}.padding-vertical-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important;padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-horizontal{padding-left:var(--f7-typography-padding)!important;padding-right:var(--f7-typography-padding)!important}.padding-horizontal-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important;padding-right:calc(var(--f7-typography-padding)/ 2)!important}.margin{margin:var(--f7-typography-margin)!important}.margin-half{margin:calc(var(--f7-typography-margin)/ 2)!important}.margin-top{margin-top:var(--f7-typography-margin)!important}.margin-top-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important}.margin-bottom{margin-bottom:var(--f7-typography-margin)!important}.margin-bottom-half{margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-left{margin-left:var(--f7-typography-margin)!important}.margin-left-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important}.margin-right{margin-right:var(--f7-typography-margin)!important}.margin-right-half{margin-right:calc(var(--f7-typography-margin)/ 2)!important}.margin-vertical{margin-top:var(--f7-typography-margin)!important;margin-bottom:var(--f7-typography-margin)!important}.margin-vertical-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important;margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-horizontal{margin-left:var(--f7-typography-margin)!important;margin-right:var(--f7-typography-margin)!important}.margin-horizontal-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important;margin-right:calc(var(--f7-typography-margin)/ 2)!important}[class*=text-color-]{color:var(--f7-theme-color-text-color)!important}[class*=bg-color-]{background-color:var(--f7-theme-color-bg-color)!important}[class*=border-color-]{border-color:var(--f7-theme-color-border-color)!important} \ No newline at end of file diff --git a/packages/core/components/typography/typography-vars.less b/packages/core/components/typography/typography-vars.less index 71fca639ee..97f4027298 100644 --- a/packages/core/components/typography/typography-vars.less +++ b/packages/core/components/typography/typography-vars.less @@ -1,12 +1,4 @@ -.ios-vars({ - --f7-typography-padding: 15px; - --f7-typography-margin: 15px; -}); -.md-vars({ +:root { --f7-typography-padding: 16px; --f7-typography-margin: 16px; -}); -.aurora-vars({ - --f7-typography-padding: 15px; - --f7-typography-margin: 15px; -}); \ No newline at end of file +} \ No newline at end of file diff --git a/packages/core/components/view/view-class.js b/packages/core/components/view/view-class.js index 40481452db..b575973030 100644 --- a/packages/core/components/view/view-class.js +++ b/packages/core/components/view/view-class.js @@ -35,11 +35,11 @@ class View extends Framework7Class { } // DynamicNavbar - let $navbarEl; + let $navbarsEl; if (app.theme === 'ios' && view.params.iosDynamicNavbar) { - $navbarEl = $el.children('.navbar').eq(0); - if ($navbarEl.length === 0) { - $navbarEl = $('
                '); + $navbarsEl = $el.children('.navbars').eq(0); + if ($navbarsEl.length === 0) { + $navbarsEl = $('
                '); } } @@ -50,8 +50,8 @@ class View extends Framework7Class { el: $el[0], name: view.params.name, main: view.params.main || $el.hasClass('view-main'), - $navbarEl, - navbarEl: $navbarEl ? $navbarEl[0] : undefined, + $navbarsEl, + navbarsEl: $navbarsEl ? $navbarsEl[0] : undefined, selector, history: [], scrollHistory: {}, @@ -105,7 +105,7 @@ class View extends Framework7Class { view.$el.trigger('view:beforedestroy', view); view.emit('local::beforeDestroy viewBeforeDestroy', view); - app.off('resize', view.checkmasterDetailBreakpoint); + app.off('resize', view.checkMasterDetailBreakpoint); if (view.main) { app.views.main = null; @@ -135,11 +135,12 @@ class View extends Framework7Class { view = null; } - checkmasterDetailBreakpoint() { + checkMasterDetailBreakpoint(force) { const view = this; const app = view.app; const wasMasterDetail = view.$el.hasClass('view-master-detail'); - if (app.width >= view.params.masterDetailBreakpoint) { + const isMasterDetail = app.width >= view.params.masterDetailBreakpoint && view.$el.children('.page-master').length; + if ((typeof force === 'undefined' && isMasterDetail) || force === true) { view.$el.addClass('view-master-detail'); if (!wasMasterDetail) { view.emit('local::masterDetailBreakpoint viewMasterDetailBreakpoint'); @@ -157,9 +158,9 @@ class View extends Framework7Class { initMasterDetail() { const view = this; const app = view.app; - view.checkmasterDetailBreakpoint = view.checkmasterDetailBreakpoint.bind(view); - view.checkmasterDetailBreakpoint(); - app.on('resize', view.checkmasterDetailBreakpoint); + view.checkMasterDetailBreakpoint = view.checkMasterDetailBreakpoint.bind(view); + view.checkMasterDetailBreakpoint(); + app.on('resize', view.checkMasterDetailBreakpoint); } init() { diff --git a/packages/core/css/framework7.bundle.css b/packages/core/css/framework7.bundle.css index 27293b8d8f..4d268677ac 100644 --- a/packages/core/css/framework7.bundle.css +++ b/packages/core/css/framework7.bundle.css @@ -1,5 +1,5 @@ /** - * Framework7 5.0.0-beta.2 + * Framework7 5.0.0-beta.3 * Full featured mobile HTML framework for building iOS & Android apps * http://framework7.io/ * @@ -7,7 +7,7 @@ * * Released under the MIT License * - * Released on: July 22, 2019 + * Released on: August 6, 2019 */ /*==================== @@ -119,13 +119,13 @@ --f7-bars-bg-image: none; --f7-bars-bg-color: #f7f7f8; --f7-bars-bg-color-rgb: 247, 247, 248; + --f7-bars-translucent-opacity: 0.8; + --f7-bars-translucent-blur: 20px; --f7-bars-text-color: #000; --f7-bars-shadow-bottom-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); --f7-bars-shadow-top-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); } .theme-dark { - --f7-bars-bg-color: #1b1b1b; - --f7-bars-bg-color-rgb: 27, 27, 27; --f7-bars-text-color: #fff; } .ios { @@ -140,11 +140,16 @@ .md { --f7-bars-border-color: transparent; } +.md .theme-dark, +.md.theme-dark { + --f7-bars-bg-color: #202020; +} .aurora { --f7-bars-border-color: rgba(0, 0, 0, 0.2); } .aurora .theme-dark, .aurora.theme-dark { + --f7-bars-bg-color: #202020; --f7-bars-border-color: rgba(255, 255, 255, 0.1); } /*==================== @@ -772,7 +777,7 @@ html.device-full-viewport body { } .md .theme-dark, .md.theme-dark { - --f7-page-bg-color: #171717; + --f7-page-bg-color: #121212; } .aurora { --f7-page-bg-color: #f3f3f3; @@ -780,7 +785,7 @@ html.device-full-viewport body { } .aurora .theme-dark, .aurora.theme-dark { - --f7-page-bg-color: #171717; + --f7-page-bg-color: #121212; } .theme-dark { --f7-page-master-border-color: rgba(255, 255, 255, 0.1); @@ -1225,8 +1230,8 @@ html.device-full-viewport body { --f7-navbar-large-title-font-weight: 700; --f7-navbar-large-title-letter-spacing: -0.03em; --f7-navbar-large-title-padding-vertical: 6px; - --f7-navbar-large-title-padding-left: 15px; - --f7-navbar-large-title-padding-right: 15px; + --f7-navbar-large-title-padding-left: 16px; + --f7-navbar-large-title-padding-right: 16px; /* --f7-navbar-link-height: var(--f7-navbar-height); --f7-navbar-link-line-height: var(--f7-navbar-height); @@ -1270,8 +1275,8 @@ html.device-full-viewport body { --f7-navbar-height: 38px; --f7-navbar-tablet-height: 38px; --f7-navbar-font-size: 14px; - --f7-navbar-inner-padding-left: 15px; - --f7-navbar-inner-padding-right: 15px; + --f7-navbar-inner-padding-left: 16px; + --f7-navbar-inner-padding-right: 16px; --f7-navbar-title-font-weight: 600; --f7-navbar-title-margin-left: 0; --f7-navbar-title-margin-right: 0; @@ -1285,8 +1290,8 @@ html.device-full-viewport body { --f7-navbar-large-title-font-weight: bold; --f7-navbar-large-title-letter-spacing: -0.03em; --f7-navbar-large-title-padding-vertical: 4px; - --f7-navbar-large-title-padding-left: 15px; - --f7-navbar-large-title-padding-right: 15px; + --f7-navbar-large-title-padding-left: 16px; + --f7-navbar-large-title-padding-right: 16px; --f7-navbar-link-height: auto; --f7-navbar-link-line-height: inherit; } @@ -1294,18 +1299,26 @@ html.device-full-viewport body { .aurora.theme-dark { --f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.5); } +.navbars, .navbar { - --f7-navbar-large-collapse-progress: 0; - position: relative; + z-index: 500; left: 0; top: 0; width: 100%; - z-index: 500; +} +.navbars { + position: absolute; +} +.navbars .navbar { + z-index: auto; +} +.navbar { + --f7-navbar-large-collapse-progress: 0; + position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; margin: 0; - transform: translate3d(0, 0, 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); @@ -1378,7 +1391,8 @@ html.device-full-viewport body { .navbar .no-shadow .navbar-bg:before { display: none !important; } -.navbar.navbar-hidden .navbar-bg:before { +.navbar.navbar-hidden .navbar-bg:before, +.navbar-hidden .navbar .navbar-bg:before { opacity: 0 !important; } .navbar-bg { @@ -1395,10 +1409,10 @@ html.device-full-viewport body { transition-property: transform; } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .navbar-bg { - background-color: rgba(var(--f7-navbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), 0.8); - -webkit-backdrop-filter: saturate(180%) blur(20px); - backdrop-filter: saturate(180%) 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, @@ -1441,26 +1455,24 @@ html.device-full-viewport body { } } .navbar-transitioning, -.navbar-transitioning:before, .navbar-transitioning .left, .navbar-transitioning .title, .navbar-transitioning .right, -.navbar-transitioning .title-large-inner, .navbar-transitioning .title-large-text, .navbar-transitioning .navbar-bg, -.navbar-transitioning .subnavbar { +.navbar-transitioning .subnavbar, +.navbar-transitioning .navbar-bg:before { transition-duration: var(--f7-navbar-hide-show-transition-duration); } .navbar-page-transitioning { transition-duration: var(--f7-page-swipeback-transition-duration) !important; } .navbar-page-transitioning .title-large-text, -.navbar-page-transitioning .title-large-inner, .navbar-page-transitioning .navbar-bg { transition-duration: var(--f7-page-swipeback-transition-duration) !important; } .navbar-hidden { - transform: translate3d(0, calc(-100% + var(--f7-safe-area-top)), 0); + transform: translate3d(0, calc(-1 * var(--f7-navbar-height)), 0); } .navbar-hidden .navbar-inner { pointer-events: none; @@ -1468,12 +1480,12 @@ html.device-full-viewport body { .navbar-hidden .navbar-inner > .left, .navbar-hidden .navbar-inner > .title, .navbar-hidden .navbar-inner > .right { - opacity: 0; + opacity: 0 !important; } .navbar-hidden-statusbar { - transform: translate3d(0, -100%, 0); + transform: translate3d(0, calc(-1 * var(--f7-navbar-height) - var(--f7-safe-area-top)), 0); } -.navbar-large-hidden { +.navbar-large-hidden .navbar-large { --f7-navbar-large-collapse-progress: 1; } .navbar-inner { @@ -1492,35 +1504,33 @@ html.device-full-viewport body { } .views > .navbar, .view > .navbar, -.page > .navbar { +.page > .navbar, +.navbars > .navbar { position: absolute; } .navbar-large .navbar-bg, -.navbar-inner-large .navbar-bg, .ios .router-navbar-transition-to-large .navbar-bg, .ios .router-navbar-transition-from-large .navbar-bg, .navbar-bg.ios-swipeback-navbar-bg-large, -.navbar-inner-large-transparent .navbar-bg.ios-swipeback-navbar-bg-large { +.navbar-large-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); } -.navbar-inner-large-transparent .navbar-bg { +.navbar-large-transparent .navbar-bg { opacity: var(--f7-navbar-large-collapse-progress); height: 100%; transform: none; } -.ios .navbar-inner:not(.navbar-inner-large) .navbar-bg { +.ios .navbar:not(.navbar-large) .navbar-bg { --f7-navbar-large-collapse-progress: 1; } -.navbar-inner-large > .title { - opacity: calc(-1 + 2 * var(--f7-navbar-large-collapse-progress)); +.navbar-large .title { + opacity: var(--f7-navbar-large-collapse-progress); } -.navbar-large-collapsed, -.navbar-inner-large-collapsed { +.navbar-large-collapsed { --f7-navbar-large-collapse-progress: 1; } -.navbar-large-collapsed .title-large, -.navbar-inner-large-collapsed .title-large { +.navbar-large-collapsed .title-large { pointer-events: none; } .navbar .title-large { @@ -1536,8 +1546,7 @@ html.device-full-viewport body { height: var(--f7-navbar-large-title-height); z-index: 5; } -.title-large-text, -.title-large-inner .title { +.navbar .title-large-text { text-overflow: ellipsis; white-space: nowrap; color: var(--f7-navbar-large-title-text-color); @@ -1549,24 +1558,23 @@ html.device-full-viewport body { 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); -} -.title-large-text, -.title-large-inner { 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, -.navbar-no-title-large-transition .title-large-inner { +.navbar-no-title-large-transition .title-large-text { transition-duration: 0ms; } -.navbar ~ * { +.navbar ~ *, +.navbars ~ * { --f7-page-navbar-offset: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)); } .navbar ~ * .page-with-navbar-large, .navbar ~ .page-with-navbar-large, +.navbars ~ * .page-with-navbar-large, +.navbars ~ .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)); } @@ -1578,10 +1586,9 @@ html.device-full-viewport body { --f7-navbarLeftTextOffset: calc(4px + 12px + var(--f7-navbar-inner-padding-left)); --f7-navbarTitleLargeOffset: var(--f7-navbar-large-title-padding-left); --f7-navbar-large-transparent-bg-center: translateX(0); - --f7-navbar-large-transparent-bg-left: translateX(-100%); - --f7-navbar-large-transparent-bg-right: translateX(100%); --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-transparent-bg-left: translateX(-100%); --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))); @@ -1600,7 +1607,7 @@ html.device-full-viewport body { } .ios .navbar .left a + a, .ios .navbar .right a + a { - margin-left: 15px; + margin-left: 16px; } .ios .navbar b { font-weight: 600; @@ -1627,18 +1634,27 @@ html.device-full-viewport body { text-align: left; margin-right: 10px; } +.ios .view-master-detail .navbar-previous:not(.navbar-master) .left, +.ios .view:not(.view-master-detail) .navbar-previous .left, +.ios .navbar-next .left, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title, +.ios .view:not(.view-master-detail) .navbar-previous .title, +.ios .navbar-next .title, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .right, +.ios .view:not(.view-master-detail) .navbar-previous .right, +.ios .navbar-next .right, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar, +.ios .view:not(.view-master-detail) .navbar-previous .subnavbar, +.ios .navbar-next .subnavbar, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading, +.ios .view:not(.view-master-detail) .navbar-previous .fading, +.ios .navbar-next .fading { + 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) .navbar-bg, -.ios .view:not(.view-master-detail) .navbar-previous .navbar-bg { - transform: translateX(-100%); -} -.ios .view-master-detail .navbar-previous:not(.navbar-master).navbar-large-collapsed, -.ios .view:not(.view-master-detail) .navbar-previous.navbar-large-collapsed { - transform: translateX(-100%) translateY(calc(-1 * var(--f7-navbar-large-title-height))); -} .ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large, .ios .view:not(.view-master-detail) .navbar-previous .title-large { opacity: 0; @@ -1649,64 +1665,29 @@ html.device-full-viewport body { transform: scale(0.5); transition-duration: 0ms; } -.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-inner, -.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-inner { - transform: translateX(-100%); - opacity: 0; - transition-duration: 0ms; -} -.ios .view-master-detail .navbar-previous:not(.navbar-master) .left, -.ios .view:not(.view-master-detail) .navbar-previous .left, -.ios .view-master-detail .navbar-previous:not(.navbar-master) .right, -.ios .view:not(.view-master-detail) .navbar-previous .right, -.ios .view-master-detail .navbar-previous:not(.navbar-master) > .title, -.ios .view:not(.view-master-detail) .navbar-previous > .title, -.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar, -.ios .view:not(.view-master-detail) .navbar-previous .subnavbar, -.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading, -.ios .view:not(.view-master-detail) .navbar-previous .fading { - opacity: 0; -} -.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding, -.ios .view:not(.view-master-detail) .navbar-previous .sliding { - opacity: 0; -} .ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding, .ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding, -.ios .view-master-detail .navbar-previous:not(.navbar-master).sliding .subnavbar, -.ios .view:not(.view-master-detail) .navbar-previous.sliding .subnavbar { +.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding .subnavbar, +.ios .view:not(.view-master-detail) .navbar-previous .sliding .subnavbar { opacity: 1; transform: translate3d(-100%, 0, 0); } +.ios .view:not(.view-master-detail) .navbar-previous .navbar-bg, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .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, -.ios .navbar-next .title-large .title-large-inner { +.ios .navbar-next .title-large .title-large-text { transition-duration: 0ms; transform: translateX(100%) translateY(calc(-1 * var(--f7-navbar-large-title-height))); } -.ios .navbar-next .left, -.ios .navbar-next .right, -.ios .navbar-next > .title, -.ios .navbar-next .subnavbar, -.ios .navbar-next .fading { - opacity: 0; -} -.ios .navbar-next .sliding { - opacity: 0; -} -.ios .navbar-next.sliding .left, -.ios .navbar-next.sliding .right, -.ios .navbar-next.sliding > .title, -.ios .navbar-next.sliding .subnavbar { - opacity: 0; -} .ios .navbar-next .subnavbar.sliding, -.ios .navbar-next.sliding .subnavbar { +.ios .navbar-next .sliding .subnavbar { opacity: 1; transform: translate3d(100%, 0, 0); } @@ -1723,22 +1704,24 @@ html.device-full-viewport body { transition-duration: 0ms; } .ios .router-transition .navbar-current .left, -.ios .router-transition .navbar-current > .title, +.ios .router-transition .navbar-current .title, .ios .router-transition .navbar-current .right, .ios .router-transition .navbar-current .subnavbar { animation: ios-navbar-element-fade-out var(--f7-page-transition-duration) forwards; } -.ios .router-transition .navbar-current .sliding, -.ios .router-transition .navbar-current .left.sliding .icon + span, -.ios .router-transition .navbar-current.sliding .left, -.ios .router-transition .navbar-current.sliding .left .icon + span, -.ios .router-transition .navbar-current.sliding > .title, -.ios .router-transition .navbar-current.sliding .right { +.ios .router-transition .navbar-current .sliding.left, +.ios .router-transition .navbar-current .sliding.left .icon + span, +.ios .router-transition .navbar-current .sliding.title, +.ios .router-transition .navbar-current .sliding.right, +.ios .router-transition .navbar-current .sliding .left, +.ios .router-transition .navbar-current .sliding .left .icon + span, +.ios .router-transition .navbar-current .sliding .title, +.ios .router-transition .navbar-current .sliding .right { transition-duration: var(--f7-page-transition-duration); opacity: 0 !important; animation: none; } -.ios .router-transition .navbar-current.sliding .subnavbar, +.ios .router-transition .navbar-current .sliding .subnavbar, .ios .router-transition .navbar-current .sliding.subnavbar { transition-duration: var(--f7-page-transition-duration); animation: none; @@ -1746,28 +1729,32 @@ html.device-full-viewport body { } .ios .router-transition-forward .navbar-next .left, .ios .router-transition-backward .navbar-previous .left, -.ios .router-transition-forward .navbar-next > .title, -.ios .router-transition-backward .navbar-previous > .title, +.ios .router-transition-forward .navbar-next .title, +.ios .router-transition-backward .navbar-previous .title, .ios .router-transition-forward .navbar-next .right, .ios .router-transition-backward .navbar-previous .right, .ios .router-transition-forward .navbar-next .subnavbar, .ios .router-transition-backward .navbar-previous .subnavbar { animation: ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards; } -.ios .router-transition-forward .navbar-next .sliding, -.ios .router-transition-backward .navbar-previous .sliding, -.ios .router-transition-forward .navbar-next .left.sliding .icon + span, -.ios .router-transition-backward .navbar-previous .left.sliding .icon + span, -.ios .router-transition-forward .navbar-next.sliding .left, -.ios .router-transition-backward .navbar-previous.sliding .left, -.ios .router-transition-forward .navbar-next.sliding .left .icon + span, -.ios .router-transition-backward .navbar-previous.sliding .left .icon + span, -.ios .router-transition-forward .navbar-next.sliding > .title, -.ios .router-transition-backward .navbar-previous.sliding > .title, -.ios .router-transition-forward .navbar-next.sliding .right, -.ios .router-transition-backward .navbar-previous.sliding .right, -.ios .router-transition-forward .navbar-next.sliding .subnavbar, -.ios .router-transition-backward .navbar-previous.sliding .subnavbar { +.ios .router-transition-forward .navbar-next .sliding.left, +.ios .router-transition-backward .navbar-previous .sliding.left, +.ios .router-transition-forward .navbar-next .sliding.left .icon + span, +.ios .router-transition-backward .navbar-previous .sliding.left .icon + span, +.ios .router-transition-forward .navbar-next .sliding.title, +.ios .router-transition-backward .navbar-previous .sliding.title, +.ios .router-transition-forward .navbar-next .sliding.right, +.ios .router-transition-backward .navbar-previous .sliding.right, +.ios .router-transition-forward .navbar-next .sliding .left, +.ios .router-transition-backward .navbar-previous .sliding .left, +.ios .router-transition-forward .navbar-next .sliding .left .icon + span, +.ios .router-transition-backward .navbar-previous .sliding .left .icon + span, +.ios .router-transition-forward .navbar-next .sliding .title, +.ios .router-transition-backward .navbar-previous .sliding .title, +.ios .router-transition-forward .navbar-next .sliding .right, +.ios .router-transition-backward .navbar-previous .sliding .right, +.ios .router-transition-forward .navbar-next .sliding .subnavbar, +.ios .router-transition-backward .navbar-previous .sliding .subnavbar { transition-duration: var(--f7-page-transition-duration); animation: none; transform: translate3d(0, 0, 0) !important; @@ -1775,8 +1762,8 @@ html.device-full-viewport body { } .ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .left, .ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .left, -.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition > .title, -.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled > .title, +.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .title, +.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .title, .ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .right, .ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .right, .ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .subnavbar, @@ -1791,9 +1778,6 @@ html.device-full-viewport body { .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-current.router-navbar-transition-from-large .title-large-inner { - animation: ios-navbar-large-title-inner-current-to-previous 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; @@ -1802,16 +1786,14 @@ html.device-full-viewport body { .ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { overflow: visible; } -.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text, -.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner { +.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, -.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-inner { +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text { animation: ios-navbar-large-title-text-slide-left var(--f7-page-transition-duration) forwards; } -.ios .router-transition-forward .navbar-next.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title, -.ios .router-transition-forward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title { +.ios .router-transition-forward .navbar-next.navbar-large:not(.navbar-large-collapsed) .title, +.ios .router-transition-forward .navbar-current.navbar-large:not(.navbar-large-collapsed) .title { animation: none; opacity: 0 !important; transition-duration: 0; @@ -1824,12 +1806,10 @@ html.device-full-viewport body { .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, -.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner { +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text { animation: ios-navbar-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, -.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-inner { +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text { animation: ios-navbar-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 { @@ -1844,11 +1824,8 @@ html.device-full-viewport body { .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-previous.router-navbar-transition-to-large .title-large-inner { - animation: ios-navbar-large-title-inner-previous-to-current var(--f7-page-transition-duration) forwards; -} -.ios .router-transition-backward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title, -.ios .router-transition-backward .navbar-previous.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title { +.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; @@ -1865,10 +1842,10 @@ html.device-full-viewport body { .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-inner-large-collapsed:not(.router-navbar-transition-to-large) .navbar-bg { +.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-current.navbar-inner-large-collapsed.navbar-inner-large-transparent:not(.router-navbar-transition-to-large) .navbar-bg { +.ios .router-transition-forward .navbar-current.navbar-large-collapsed.navbar-large-transparent:not(.router-navbar-transition-to-large) .navbar-bg { animation-name: ios-navbar-transparent-bg-from-c-to-l; } .ios .router-transition-forward .navbar-next .navbar-bg { @@ -1892,7 +1869,7 @@ html.device-full-viewport body { .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-inner-large-collapsed .navbar-bg { +.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-previous .navbar-bg { @@ -1904,48 +1881,68 @@ html.device-full-viewport body { .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-inner-large-collapsed .navbar-bg { +.ios .router-transition-backward .navbar-previous.navbar-large-collapsed .navbar-bg { animation-name: ios-navbar-bg-from-lt-to-ct; } -.ios .router-transition-backward .navbar-previous.navbar-inner-large-collapsed.navbar-inner-large-transparent .navbar-bg { +.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large-transparent .navbar-bg { animation-name: ios-navbar-transparent-bg-from-l-to-c; } -.ios .router-transition-backward .navbar-previous.navbar-inner-large-collapsed.navbar-inner-large-transparent.router-navbar-transition-from-large .navbar-bg { +.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large-transparent.router-navbar-transition-from-large .navbar-bg { animation-name: ios-navbar-bg-from-lb-to-ct; } +.view-master-detail .navbars { + z-index: auto; +} +.view-master-detail .page-master { + z-index: 525; +} +.view-master-detail .navbar-master .navbar-inner, +.view-master-detail .navbar-master .navbar-bg { + z-index: 550; +} +.view-master-detail .navbar-master-detail .navbar-inner, +.view-master-detail .navbar-master-detail .navbar-bg { + 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:not(.navbar-inner-large) .title, +.view-master-detail .navbar-master.navbar-previous:not(.navbar-large) .title, .view-master-detail .navbar-master.navbar-previous .right, .view-master-detail .navbar-master.navbar-previous .subnavbar { opacity: 1; } -.ios .view-master-detail.router-transition .navbar-master .left, -.ios .view-master-detail.router-transition .navbar-master .left .icon + span, -.ios .view-master-detail.router-transition .navbar-master:not(.navbar-inner-large) .title, -.ios .view-master-detail.router-transition .navbar-master .right, -.ios .view-master-detail.router-transition .navbar-master .subnavbar, -.ios .view-master-detail.router-transition .navbar-master .sliding, -.ios .view-master-detail.router-transition .navbar-master .fading { +.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:not(.navbar-large) .title, +.view-master-detail.router-transition .navbar-master .right, +.view-master-detail.router-transition .navbar-master .subnavbar, +.view-master-detail.router-transition .navbar-master .fading { opacity: 1 !important; transition-duration: 0ms; transform: none !important; animation: none !important; } -.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title { +.view-master-detail.router-transition .navbar-master .navbar-bg { + transition-duration: 0ms; + 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: 0ms; transform: none !important; animation: none !important; } -.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large, -.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-text, -.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-inner { +.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: 0ms; animation: none !important; } +.view-master-detail.router-transition .navbar-master.navbar-large-transparent .navbar-bg { + height: 100% !important; + opacity: var(--f7-navbar-large-collapse-progress) !important; +} @keyframes ios-navbar-element-fade-in { 0% { opacity: 0; @@ -2048,26 +2045,6 @@ html.device-full-viewport body { transform: translateX(0px) translateY(0px) scale(1); } } -@keyframes ios-navbar-large-title-inner-current-to-previous { - 0% { - transform: translateX(0%); - opacity: 1; - } - 100% { - transform: translateX(-100%); - opacity: 0; - } -} -@keyframes ios-navbar-large-title-inner-previous-to-current { - 0% { - transform: translateX(-100%); - opacity: 0; - } - 100% { - transform: translateX(0%); - opacity: 1; - } -} @keyframes ios-navbar-bg-from-cb-to-lb { from { transform: var(--f7-navbar-large-bg-center-bottom); @@ -2246,6 +2223,13 @@ html.device-full-viewport body { } .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-centered-title { justify-content: space-between; @@ -2274,7 +2258,7 @@ html.device-full-viewport body { margin-left: 10px; } .aurora .navbar .right:first-child { - right: calc(15px + var(--f7-safe-area-right)); + right: calc(16px + var(--f7-safe-area-right)); } .aurora .navbar-inner { justify-content: space-between; @@ -2322,9 +2306,9 @@ html.device-full-viewport body { --f7-tabbar-link-text-transform: none; --f7-tabbar-link-font-weight: 400; --f7-tabbar-link-letter-spacing: 0; - --f7-tabbar-label-font-size: 10px; + --f7-tabbar-label-font-size: 12px; --f7-tabbar-label-tablet-font-size: 14px; - --f7-tabbar-label-font-weight: 400; + --f7-tabbar-label-font-weight: 500; --f7-tabbar-label-letter-spacing: 0.01; } .ios .theme-dark, @@ -2364,8 +2348,8 @@ html.device-full-viewport body { .aurora { --f7-toolbar-height: 38px; --f7-toolbar-font-size: 14px; - --f7-toolbar-inner-padding-left: 15px; - --f7-toolbar-inner-padding-right: 15px; + --f7-toolbar-inner-padding-left: 16px; + --f7-toolbar-inner-padding-right: 16px; --f7-toolbar-link-height: auto; --f7-toolbar-link-line-height: inherit; --f7-tabbar-labels-height: 44px; @@ -2394,7 +2378,7 @@ html.device-full-viewport body { transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; - z-index: 500; + z-index: 600; box-sizing: border-box; left: 0; height: var(--f7-toolbar-height); @@ -2404,10 +2388,10 @@ html.device-full-viewport body { font-size: var(--f7-toolbar-font-size); } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .toolbar { - background-color: rgba(var(--f7-toolbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), 0.8); - -webkit-backdrop-filter: saturate(180%) blur(20px); - backdrop-filter: saturate(180%) 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 { @@ -2730,43 +2714,61 @@ html.device-full-viewport body { transform: translate3d(0, -100%, 0); } .navbar ~ .toolbar-top, +.navbars ~ .toolbar-top, .ios .navbar ~ .toolbar-top-ios, +.ios .navbars ~ .toolbar-top-ios, .md .navbar ~ .toolbar-top-md, .aurora .navbar ~ .toolbar-top-aurora, .navbar ~ * .toolbar-top, +.navbars ~ * .toolbar-top, .ios .navbar ~ * .toolbar-top-ios, +.ios .navbars ~ * .toolbar-top-ios, .md .navbar ~ * .toolbar-top-md, .aurora .navbar ~ * .toolbar-top-aurora, .navbar ~ .page:not(.no-navbar) .toolbar-top, +.navbars ~ .page:not(.no-navbar) .toolbar-top, .ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios, +.ios .navbars ~ .page:not(.no-navbar) .toolbar-top-ios, .md .navbar ~ .page:not(.no-navbar) .toolbar-top-md, .aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora { top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)); } .navbar ~ .toolbar-top.toolbar-hidden, +.navbars ~ .toolbar-top.toolbar-hidden, .ios .navbar ~ .toolbar-top-ios.toolbar-hidden, +.ios .navbars ~ .toolbar-top-ios.toolbar-hidden, .md .navbar ~ .toolbar-top-md.toolbar-hidden, .aurora .navbar ~ .toolbar-top-aurora.toolbar-hidden, .navbar ~ * .toolbar-top.toolbar-hidden, +.navbars ~ * .toolbar-top.toolbar-hidden, .ios .navbar ~ * .toolbar-top-ios.toolbar-hidden, +.ios .navbars ~ * .toolbar-top-ios.toolbar-hidden, .md .navbar ~ * .toolbar-top-md.toolbar-hidden, .aurora .navbar ~ * .toolbar-top-aurora.toolbar-hidden, .navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden, +.navbars ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden, .ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden, +.ios .navbars ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden, .md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden, .aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden { transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-safe-area-top))), 0); } .navbar ~ .toolbar-top.toolbar-hidden.tabbar-labels, +.navbars ~ .toolbar-top.toolbar-hidden.tabbar-labels, .ios .navbar ~ .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.ios .navbars ~ .toolbar-top-ios.toolbar-hidden.tabbar-labels, .md .navbar ~ .toolbar-top-md.toolbar-hidden.tabbar-labels, .aurora .navbar ~ .toolbar-top-aurora.toolbar-hidden.tabbar-labels, .navbar ~ * .toolbar-top.toolbar-hidden.tabbar-labels, +.navbars ~ * .toolbar-top.toolbar-hidden.tabbar-labels, .ios .navbar ~ * .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.ios .navbars ~ * .toolbar-top-ios.toolbar-hidden.tabbar-labels, .md .navbar ~ * .toolbar-top-md.toolbar-hidden.tabbar-labels, .aurora .navbar ~ * .toolbar-top-aurora.toolbar-hidden.tabbar-labels, .navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels, +.navbars ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels, .ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.ios .navbars ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels, .md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels, .aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden.tabbar-labels { transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-safe-area-top))), 0); @@ -2929,7 +2931,7 @@ html.device-full-viewport body { } .aurora .tabbar-scrollable a.tab-link, .aurora .tabbar-scrollable a.link { - padding: 0 15px; + padding: 0 16px; } /* === Subnavbar === */ :root { @@ -2950,7 +2952,7 @@ html.device-full-viewport body { --f7-subnavbar-title-font-size: 34px; --f7-subnavbar-title-font-weight: 700; --f7-subnavbar-title-letter-spacing: -0.03em; - --f7-subnavbar-title-margin-left: 7px; + --f7-subnavbar-title-margin-left: 8px; --f7-subnavbar-shadow-image: none; /* --f7-subnavbar-link-height: var(--f7-subnavbar-height); @@ -2973,8 +2975,8 @@ html.device-full-viewport body { } .aurora { --f7-subnavbar-height: 38px; - --f7-subnavbar-inner-padding-left: 15px; - --f7-subnavbar-inner-padding-right: 15px; + --f7-subnavbar-inner-padding-left: 16px; + --f7-subnavbar-inner-padding-right: 16px; --f7-subnavbar-title-font-size: 26px; --f7-subnavbar-title-font-weight: bold; --f7-subnavbar-title-letter-spacing: -0.03em; @@ -2988,7 +2990,7 @@ html.device-full-viewport body { position: absolute; left: 0; top: 0; - z-index: 500; + z-index: 600; box-sizing: border-box; display: flex; justify-content: space-between; @@ -2998,13 +3000,13 @@ html.device-full-viewport body { color: var(--f7-subnavbar-text-color, var(--f7-bars-text-color)); } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .subnavbar { - background-color: rgba(var(--f7-subnavbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), 0.8); - -webkit-backdrop-filter: saturate(180%) blur(20px); - backdrop-filter: saturate(180%) 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 .title { +.subnavbar .subnavbar-title { position: relative; overflow: hidden; text-overflow: ellpsis; @@ -3099,13 +3101,17 @@ html.device-full-viewport body { position: absolute; } .navbar ~ * .subnavbar, +.navbars ~ * .subnavbar, .page-with-subnavbar .navbar ~ .subnavbar, .page-with-subnavbar .navbar ~ * .subnavbar, .navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar, -.navbar ~ .subnavbar { +.navbar ~ .subnavbar, +.navbars ~ .page-with-subnavbar:not(.no-navbar) .subnavbar, +.navbars ~ .subnavbar { top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)); } .navbar ~ .page-with-navbar-large:not(.no-navbar) .subnavbar, +.navbars ~ .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, .navbar .title-large ~ .subnavbar { @@ -3127,7 +3133,7 @@ html.device-full-viewport body { } .ios .subnavbar .left a + a, .ios .subnavbar .right a + a { - margin-left: 15px; + margin-left: 16px; } .ios .subnavbar .left { margin-right: 10px; @@ -3206,7 +3212,7 @@ html.device-full-viewport body { margin-left: 10px; } .aurora .subnavbar .right:first-child { - right: 15px; + right: 16px; } .aurora .subnavbar a.link { justify-content: flex-start; @@ -3217,6 +3223,8 @@ html.device-full-viewport body { } /* === Content Block === */ :root { + --f7-block-padding-horizontal: 16px; + --f7-block-padding-vertical: 16px; --f7-block-font-size: inherit; --f7-block-text-color: inherit; --f7-block-strong-bg-color: #fff; @@ -3230,17 +3238,17 @@ html.device-full-viewport body { --f7-block-title-medium-text-transform: none; --f7-block-title-large-text-color: #000; --f7-block-title-large-text-transform: none; + --f7-block-inset-side-margin: 16px; } :root .theme-dark, :root.theme-dark { + --f7-block-title-text-color: #fff; --f7-block-strong-border-color: rgba(255, 255, 255, 0.15); --f7-block-title-medium-text-color: #fff; --f7-block-title-large-text-color: #fff; --f7-block-strong-bg-color: #1c1c1d; } .ios { - --f7-block-padding-horizontal: 15px; - --f7-block-padding-vertical: 15px; --f7-block-margin-vertical: 35px; --f7-block-strong-text-color: #000; --f7-block-strong-border-color: rgba(0, 0, 0, 0.22); @@ -3255,21 +3263,17 @@ html.device-full-viewport body { --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-side-margin: 15px; --f7-block-inset-border-radius: 7px; --f7-block-header-text-color: rgba(0, 0, 0, 0.45); --f7-block-footer-text-color: rgba(0, 0, 0, 0.45); } .ios .theme-dark, .ios.theme-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; } .md { - --f7-block-padding-horizontal: 16px; - --f7-block-padding-vertical: 16px; --f7-block-margin-vertical: 32px; --f7-block-strong-text-color: inherit; --f7-block-strong-border-color: rgba(0, 0, 0, 0.12); @@ -3284,20 +3288,16 @@ html.device-full-viewport body { --f7-block-title-large-font-size: 34px; --f7-block-title-large-font-weight: 500; --f7-block-title-large-line-height: 1.2; - --f7-block-inset-side-margin: 16px; --f7-block-inset-border-radius: 4px; --f7-block-header-text-color: rgba(0, 0, 0, 0.54); --f7-block-footer-text-color: rgba(0, 0, 0, 0.54); } .md .theme-dark, .md.theme-dark { - --f7-block-title-text-color: #fff; --f7-block-header-text-color: rgba(255, 255, 255, 0.54); --f7-block-footer-text-color: rgba(255, 255, 255, 0.54); } .aurora { - --f7-block-padding-horizontal: 15px; - --f7-block-padding-vertical: 15px; --f7-block-margin-vertical: 15px; --f7-block-strong-text-color: inherit; --f7-block-strong-border-color: rgba(0, 0, 0, 0.12); @@ -3312,16 +3312,14 @@ html.device-full-viewport body { --f7-block-title-large-font-size: 28px; --f7-block-title-large-font-weight: bold; --f7-block-title-large-line-height: 1.3; - --f7-block-inset-side-margin: 15px; --f7-block-inset-border-radius: 4px; --f7-block-header-text-color: rgba(0, 0, 0, 0.6); --f7-block-footer-text-color: rgba(0, 0, 0, 0.6); } .aurora .theme-dark, .aurora.theme-dark { - --f7-block-title-text-color: #fff; - --f7-block-header-text-color: rgba(255, 255, 255, 0.52); - --f7-block-footer-text-color: rgba(255, 255, 255, 0.52); + --f7-block-header-text-color: rgba(255, 255, 255, 0.54); + --f7-block-footer-text-color: rgba(255, 255, 255, 0.54); --f7-block-strong-text-color: #fff; } .block { @@ -3593,6 +3591,10 @@ html.device-full-viewport body { } /* === List View === */ :root { + --f7-list-inset-side-margin: 16px; + --f7-list-item-cell-margin: 16px; + --f7-list-item-padding-horizontal: 16px; + --f7-list-media-item-padding-horizontal: 16px; --f7-list-bg-color: #fff; --f7-list-item-text-max-lines: 2; --f7-list-chevron-icon-color: rgba(0, 0, 0, 0.2); @@ -3632,7 +3634,6 @@ html.device-full-viewport body { } .ios { --f7-list-in-list-padding-left: 30px; - --f7-list-inset-side-margin: 15px; --f7-list-inset-border-radius: 7px; --f7-list-margin-vertical: 35px; --f7-list-font-size: 17px; @@ -3650,13 +3651,10 @@ html.device-full-viewport body { --f7-list-item-after-padding: 5px; --f7-list-item-footer-text-color: rgba(0, 0, 0, 0.45); --f7-list-item-min-height: 44px; - --f7-list-item-media-margin: 15px; + --f7-list-item-media-margin: 16px; --f7-list-item-media-icons-margin: 5px; - --f7-list-item-cell-margin: 15px; --f7-list-item-padding-vertical: 8px; - --f7-list-item-padding-horizontal: 15px; --f7-list-media-item-padding-vertical: 10px; - --f7-list-media-item-padding-horizontal: 15px; --f7-list-media-item-title-font-weight: 600; /* --f7-list-button-text-color: var(--f7-theme-color); @@ -3689,7 +3687,6 @@ html.device-full-viewport body { } .md { --f7-list-in-list-padding-left: 40px; - --f7-list-inset-side-margin: 16px; --f7-list-inset-border-radius: 4px; --f7-list-margin-vertical: 32px; --f7-list-font-size: 16px; @@ -3709,11 +3706,8 @@ html.device-full-viewport body { --f7-list-item-min-height: 48px; --f7-list-item-media-margin: 16px; --f7-list-item-media-icons-margin: 8px; - --f7-list-item-cell-margin: 16px; --f7-list-item-padding-vertical: 8px; - --f7-list-item-padding-horizontal: 16px; --f7-list-media-item-padding-vertical: 14px; - --f7-list-media-item-padding-horizontal: 16px; /* --f7-list-media-item-title-font-weight: var(--f7-list-item-title-font-weight); */ @@ -3745,8 +3739,7 @@ html.device-full-viewport body { --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.54); } .aurora { - --f7-list-in-list-padding-left: 15px; - --f7-list-inset-side-margin: 15px; + --f7-list-in-list-padding-left: 16px; --f7-list-inset-border-radius: 4px; --f7-list-margin-vertical: 15px; --f7-list-font-size: 14px; @@ -3770,11 +3763,8 @@ html.device-full-viewport body { --f7-list-item-min-height: 32px; --f7-list-item-media-margin: 10px; --f7-list-item-media-icons-margin: 5px; - --f7-list-item-cell-margin: 15px; --f7-list-item-padding-vertical: 5px; - --f7-list-item-padding-horizontal: 15px; --f7-list-media-item-padding-vertical: 5px; - --f7-list-media-item-padding-horizontal: 15px; --f7-list-media-item-title-font-weight: 600; /* --f7-list-button-text-color: var(--f7-theme-color); @@ -3797,9 +3787,9 @@ html.device-full-viewport body { } .aurora .theme-dark, .aurora.theme-dark { - --f7-list-item-text-text-color: rgba(255, 255, 255, 0.52); - --f7-list-item-after-text-color: rgba(255, 255, 255, 0.52); - --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.52); + --f7-list-item-text-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-after-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.54); --f7-list-item-divider-text-color: rgba(255, 255, 255, 0.6); --f7-list-group-title-text-color: rgba(255, 255, 255, 0.6); --f7-list-link-pressed-bg-color: rgba(255, 255, 255, 0.05); @@ -4574,12 +4564,14 @@ li.list-group-title, --f7-button-fill-bg-color: var(--f7-theme-color); --f7-button-outline-border-color: var(--f7-theme-color); */ + --f7-button-outline-border-width: 2px; --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-bg-color: rgba(0, 0, 0, 0.07); --f7-segmented-strong-padding: 2px; --f7-segmented-strong-between-buttons: 4px; + --f7-segmented-strong-button-font-weight: 500; --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); @@ -4608,7 +4600,6 @@ li.list-group-title, --f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); --f7-button-fill-pressed-bg-color: var(--f7-theme-color-tint); */ - --f7-button-outline-border-width: 2px; --f7-button-large-height: 44px; --f7-button-large-font-size: 17px; --f7-button-large-font-weight: 500; @@ -4619,7 +4610,6 @@ li.list-group-title, --f7-button-small-text-transform: uppercase; --f7-button-small-outline-border-width: 2px; --f7-segmented-strong-button-text-transform: none; - --f7-segmented-strong-button-font-weight: 500; --f7-segmented-strong-button-active-font-weight: 600; } .md { @@ -4634,7 +4624,6 @@ li.list-group-title, /* --f7-button-fill-pressed-bg-color: var(--f7-theme-color-shade); */ - --f7-button-outline-border-width: 2px; --f7-button-large-height: 48px; --f7-button-large-font-size: 14px; --f7-button-large-font-weight: 500; @@ -4645,7 +4634,6 @@ li.list-group-title, --f7-button-small-text-transform: uppercase; --f7-button-small-outline-border-width: 2px; --f7-segmented-strong-button-text-transform: uppercase; - --f7-segmented-strong-button-font-weight: 500; --f7-segmented-strong-button-active-font-weight: 500; } .md .theme-dark, @@ -4669,7 +4657,6 @@ li.list-group-title, --f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); --f7-button-fill-pressed-bg-color: var(--f7-theme-color-shade); */ - --f7-button-outline-border-width: 2px; --f7-button-large-height: 34px; --f7-button-large-font-size: 14px; --f7-button-large-font-weight: 600; @@ -4680,7 +4667,6 @@ li.list-group-title, --f7-button-small-text-transform: none; --f7-button-small-outline-border-width: 1px; --f7-segmented-strong-button-text-transform: none; - --f7-segmented-strong-button-font-weight: 500; --f7-segmented-strong-button-active-font-weight: 600; } button { @@ -5224,8 +5210,8 @@ i.icon { } .aurora { --f7-appbar-height: 38px; - --f7-appbar-inner-padding-left: 15px; - --f7-appbar-inner-padding-right: 15px; + --f7-appbar-inner-padding-left: 16px; + --f7-appbar-inner-padding-right: 16px; } .appbar { position: relative; @@ -5246,10 +5232,10 @@ i.icon { z-index: 7000; } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .appbar { - background-color: rgba(var(--f7-appbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), 0.8); - -webkit-backdrop-filter: saturate(180%) blur(20px); - backdrop-filter: saturate(180%) blur(20px); + .ios-translucent-bars .appbar { + background-color: rgba(var(--f7-appbar-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)); } } .appbar .panel ~ .appbar { @@ -5354,7 +5340,7 @@ i.icon { --f7-dialog-bg-color-rgb: 255, 255, 255; --f7-dialog-box-shadow: none; --f7-dialog-width: 270px; - --f7-dialog-inner-padding: 15px; + --f7-dialog-inner-padding: 16px; --f7-dialog-border-radius: 13px; --f7-dialog-text-color: #000; --f7-dialog-text-align: center; @@ -5454,9 +5440,10 @@ i.icon { color: var(--f7-dialog-text-color); font-size: var(--f7-dialog-font-size); will-change: transform, opacity; + background: var(--f7-dialog-bg-color); } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .dialog { + .ios-translucent-modals .dialog { background-color: rgba(var(--f7-dialog-bg-color-rgb), 0.8); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); @@ -5783,7 +5770,7 @@ html.with-modal-dialog .page-content { font-weight: 600; } .aurora .dialog-button + .dialog-button { - margin-left: 15px; + margin-left: 16px; } .aurora .dialog-buttons-vertical .dialog-buttons { display: flex; @@ -5978,14 +5965,14 @@ html.with-modal-popup-push .framework7-root > .view { } .md .theme-dark, .md.theme-dark { - --f7-login-screen-bg-color: #171717; + --f7-login-screen-bg-color: #121212; } .aurora { --f7-login-screen-blocks-margin-vertical: 15px; } .aurora .theme-dark, .aurora.theme-dark { - --f7-login-screen-bg-color: #171717; + --f7-login-screen-bg-color: #121212; } .login-screen { position: absolute; @@ -6123,7 +6110,7 @@ html.with-modal-popup-push .framework7-root > .view { } .md .theme-dark, .md.theme-dark { - --f7-popover-bg-color: #202020; + --f7-popover-bg-color: #1c1c1d; --f7-popover-actions-label-text-color: rgba(255, 255, 255, 0.54); } .aurora { @@ -6136,7 +6123,7 @@ html.with-modal-popup-push .framework7-root > .view { } .aurora .theme-dark, .aurora.theme-dark { - --f7-popover-bg-color: #202020; + --f7-popover-bg-color: #1c1c1d; --f7-popover-actions-label-text-color: rgba(255, 255, 255, 0.6); } .popover { @@ -6439,10 +6426,18 @@ html.with-modal-popup-push .framework7-root > .view { --f7-actions-label-text-color: rgba(0, 0, 0, 0.54); --f7-actions-label-font-size: 16px; --f7-actions-label-justify-content: flex-start; - --f7-actions-group-border-color: #d2d2d6; + --f7-actions-group-border-color: rgba(0, 0, 0, 0.12); --f7-actions-group-margin: 0px; --f7-actions-grid-button-icon-size: 48px; } +.md .theme-dark, +.md.theme-dark { + --f7-actions-bg-color: #202020; + --f7-actions-button-text-color: #fff; + --f7-actions-button-pressed-bg-color: #2e2e2e; + --f7-actions-label-text-color: rgba(255, 255, 255, 0.55); + --f7-actions-group-border-color: rgba(255, 255, 255, 0.15); +} .aurora { --f7-actions-bg-color: #fff; --f7-actions-border-radius: 4px; @@ -6451,21 +6446,30 @@ html.with-modal-popup-push .framework7-root > .view { --f7-actions-button-text-color: var(--f7-theme-color); */ --f7-actions-button-pressed-bg-color: #e5e5e5; - --f7-actions-button-padding: 0 15px; + --f7-actions-button-padding: 0 16px; --f7-actions-button-text-align: center; --f7-actions-button-height: 32px; --f7-actions-button-height-landscape: 32px; --f7-actions-button-font-size: 14px; --f7-actions-button-icon-size: 18px; --f7-actions-button-justify-content: space-between; - --f7-actions-label-padding: 10px 15px; + --f7-actions-label-padding: 10px 16px; --f7-actions-label-text-color: rgba(0, 0, 0, 0.5); --f7-actions-label-font-size: 12px; --f7-actions-label-justify-content: center; --f7-actions-group-border-color: rgba(0, 0, 0, 0.1); - --f7-actions-group-margin: 15px; + --f7-actions-group-margin: 16px; --f7-actions-grid-button-icon-size: 32px; } +.aurora .theme-dark, +.aurora.theme-dark { + --f7-actions-bg-color: #202020; + --f7-actions-button-text-color: #fff; + --f7-actions-button-border-color: rgba(255, 255, 255, 0.15); + --f7-actions-button-pressed-bg-color: #2e2e2e; + --f7-actions-label-text-color: rgba(255, 255, 255, 0.55); + --f7-actions-group-border-color: rgba(255, 255, 255, 0.15); +} .actions-modal { position: absolute; left: 0; @@ -6544,8 +6548,8 @@ html.with-modal-popup-push .framework7-root > .view { background: var(--f7-actions-bg-color); } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .actions-button, - .ios-translucent .actions-label { + .ios-translucent-modals .actions-button, + .ios-translucent-modals .actions-label { background-color: rgba(var(--f7-actions-bg-color-rgb), 0.8); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); @@ -6613,7 +6617,7 @@ html.with-modal-popup-push .framework7-root > .view { color: var(--f7-theme-color); } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .actions-button.active-state { + .ios-translucent-modals .actions-button.active-state { background-color: rgba(var(--f7-actions-button-pressed-bg-color-rgb), 0.8); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); @@ -6710,18 +6714,18 @@ html.with-modal-popup-push .framework7-root > .view { font-size: var(--f7-actions-grid-button-font-size); } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .actions-grid .actions-group { + .ios-translucent-modals .actions-grid .actions-group { background-color: rgba(var(--f7-actions-bg-color-rgb), 0.8); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); } } .ios .actions-button-media { - margin-left: 15px; + margin-left: 16px; } .ios .actions-button-media + .actions-button-text { text-align: left; - margin-left: 15px; + margin-left: 16px; } .md .actions-button { transition-duration: 300ms; @@ -6733,11 +6737,11 @@ html.with-modal-popup-push .framework7-root > .view { margin-left: 16px; } .aurora .actions-button-media { - margin-left: 15px; + margin-left: 16px; } .aurora .actions-button-media + .actions-button-text { text-align: left; - margin-left: 15px; + margin-left: 16px; } /* === Sheet Modal === */ :root { @@ -6750,7 +6754,7 @@ html.with-modal-popup-push .framework7-root > .view { } :root .theme-dark, :root.theme-dark { - --f7-sheet-bg-color: #171717; + --f7-sheet-bg-color: #121212; } .ios { --f7-sheet-border-color: var(--f7-bars-border-color); @@ -6920,7 +6924,7 @@ html.with-modal-sheet-push .framework7-root > .view { .ios { --f7-toast-bg-color: rgba(0, 0, 0, 0.75); --f7-toast-bg-color-rgb: 0, 0, 0; - --f7-toast-padding-horizontal: 15px; + --f7-toast-padding-horizontal: 16px; --f7-toast-padding-vertical: 12px; --f7-toast-border-radius: 8px; --f7-toast-button-min-width: 64px; @@ -6952,7 +6956,7 @@ html.with-modal-sheet-push .framework7-root > .view { opacity: 0; } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .toast { + .ios-translucent-modals .toast { background-color: rgba(var(--f7-toast-bg-color-rgb), 0.8); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); @@ -7044,13 +7048,13 @@ html.with-modal-sheet-push .framework7-root > .view { border-radius: var(--f7-toast-border-radius); } .ios .toast.toast-top { - top: 15px; + top: 16px; } .ios .toast.toast-center { margin-left: 0; } .ios .toast.toast-bottom { - margin-bottom: calc(15px + var(--f7-safe-area-bottom)); + margin-bottom: calc(16px + var(--f7-safe-area-bottom)); } } @media (min-width: 1024px) { @@ -7060,11 +7064,11 @@ html.with-modal-sheet-push .framework7-root > .view { } .ios .toast.toast-bottom, .ios .toast.toast-top { - left: 15px; + left: 16px; } } .ios .toast-button { - margin-left: 15px; + margin-left: 16px; margin-right: calc(-1 * var(--f7-button-padding-horizontal)); } .md .toast { @@ -8338,20 +8342,24 @@ html.device-android-4 .accordion-item-content { font-weight: var(--f7-list-index-label-font-weight); } .navbar ~ .page > .list-index, +.navbars ~ .page > .list-index, .navbar ~ .list-index { top: var(--f7-navbar-height); } .navbar ~ .toolbar-top ~ .list-index, +.navbars ~ .toolbar-top ~ .list-index, .ios .navbar ~ .toolbar-top-ios ~ .list-index, -.md .navbar ~ .toolbar-top-md ~ .list-index { +.ios .navbars ~ .toolbar-top-ios .md .navbar ~ .toolbar-top-md ~ .list-index { top: calc(var(--f7-navbar-height) + var(--f7-toolbar-height)); } .navbar ~ .toolbar-top.tabbar-labels ~ .list-index, +.navbars ~ .toolbar-top.tabbar-labels ~ .list-index, .ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ .list-index, -.md .navbar ~ .toolbar-top-md.tabbar-labels ~ .list-index { +.ios .navbars ~ .toolbar-top-ios .md .navbar ~ .toolbar-top-md.tabbar-labels ~ .list-index { top: calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height)); } .navbar ~ .subnavbar ~ .list-index, +.navbars ~ .subnavbar ~ .list-index, .page-with-subnavbar .navbar ~ .list-index { top: calc(var(--f7-navbar-height) + var(--f7-subnavbar-height)); } @@ -8416,6 +8424,8 @@ html.device-android-4 .accordion-item-content { } /* === Timeline === */ :root { + --f7-timeline-inner-block-margin-vertical: 16px; + --f7-timeline-divider-margin-horizontal: 16px; --f7-timeline-horizontal-date-height: 34px; --f7-timeline-year-height: 24px; --f7-timeline-year-font-weight: inherit; @@ -8433,10 +8443,8 @@ html.device-android-4 .accordion-item-content { --f7-timeline-horizontal-item-date-border-color: rgba(255, 255, 255, 0.15); } .ios { - --f7-timeline-padding-horizontal: 15px; + --f7-timeline-padding-horizontal: 16px; --f7-timeline-margin-vertical: 35px; - --f7-timeline-divider-margin-horizontal: 15px; - --f7-timeline-inner-block-margin-vertical: 15px; --f7-timeline-item-inner-border-radius: 7px; --f7-timeline-item-inner-box-shadow: none; --f7-timeline-item-time-font-size: 13px; @@ -8462,8 +8470,6 @@ html.device-android-4 .accordion-item-content { .md { --f7-timeline-padding-horizontal: 16px; --f7-timeline-margin-vertical: 32px; - --f7-timeline-divider-margin-horizontal: 16px; - --f7-timeline-inner-block-margin-vertical: 16px; --f7-timeline-item-inner-border-radius: 4px; --f7-timeline-item-inner-box-shadow: var(--f7-elevation-1); --f7-timeline-item-time-font-size: 13px; @@ -8489,8 +8495,6 @@ html.device-android-4 .accordion-item-content { .aurora { --f7-timeline-padding-horizontal: 10px; --f7-timeline-margin-vertical: 15px; - --f7-timeline-divider-margin-horizontal: 15px; - --f7-timeline-inner-block-margin-vertical: 15px; --f7-timeline-item-inner-border-radius: 4px; --f7-timeline-item-inner-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); --f7-timeline-item-time-font-size: 12px; @@ -8512,8 +8516,8 @@ html.device-android-4 .accordion-item-content { } .aurora .theme-dark, .aurora.theme-dark { - --f7-timeline-item-time-text-color: rgba(255, 255, 255, 0.52); - --f7-timeline-item-text-color: rgba(255, 255, 255, 0.52); + --f7-timeline-item-time-text-color: rgba(255, 255, 255, 0.54); + --f7-timeline-item-text-color: rgba(255, 255, 255, 0.54); } .timeline { box-sizing: border-box; @@ -8772,10 +8776,10 @@ html.device-android-4 .accordion-item-content { text-align: left; } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .timeline-horizontal .timeline-item-date { - background-color: rgba(var(--f7-bars-bg-color-rgb), 0.8); - -webkit-backdrop-filter: saturate(180%) blur(20px); - backdrop-filter: saturate(180%) blur(20px); + .ios-translucent-bars .timeline-horizontal .timeline-item-date { + background-color: rgba(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)); } } .timeline-horizontal .timeline-item-date:after { @@ -9026,11 +9030,11 @@ html.device-android-4 .accordion-item-content { color: var(--f7-bars-text-color); } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .timeline-year-title, - .ios-translucent .timeline-month-title { - background-color: rgba(var(--f7-bars-bg-color-rgb), 0.8); - -webkit-backdrop-filter: saturate(180%) blur(20px); - backdrop-filter: saturate(180%) blur(20px); + .ios-translucent-bars .timeline-year-title, + .ios-translucent-bars .timeline-month-title { + background-color: rgba(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)); } } .timeline-year-title span, @@ -9378,6 +9382,8 @@ html.with-panel-right-reveal .panel-right.panel-in-collapsed ~ .view { } /* === Card === */ :root { + --f7-card-content-padding-horizontal: 16px; + --f7-card-content-padding-vertical: 16px; --f7-card-bg-color: #fff; --f7-card-outline-border-color: rgba(0, 0, 0, 0.12); --f7-card-border-radius: 4px; @@ -9385,9 +9391,11 @@ html.with-panel-right-reveal .panel-right.panel-in-collapsed ~ .view { --f7-card-header-text-color: inherit; --f7-card-header-font-weight: 400; --f7-card-header-border-color: rgba(0, 0, 0, 0.1); + --f7-card-header-padding-horizontal: 16px; --f7-card-footer-border-color: rgba(0, 0, 0, 0.1); --f7-card-footer-font-weight: 400; --f7-card-footer-font-size: inherit; + --f7-card-footer-padding-horizontal: 16px; --f7-card-expandable-bg-color: #fff; --f7-card-expandable-font-size: 16px; --f7-card-expandable-tablet-width: 670px; @@ -9406,15 +9414,11 @@ html.with-panel-right-reveal .panel-right.panel-in-collapsed ~ .view { --f7-card-margin-horizontal: 10px; --f7-card-margin-vertical: 10px; --f7-card-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); - --f7-card-content-padding-horizontal: 15px; - --f7-card-content-padding-vertical: 15px; --f7-card-header-font-size: 17px; --f7-card-header-padding-vertical: 10px; - --f7-card-header-padding-horizontal: 15px; --f7-card-header-min-height: 44px; --f7-card-footer-text-color: rgba(0, 0, 0, 0.45); --f7-card-footer-padding-vertical: 10px; - --f7-card-footer-padding-horizontal: 15px; --f7-card-footer-min-height: 44px; --f7-card-expandable-margin-horizontal: 20px; --f7-card-expandable-margin-vertical: 30px; @@ -9428,15 +9432,11 @@ html.with-panel-right-reveal .panel-right.panel-in-collapsed ~ .view { --f7-card-margin-horizontal: 8px; --f7-card-margin-vertical: 8px; --f7-card-box-shadow: var(--f7-elevation-1); - --f7-card-content-padding-horizontal: 16px; - --f7-card-content-padding-vertical: 16px; --f7-card-header-font-size: 16px; --f7-card-header-padding-vertical: 4px; - --f7-card-header-padding-horizontal: 16px; --f7-card-header-min-height: 48px; - --f7-card-footer-text-color: #757575; + --f7-card-footer-text-color: rgba(0, 0, 0, 0.54); --f7-card-footer-padding-vertical: 4px; - --f7-card-footer-padding-horizontal: 16px; --f7-card-footer-min-height: 48px; --f7-card-expandable-margin-horizontal: 12px; --f7-card-expandable-margin-vertical: 24px; @@ -9450,16 +9450,12 @@ html.with-panel-right-reveal .panel-right.panel-in-collapsed ~ .view { --f7-card-margin-horizontal: 10px; --f7-card-margin-vertical: 10px; --f7-card-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); - --f7-card-content-padding-horizontal: 15px; - --f7-card-content-padding-vertical: 15px; --f7-card-header-font-size: 14px; --f7-card-header-font-weight: bold; --f7-card-header-padding-vertical: 10px; - --f7-card-header-padding-horizontal: 15px; --f7-card-header-min-height: 38px; --f7-card-footer-text-color: rgba(0, 0, 0, 0.6); --f7-card-footer-padding-vertical: 10px; - --f7-card-footer-padding-horizontal: 15px; --f7-card-footer-min-height: 38px; --f7-card-expandable-margin-horizontal: 10px; --f7-card-expandable-margin-vertical: 20px; @@ -11813,20 +11809,20 @@ label.item-radio.disabled, --f7-stepper-fill-button-bg-color: var(--f7-theme-color); */ --f7-stepper-raised-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0,0,0,0.24); + --f7-stepper-value-font-weight: 500; + --f7-stepper-border-width: 2px; } .ios { - --f7-stepper-height: 29px; + --f7-stepper-height: 28px; --f7-stepper-border-radius: 5px; /* --f7-stepper-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); --f7-stepper-fill-button-pressed-bg-color: var(--f7-theme-color-tint); */ - --f7-stepper-border-width: 1px; --f7-stepper-large-height: 44px; --f7-stepper-small-height: 26px; --f7-stepper-small-border-width: 2px; --f7-stepper-value-font-size: 17px; - --f7-stepper-value-font-weight: 400; } .md { --f7-stepper-height: 36px; @@ -11835,12 +11831,10 @@ label.item-radio.disabled, /* --f7-stepper-fill-button-pressed-bg-color: var(--f7-theme-color-shade); */ - --f7-stepper-border-width: 2px; --f7-stepper-large-height: 48px; --f7-stepper-small-border-width: 2px; --f7-stepper-small-height: 28px; --f7-stepper-value-font-size: 14px; - --f7-stepper-value-font-weight: 500; } .md .theme-dark, .md.theme-dark { @@ -11857,12 +11851,10 @@ label.item-radio.disabled, --f7-stepper-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); --f7-stepper-fill-button-pressed-bg-color: var(--f7-theme-color-shade); */ - --f7-stepper-border-width: 2px; --f7-stepper-large-height: 34px; --f7-stepper-small-border-width: 1px; --f7-stepper-small-height: 22px; --f7-stepper-value-font-size: 14px; - --f7-stepper-value-font-weight: 500; } .stepper { display: inline-flex; @@ -11938,6 +11930,7 @@ label.item-radio.disabled, top: 50%; transform: translate(-50%, -50%); background-color: var(--f7-stepper-button-text-color, var(--f7-theme-color)); + border-radius: 2px; } .stepper-button-plus:after, .stepper-button-minus:after { @@ -12169,15 +12162,9 @@ label.item-radio.disabled, max-height: 40vh; } /* === Grid === */ -.ios { - --f7-grid-gap: 15px; -} -.md { +:root { --f7-grid-gap: 16px; } -.aurora { - --f7-grid-gap: 15px; -} .row { display: flex; justify-content: space-between; @@ -12698,8 +12685,8 @@ label.item-radio.disabled, :root .theme-dark, :root.theme-dark { --f7-calendar-sheet-border-color: var(--f7-bars-border-color); - --f7-calendar-modal-bg-color: #171717; - --f7-calendar-sheet-bg-color: #171717; + --f7-calendar-modal-bg-color: #121212; + --f7-calendar-sheet-bg-color: #121212; } .ios { --f7-calendar-sheet-border-color: #929499; @@ -13618,7 +13605,7 @@ label.item-radio.disabled, --f7-table-footer-font-size: 12px; --f7-table-input-height: 24px; --f7-table-input-font-size: 14px; - --f7-table-collapsible-cell-padding: 15px; + --f7-table-collapsible-cell-padding: 16px; --f7-table-link-icon-only-icon-size: 20px; --f7-table-sortable-icon-color: #000; } @@ -13636,9 +13623,9 @@ label.item-radio.disabled, --f7-table-body-cell-height: 44px; --f7-table-cell-border-color: rgba(0, 0, 0, 0.22); --f7-table-cell-padding-vertical: 0px; - --f7-table-cell-padding-horizontal: 15px; - --f7-table-edge-cell-padding-horizontal: 15px; - --f7-table-label-cell-padding-horizontal: 15px; + --f7-table-cell-padding-horizontal: 16px; + --f7-table-edge-cell-padding-horizontal: 16px; + --f7-table-label-cell-padding-horizontal: 16px; --f7-table-checkbox-cell-width: 22px; /* --f7-table-actions-cell-link-color: var(--f7-theme-color); */ --f7-table-selected-row-bg-color: rgba(0, 0, 0, 0.03); @@ -13696,8 +13683,8 @@ label.item-radio.disabled, --f7-table-cell-border-color: rgba(0, 0, 0, 0.12); --f7-table-cell-padding-vertical: 5px; --f7-table-cell-padding-horizontal: 10px; - --f7-table-edge-cell-padding-horizontal: 15px; - --f7-table-label-cell-padding-horizontal: 15px; + --f7-table-edge-cell-padding-horizontal: 16px; + --f7-table-label-cell-padding-horizontal: 16px; --f7-table-checkbox-cell-width: 22px; /* --f7-table-actions-cell-link-color: var(--f7-theme-color); */ --f7-table-selected-row-bg-color: rgba(0, 0, 0, 0.03); @@ -13712,8 +13699,8 @@ label.item-radio.disabled, .aurora .theme-dark, .aurora.theme-dark { --f7-table-selected-row-bg-color: rgba(255, 255, 255, 0.03); - --f7-table-head-text-color: rgba(255, 255, 255, 0.52); - --f7-table-footer-text-color: rgba(255, 255, 255, 0.52); + --f7-table-head-text-color: rgba(255, 255, 255, 0.54); + --f7-table-footer-text-color: rgba(255, 255, 255, 0.54); } .data-table { overflow-x: auto; @@ -14130,7 +14117,7 @@ table.data-table { } .ios .data-table th.actions-cell a.link + a.link, .ios .data-table td.actions-cell a.link + a.link { - margin-left: 15px; + margin-left: 16px; } .ios .sortable-cell:not(.numeric-cell):after { margin-left: 5px; @@ -14142,7 +14129,7 @@ table.data-table { .ios .data-table-actions a.link + a.link, .ios .data-table-links .button + .button, .ios .data-table-actions .button + .button { - margin-left: 15px; + margin-left: 16px; } .ios .data-table-actions a.link.icon-only { width: 44px; @@ -14160,7 +14147,7 @@ table.data-table { margin-left: 20px; } .ios .data-table-pagination-label { - margin-right: 15px; + margin-right: 16px; } .md .data-table th.actions-cell a.link + a.link, .md .data-table td.actions-cell a.link + a.link { @@ -14252,7 +14239,7 @@ table.data-table { height: 32px; } .aurora .data-table-rows-select + .data-table-pagination { - margin-left: 15px; + margin-left: 16px; } .aurora .data-table-rows-select .input { margin-left: 10px; @@ -14262,6 +14249,7 @@ table.data-table { } /* === FAB === */ :root { + --f7-fab-margin: 16px; --f7-fab-text-color: #fff; --f7-fab-extended-text-font-size: 14px; --f7-fab-extended-text-padding: 0 20px; @@ -14275,9 +14263,8 @@ table.data-table { .ios { --f7-fab-size: 50px; --f7-fab-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); - --f7-fab-margin: 15px; --f7-fab-extended-size: 50px; - --f7-fab-extended-text-font-weight: 400; + --f7-fab-extended-text-font-weight: 600; --f7-fab-extended-text-letter-spacing: 0; --f7-fab-label-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); --f7-fab-label-font-size: inherit; @@ -14285,7 +14272,6 @@ table.data-table { .md { --f7-fab-size: 56px; --f7-fab-box-shadow: var(--f7-elevation-6); - --f7-fab-margin: 16px; --f7-fab-extended-size: 48px; --f7-fab-extended-text-font-weight: 500; --f7-fab-extended-text-letter-spacing: 0.03em; @@ -14295,7 +14281,6 @@ table.data-table { .aurora { --f7-fab-size: 40px; --f7-fab-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); - --f7-fab-margin: 15px; --f7-fab-extended-size: 38px; --f7-fab-extended-text-font-weight: 500; --f7-fab-extended-text-letter-spacing: 0; @@ -14581,7 +14566,9 @@ table.data-table { margin-left: 8px; } .navbar ~ * .fab[class*="-top"], -.navbar ~ .fab[class*="-top"] { +.navbar ~ .fab[class*="-top"], +.navbars ~ * .fab[class*="-top"], +.navbars ~ .fab[class*="-top"] { margin-top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)); } .toolbar-top ~ * .fab[class*="-top"], @@ -14636,6 +14623,18 @@ table.data-table { .md .navbar + .toolbar-top-ios.tabbar-labels ~ .fab[class*="-top"] { margin-top: calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top)); } +.navbars + .toolbar-top ~ * .fab[class*="-top"], +.ios .navbars + .toolbar-top-ios ~ * .fab[class*="-top"], +.navbars + .toolbar-top ~ .fab[class*="-top"], +.ios .navbars + .toolbar-top-ios ~ .fab[class*="-top"] { + margin-top: calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top)); +} +.navbars + .toolbar-top.tabbar-labels ~ * .fab[class*="-top"], +.ios .navbars + .toolbar-top-ios.tabbar-labels ~ * .fab[class*="-top"], +.navbars + .toolbar-top.tabbar-labels ~ .fab[class*="-top"], +.ios .navbars + .toolbar-top-ios.tabbar-labels ~ .fab[class*="-top"] { + margin-top: calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top)); +} .ios .fab > a.active-state, .ios .fab-buttons a.active-state { transition-duration: 0ms; @@ -14720,8 +14719,8 @@ table.data-table { } .md .theme-dark, .md.theme-dark { - --f7-searchbar-bg-color: #222222; - --f7-searchbar-input-bg-color: #222222; + --f7-searchbar-bg-color: #202020; + --f7-searchbar-input-bg-color: #202020; } .aurora { /* @@ -14770,10 +14769,10 @@ table.data-table { background-color: var(--f7-searchbar-bg-color, var(--f7-bars-bg-color)); } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .searchbar { - background-color: rgba(var(--f7-searchbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), 0.8); - -webkit-backdrop-filter: saturate(180%) blur(20px); - backdrop-filter: saturate(180%) blur(20px); + .ios-translucent-bars .searchbar { + background-color: rgba(var(--f7-searchbar-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)); } } .ios .subnavbar .searchbar { @@ -14807,7 +14806,7 @@ table.data-table { transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); } .page > .searchbar:not(.searchbar-inline) { - z-index: 510; + z-index: 600; } .page > .searchbar:not(.searchbar-inline):before { content: ''; @@ -14899,10 +14898,10 @@ table.data-table { transition-duration: 300ms; pointer-events: none; } -.navbar-inner .searchbar-expandable { +.navbar .searchbar-expandable { background: transparent; } -.navbar-inner .searchbar-expandable:after { +.navbar .searchbar-expandable:after { display: none !important; } .navbar .searchbar.searchbar-expandable { @@ -14999,31 +14998,27 @@ table.data-table { display: none !important; } .navbar.with-searchbar-expandable-enabled-no-transition, -.navbar-inner.with-searchbar-expandable-enabled-no-transition { +.navbar.with-searchbar-expandable-enabled-no-transition { --f7-navbar-large-collapse-progress: 1; } .navbar.with-searchbar-expandable-enabled, -.navbar-inner.with-searchbar-expandable-enabled { +.navbar.with-searchbar-expandable-enabled { --f7-navbar-large-collapse-progress: 1; } .navbar.with-searchbar-expandable-enabled .navbar-bg, -.navbar-inner.with-searchbar-expandable-enabled .navbar-bg, +.navbar.with-searchbar-expandable-enabled .navbar-bg, +.navbar.with-searchbar-expandable-enabled .title-large, .navbar.with-searchbar-expandable-enabled .title-large, -.navbar-inner.with-searchbar-expandable-enabled .title-large, .navbar.with-searchbar-expandable-enabled .title-large-text, -.navbar-inner.with-searchbar-expandable-enabled .title-large-text, -.navbar.with-searchbar-expandable-enabled .title-large-inner, -.navbar-inner.with-searchbar-expandable-enabled .title-large-inner { +.navbar.with-searchbar-expandable-enabled .title-large-text { transition-duration: 300ms; } .navbar.with-searchbar-expandable-closing .navbar-bg, -.navbar-inner.with-searchbar-expandable-closing .navbar-bg, +.navbar.with-searchbar-expandable-closing .navbar-bg, +.navbar.with-searchbar-expandable-closing .title-large, .navbar.with-searchbar-expandable-closing .title-large, -.navbar-inner.with-searchbar-expandable-closing .title-large, .navbar.with-searchbar-expandable-closing .title-large-text, -.navbar-inner.with-searchbar-expandable-closing .title-large-text, -.navbar.with-searchbar-expandable-closing .title-large-inner, -.navbar-inner.with-searchbar-expandable-closing .title-large-inner { +.navbar.with-searchbar-expandable-closing .title-large-text { transition-duration: 300ms; } .page-content.with-searchbar-expandable-enabled { @@ -15036,10 +15031,12 @@ table.data-table { transition-duration: 300ms; } .navbar ~ .page:not(.no-navbar) > .searchbar, +.navbars ~ .page:not(.no-navbar) > .searchbar, .page > .navbar ~ .searchbar { top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)); } .navbar ~ .page-with-navbar-large:not(.no-navbar) .searchbar, +.navbars ~ .page-with-navbar-large:not(.no-navbar) .searchbar, .page-with-navbar-large .navbar ~ .searchbar, .page-with-navbar-large .navbar ~ * .searchbar { top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height) + var(--f7-safe-area-top)); @@ -15155,26 +15152,26 @@ table.data-table { .ios .searchbar-expandable .searchbar-inner { height: var(--f7-searchbar-expandable-size); } -.ios .navbar-inner.with-searchbar-expandable-enabled .navbar-bg, -.ios .navbar-inner.with-searchbar-expandable-closing .navbar-bg { +.ios .navbar.with-searchbar-expandable-enabled .navbar-bg, +.ios .navbar.with-searchbar-expandable-closing .navbar-bg { transition-property: transform, opacity; } -.ios .navbar-inner.with-searchbar-expandable-enabled .navbar-bg, -.ios .navbar-inner.with-searchbar-expandable-closing .navbar-bg, -.ios .navbar-inner.with-searchbar-expandable-enabled .left, -.ios .navbar-inner.with-searchbar-expandable-closing .left, -.ios .navbar-inner.with-searchbar-expandable-enabled .title, -.ios .navbar-inner.with-searchbar-expandable-closing .title, -.ios .navbar-inner.with-searchbar-expandable-enabled .right, -.ios .navbar-inner.with-searchbar-expandable-closing .right { +.ios .navbar.with-searchbar-expandable-enabled .navbar-bg, +.ios .navbar.with-searchbar-expandable-closing .navbar-bg, +.ios .navbar.with-searchbar-expandable-enabled .left, +.ios .navbar.with-searchbar-expandable-closing .left, +.ios .navbar.with-searchbar-expandable-enabled .title, +.ios .navbar.with-searchbar-expandable-closing .title, +.ios .navbar.with-searchbar-expandable-enabled .right, +.ios .navbar.with-searchbar-expandable-closing .right { transition-duration: 300ms; } -.ios .navbar-inner.with-searchbar-expandable-enabled .left, -.ios .navbar-inner.with-searchbar-expandable-enabled-no-transition .left, -.ios .navbar-inner.with-searchbar-expandable-enabled .title, -.ios .navbar-inner.with-searchbar-expandable-enabled-no-transition .title, -.ios .navbar-inner.with-searchbar-expandable-enabled .right, -.ios .navbar-inner.with-searchbar-expandable-enabled-no-transition .right { +.ios .navbar.with-searchbar-expandable-enabled .left, +.ios .navbar.with-searchbar-expandable-enabled-no-transition .left, +.ios .navbar.with-searchbar-expandable-enabled .title, +.ios .navbar.with-searchbar-expandable-enabled-no-transition .title, +.ios .navbar.with-searchbar-expandable-enabled .right, +.ios .navbar.with-searchbar-expandable-enabled-no-transition .right { transform: translateY(calc(-1 * var(--f7-navbar-height))); opacity: 0 !important; } @@ -15478,10 +15475,10 @@ table.data-table { } .aurora .theme-dark, .aurora.theme-dark { - --f7-messages-title-text-color: rgba(255, 255, 255, 0.52); - --f7-message-header-text-color: rgba(255, 255, 255, 0.52); - --f7-message-name-text-color: rgba(255, 255, 255, 0.52); - --f7-message-footer-text-color: rgba(255, 255, 255, 0.52); + --f7-messages-title-text-color: rgba(255, 255, 255, 0.54); + --f7-message-header-text-color: rgba(255, 255, 255, 0.54); + --f7-message-name-text-color: rgba(255, 255, 255, 0.54); + --f7-message-footer-text-color: rgba(255, 255, 255, 0.54); } .messages-content, .messages { @@ -15921,7 +15918,7 @@ table.data-table { border-bottom-right-radius: var(--f7-message-bubble-border-radius); } .aurora .message-received { - margin-left: calc(15px + var(--f7-safe-area-left)); + margin-left: calc(16px + var(--f7-safe-area-left)); } .aurora .message-received .message-avatar + .message-content { margin-left: 5px; @@ -15940,7 +15937,7 @@ table.data-table { transform-origin: right bottom; } .aurora .message-sent { - margin-right: calc(15px + var(--f7-safe-area-right)); + margin-right: calc(16px + var(--f7-safe-area-right)); } .aurora .message-sent .message-avatar + .message-content { margin-right: 5px; @@ -16017,7 +16014,7 @@ table.data-table { */ --f7-messagebar-border-color: transparent; --f7-messagebar-textarea-border-radius: 17px; - --f7-messagebar-textarea-padding: 6px 15px; + --f7-messagebar-textarea-padding: 6px 16px; --f7-messagebar-textarea-height: 34px; --f7-messagebar-textarea-text-color: #000; --f7-messagebar-textarea-font-size: 17px; @@ -16051,7 +16048,7 @@ table.data-table { } .md .theme-dark, .md.theme-dark { - --f7-messagebar-border-color: rgba(255, 255, 255, 0.15); + --f7-messagebar-border-color: transparent; --f7-messagebar-link-color: rgba(255, 255, 255, 0.87); --f7-messagebar-textarea-text-color: rgba(255, 255, 255, 0.87); --f7-messagebar-attachments-border-color: rgba(255, 255, 255, 0.2); @@ -16116,10 +16113,10 @@ table.data-table { background: var(--f7-messagebar-shadow-image); } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .messagebar { - background-color: rgba(var(--f7-messagebar-bg-color-rgb), 0.8); - -webkit-backdrop-filter: saturate(180%) blur(20px); - backdrop-filter: saturate(180%) blur(20px); + .ios-translucent-bars .messagebar { + background-color: rgba(var(--f7-messagebar-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)); } } .messagebar.no-hairline:before, @@ -17028,7 +17025,7 @@ button.swiper-pagination-bullet { top: 50%; } .photo-browser-page .navbar-bg, -.navbar-inner-photo-browser .navbar-bg, +.navbar-photo-browser .navbar-bg, .photo-browser-page .toolbar { background-color: var(--f7-photobrowser-bars-bg-color, rgba(var(--f7-bars-bg-color-rgb), 0.95)); background-image: var(--f7-photobrowser-bars-bg-image); @@ -17063,21 +17060,21 @@ button.swiper-pagination-bullet { pointer-events: none; } .photo-browser-page-dark .navbar-bg, -.navbar-inner-photo-browser-dark .navbar-bg, +.navbar-photo-browser-dark .navbar-bg, .photo-browser-page-dark .toolbar { background: var(--f7-photobrowser-dark-bars-bg-color); } .photo-browser-page-dark .navbar-bg:before, -.navbar-inner-photo-browser-dark .navbar-bg:before, +.navbar-photo-browser-dark .navbar-bg:before, .photo-browser-page-dark .toolbar:before { display: none !important; } .photo-browser-page-dark .navbar-bg:after, -.navbar-inner-photo-browser-dark .navbar-bg:after, +.navbar-photo-browser-dark .navbar-bg:after, .photo-browser-page-dark .toolbar:after { display: none !important; } -.navbar-inner-photo-browser-dark, +.navbar-photo-browser-dark, .photo-browser-dark .navbar, .photo-browser-dark .toolbar, .photo-browser-dark-page .navbar, @@ -17086,7 +17083,7 @@ button.swiper-pagination-bullet { --f7-link-highlight-color: var(--f7-link-highlight-white); color: var(--f7-photobrowser-dark-bars-text-color); } -.navbar-inner-photo-browser-dark a, +.navbar-photo-browser-dark a, .photo-browser-dark .navbar a, .photo-browser-dark .toolbar a, .photo-browser-dark-page .navbar a, @@ -17147,7 +17144,7 @@ button.swiper-pagination-bullet { --f7-notification-title-line-height: 1.4; --f7-notification-title-font-weight: 400; --f7-notification-title-letter-spacing: 0.02em; - --f7-notification-title-right-color: #444a51; + --f7-notification-title-right-color: rgba(0, 0, 0, 0.45); --f7-notification-title-right-font-size: 13px; --f7-notification-subtitle-color: #000; --f7-notification-subtitle-font-size: 15px; @@ -17156,6 +17153,15 @@ button.swiper-pagination-bullet { --f7-notification-text-font-size: 15px; --f7-notification-text-line-height: 1.2; } +.ios .theme-dark, +.ios.theme-dark { + --f7-notification-bg-color: rgba(30, 30, 30, 0.95); + --f7-notification-bg-color-rgb: 30, 30, 30; + --f7-notification-subtitle-color: #fff; + --f7-notification-title-color: #fff; + --f7-notification-text-color: #fff; + --f7-notification-title-right-color: rgba(255, 255, 255, 0.55); +} .md { --f7-notification-margin: 0px; --f7-notification-padding: 16px; @@ -17168,15 +17174,22 @@ button.swiper-pagination-bullet { --f7-notification-title-text-transform: none; --f7-notification-title-line-height: 1; --f7-notification-title-font-weight: 400; - --f7-notification-title-right-color: #757575; + --f7-notification-title-right-color: rgba(0, 0, 0, 0.54); --f7-notification-title-right-font-size: 12px; --f7-notification-subtitle-color: #212121; --f7-notification-subtitle-font-size: 14px; --f7-notification-subtitle-font-weight: 400; - --f7-notification-text-color: #757575; + --f7-notification-text-color: rgba(0, 0, 0, 0.54); --f7-notification-text-font-size: 14px; --f7-notification-text-line-height: 1.35; } +.md .theme-dark, +.md.theme-dark { + --f7-notification-bg-color: #242424; + --f7-notification-subtitle-color: #fff; + --f7-notification-title-right-color: rgba(255, 255, 255, 0.54); + --f7-notification-text-color: rgba(255, 255, 255, 0.54); +} .aurora { --f7-notification-margin: 10px; --f7-notification-padding: 10px; @@ -17199,6 +17212,14 @@ button.swiper-pagination-bullet { --f7-notification-text-font-size: 12px; --f7-notification-text-line-height: 1.2; } +.aurora .theme-dark, +.aurora.theme-dark { + --f7-notification-bg-color: #242424; + --f7-notification-title-color: #fff; + --f7-notification-subtitle-color: #fff; + --f7-notification-text-color: #fff; + --f7-notification-title-right-color: rgba(255, 255, 255, 0.54); +} .notification { --f7-link-highlight-color: var(--f7-link-highlight-black); --f7-touch-ripple-color: var(--f7-touch-ripple-black); @@ -17222,7 +17243,7 @@ button.swiper-pagination-bullet { margin-top: var(--f7-safe-area-top); } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .notification { + .ios-translucent-modals .notification { background-color: rgba(var(--f7-notification-bg-color-rgb), 0.8); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); @@ -17352,6 +17373,10 @@ button.swiper-pagination-bullet { margin-left: -22px; margin-top: -22px; } +.ios .theme-dark, +.ios.theme-dark .notification-close-button:after { + color: #fff; +} .md .notification { transform: translate3d(0, -150%, 0); } @@ -17486,6 +17511,10 @@ button.swiper-pagination-bullet { margin-left: -19px; margin-top: -19px; } +.aurora .theme-dark, +.aurora.theme-dark .notification-close-button:after { + color: #fff; +} /* === Autocomplete === */ :root { --f7-autocomplete-dropdown-bg-color: #fff; @@ -17630,7 +17659,7 @@ button.swiper-pagination-bullet { width: 100%; } .ios .autocomplete-dropdown .autocomplete-preloader { - right: 15px; + right: 16px; margin-bottom: 12px; } .ios .searchbar-input-wrap .autocomplete-dropdown { @@ -17657,7 +17686,7 @@ button.swiper-pagination-bullet { border-width: 3px; } .aurora .autocomplete-dropdown .autocomplete-preloader { - right: 15px; + right: 16px; margin-bottom: 2px; } .aurora .searchbar-input-wrap .autocomplete-dropdown { @@ -18039,8 +18068,8 @@ button.swiper-pagination-bullet { } :root .theme-dark, :root.theme-dark { - --f7-color-picker-sheet-bg-color: #171717; - --f7-color-picker-popup-bg-color: #171717; + --f7-color-picker-sheet-bg-color: #121212; + --f7-color-picker-popup-bg-color: #121212; --f7-color-picker-value-bg-color: rgba(255, 255, 255, 0.1); --f7-color-picker-group-bg-color: #000; --f7-color-picker-group-value-bg-color: rgba(255, 255, 255, 0.12); @@ -18320,8 +18349,8 @@ button.swiper-pagination-bullet { .color-picker-slider .range-knob:after { width: 30px; height: 30px; - margin-left: -15px; - margin-top: -15px; + margin-left: -16px; + margin-top: -16px; } .color-picker-slider .range-knob-active-state .range-knob { transform: scale(1.5); @@ -18398,7 +18427,7 @@ button.swiper-pagination-bullet { background-image: linear-gradient(to right, #000, #fff); } .color-picker-module-palette { - margin-top: 15px; + margin-top: 16px; } .color-picker-module-palette:first-child { margin-top: 0; @@ -18463,7 +18492,7 @@ button.swiper-pagination-bullet { background: var(--f7-color-picker-group-bg-color); padding: 5px; border-radius: 4px; - margin-top: 15px; + margin-top: 16px; margin-left: 5px; margin-right: 5px; } @@ -18473,7 +18502,7 @@ button.swiper-pagination-bullet { .color-picker-grouped-modules .color-picker-module-hue-slider:last-child, .color-picker-grouped-modules .color-picker-module-brightness-slider:last-child, .color-picker-grouped-modules .color-picker-module-hex:last-child { - margin-bottom: 15px; + margin-bottom: 16px; } .color-picker-grouped-modules .color-picker-slider-value, .color-picker-grouped-modules .color-picker-hex-value { @@ -18499,6 +18528,8 @@ button.swiper-pagination-bullet { } /* === Treeview === */ :root { + --f7-treeview-item-padding-left: 16px; + --f7-treeview-item-padding-right: 16px; --f7-treeview-toggle-size: 24px; --f7-treeview-toggle-color: rgba(0, 0, 0, 0.5); --f7-treeview-toggle-hover-bg-color: rgba(0, 0, 0, 0.1); @@ -18526,22 +18557,16 @@ button.swiper-pagination-bullet { } .ios { --f7-treeview-item-height: 34px; - --f7-treeview-item-padding-left: 15px; - --f7-treeview-item-padding-right: 15px; --f7-treeview-label-font-size: 17px; --f7-treeview-icon-size: 24px; } .md { --f7-treeview-item-height: 34px; - --f7-treeview-item-padding-left: 16px; - --f7-treeview-item-padding-right: 16px; --f7-treeview-label-font-size: 16px; --f7-treeview-icon-size: 24px; } .aurora { --f7-treeview-item-height: 28px; - --f7-treeview-item-padding-left: 15px; - --f7-treeview-item-padding-right: 15px; --f7-treeview-label-font-size: 14px; --f7-treeview-icon-size: 20px; } @@ -19103,18 +19128,10 @@ iframe#viAd { transition-property: box-shadow; } /* === Typography === */ -.ios { - --f7-typography-padding: 15px; - --f7-typography-margin: 15px; -} -.md { +:root { --f7-typography-padding: 16px; --f7-typography-margin: 16px; } -.aurora { - --f7-typography-padding: 15px; - --f7-typography-margin: 15px; -} .display-flex { display: flex !important; } diff --git a/packages/core/css/framework7.bundle.min.css b/packages/core/css/framework7.bundle.min.css index b524d6e688..65d05c16fd 100644 --- a/packages/core/css/framework7.bundle.min.css +++ b/packages/core/css/framework7.bundle.min.css @@ -1,5 +1,5 @@ /** - * Framework7 5.0.0-beta.2 + * Framework7 5.0.0-beta.3 * Full featured mobile HTML framework for building iOS & Android apps * http://framework7.io/ * @@ -7,7 +7,7 @@ * * Released under the MIT License * - * Released on: July 22, 2019 + * Released on: August 6, 2019 */ -:root{--f7-theme-color:#007aff;--f7-theme-color-rgb:0,122,255;--f7-theme-color-shade:#0066d6;--f7-theme-color-tint:#298fff;--f7-safe-area-left:0px;--f7-safe-area-right:0px;--f7-safe-area-top:0px;--f7-safe-area-bottom:0px;--f7-safe-area-outer-left:0px;--f7-safe-area-outer-right:0px;--f7-device-pixel-ratio:1}@supports (left:env(safe-area-inset-left)){:root{--f7-safe-area-top:env(safe-area-inset-top);--f7-safe-area-bottom:env(safe-area-inset-bottom)}:root .ios-edges,:root .ios-left-edge,:root .panel-left,:root .popup,:root .safe-area-left,:root .safe-areas,:root .sheet-modal{--f7-safe-area-left:env(safe-area-inset-left);--f7-safe-area-outer-left:env(safe-area-inset-left)}:root .ios-edges,:root .ios-right-edge,:root .panel-right,:root .popup,:root .safe-area-right,:root .safe-areas,:root .sheet-modal{--f7-safe-area-right:env(safe-area-inset-right);--f7-safe-area-outer-right:env(safe-area-inset-right)}:root .no-ios-edges,:root .no-ios-left-edge,:root .no-safe-area-left,:root .no-safe-areas{--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px}:root .no-ios-edges,:root .no-ios-right-edge,:root .no-safe-area-right,:root .no-safe-areas{--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){:root{--f7-device-pixel-ratio:2}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){:root{--f7-device-pixel-ratio:3}}:root{--f7-font-size:14px}.ios{--f7-font-family:-apple-system,SF Pro Text,SF UI Text,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-line-height:1.4}.ios .theme-dark,.ios.theme-dark{--f7-text-color:#fff}.md{--f7-font-family:Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;--f7-text-color:#212121;--f7-line-height:1.5}.md .theme-dark,.md.theme-dark{--f7-text-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-font-family:-apple-system,system-ui,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-line-height:1.5}.aurora .theme-dark,.aurora.theme-dark{--f7-text-color:#fff}:root{--f7-bars-bg-image:none;--f7-bars-bg-color:#f7f7f8;--f7-bars-bg-color-rgb:247,247,248;--f7-bars-text-color:#000;--f7-bars-shadow-bottom-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);--f7-bars-shadow-top-image:linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)}.theme-dark{--f7-bars-bg-color:#1b1b1b;--f7-bars-bg-color-rgb:27,27,27;--f7-bars-text-color:#fff}.ios{--f7-bars-border-color:rgba(0, 0, 0, 0.25)}.ios .theme-dark,.ios.theme-dark{--f7-bars-bg-color:#121212;--f7-bars-bg-color-rgb:19,19,19;--f7-bars-border-color:rgba(255, 255, 255, 0.1)}.md{--f7-bars-border-color:transparent}.aurora{--f7-bars-border-color:rgba(0, 0, 0, 0.2)}.aurora .theme-dark,.aurora.theme-dark{--f7-bars-border-color:rgba(255, 255, 255, 0.1)}.text-color-primary{--f7-theme-color-text-color:var(--f7-theme-color)}.bg-color-primary{--f7-theme-color-bg-color:var(--f7-theme-color)}.border-color-primary{--f7-theme-color-border-color:var(--f7-theme-color)}.ripple-color-primary{--f7-theme-color-ripple-color:rgba(var(--f7-theme-color-rgb), 0.3)}:root{--f7-color-red:#ff3b30;--f7-color-red-rgb:255,59,48;--f7-color-red-shade:#ff1407;--f7-color-red-tint:#ff6259;--f7-color-green:#4cd964;--f7-color-green-rgb:76,217,100;--f7-color-green-shade:#2cd048;--f7-color-green-tint:#6ee081;--f7-color-blue:#2196f3;--f7-color-blue-rgb:33,150,243;--f7-color-blue-shade:#0c82df;--f7-color-blue-tint:#48a8f5;--f7-color-pink:#ff2d55;--f7-color-pink-rgb:255,45,85;--f7-color-pink-shade:#ff0434;--f7-color-pink-tint:#ff5676;--f7-color-yellow:#ffcc00;--f7-color-yellow-rgb:255,204,0;--f7-color-yellow-shade:#d6ab00;--f7-color-yellow-tint:#ffd429;--f7-color-orange:#ff9500;--f7-color-orange-rgb:255,149,0;--f7-color-orange-shade:#d67d00;--f7-color-orange-tint:#ffa629;--f7-color-purple:#9c27b0;--f7-color-purple-rgb:156,39,176;--f7-color-purple-shade:#7e208f;--f7-color-purple-tint:#b92fd1;--f7-color-deeppurple:#673ab7;--f7-color-deeppurple-rgb:103,58,183;--f7-color-deeppurple-shade:#563098;--f7-color-deeppurple-tint:#7c52c8;--f7-color-lightblue:#5ac8fa;--f7-color-lightblue-rgb:90,200,250;--f7-color-lightblue-shade:#32bbf9;--f7-color-lightblue-tint:#82d5fb;--f7-color-teal:#009688;--f7-color-teal-rgb:0,150,136;--f7-color-teal-shade:#006d63;--f7-color-teal-tint:#00bfad;--f7-color-lime:#cddc39;--f7-color-lime-rgb:205,220,57;--f7-color-lime-shade:#bac923;--f7-color-lime-tint:#d6e25c;--f7-color-deeporange:#ff6b22;--f7-color-deeporange-rgb:255,107,34;--f7-color-deeporange-shade:#f85200;--f7-color-deeporange-tint:#ff864b;--f7-color-gray:#8e8e93;--f7-color-gray-rgb:142,142,147;--f7-color-gray-shade:#79797f;--f7-color-gray-tint:#a3a3a7;--f7-color-white:#ffffff;--f7-color-white-rgb:255,255,255;--f7-color-white-shade:#ebebeb;--f7-color-white-tint:#ffffff;--f7-color-black:#000000;--f7-color-black-rgb:0,0,0;--f7-color-black-shade:#000000;--f7-color-black-tint:#141414}.color-theme-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.color-theme-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.color-theme-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.color-theme-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.color-theme-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.color-theme-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.color-theme-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.color-theme-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.color-theme-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.color-theme-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.color-theme-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.color-theme-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.color-theme-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.color-theme-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.color-theme-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.color-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.text-color-red{--f7-theme-color-text-color:#ff3b30}.bg-color-red{--f7-theme-color-bg-color:#ff3b30}.border-color-red{--f7-theme-color-border-color:#ff3b30}.ripple-color-red,.ripple-red{--f7-theme-color-ripple-color:rgba(255, 59, 48, 0.3)}.color-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.text-color-green{--f7-theme-color-text-color:#4cd964}.bg-color-green{--f7-theme-color-bg-color:#4cd964}.border-color-green{--f7-theme-color-border-color:#4cd964}.ripple-color-green,.ripple-green{--f7-theme-color-ripple-color:rgba(76, 217, 100, 0.3)}.color-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.text-color-blue{--f7-theme-color-text-color:#2196f3}.bg-color-blue{--f7-theme-color-bg-color:#2196f3}.border-color-blue{--f7-theme-color-border-color:#2196f3}.ripple-blue,.ripple-color-blue{--f7-theme-color-ripple-color:rgba(33, 150, 243, 0.3)}.color-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.text-color-pink{--f7-theme-color-text-color:#ff2d55}.bg-color-pink{--f7-theme-color-bg-color:#ff2d55}.border-color-pink{--f7-theme-color-border-color:#ff2d55}.ripple-color-pink,.ripple-pink{--f7-theme-color-ripple-color:rgba(255, 45, 85, 0.3)}.color-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.text-color-yellow{--f7-theme-color-text-color:#ffcc00}.bg-color-yellow{--f7-theme-color-bg-color:#ffcc00}.border-color-yellow{--f7-theme-color-border-color:#ffcc00}.ripple-color-yellow,.ripple-yellow{--f7-theme-color-ripple-color:rgba(255, 204, 0, 0.3)}.color-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.text-color-orange{--f7-theme-color-text-color:#ff9500}.bg-color-orange{--f7-theme-color-bg-color:#ff9500}.border-color-orange{--f7-theme-color-border-color:#ff9500}.ripple-color-orange,.ripple-orange{--f7-theme-color-ripple-color:rgba(255, 149, 0, 0.3)}.color-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.text-color-purple{--f7-theme-color-text-color:#9c27b0}.bg-color-purple{--f7-theme-color-bg-color:#9c27b0}.border-color-purple{--f7-theme-color-border-color:#9c27b0}.ripple-color-purple,.ripple-purple{--f7-theme-color-ripple-color:rgba(156, 39, 176, 0.3)}.color-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.text-color-deeppurple{--f7-theme-color-text-color:#673ab7}.bg-color-deeppurple{--f7-theme-color-bg-color:#673ab7}.border-color-deeppurple{--f7-theme-color-border-color:#673ab7}.ripple-color-deeppurple,.ripple-deeppurple{--f7-theme-color-ripple-color:rgba(103, 58, 183, 0.3)}.color-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.text-color-lightblue{--f7-theme-color-text-color:#5ac8fa}.bg-color-lightblue{--f7-theme-color-bg-color:#5ac8fa}.border-color-lightblue{--f7-theme-color-border-color:#5ac8fa}.ripple-color-lightblue,.ripple-lightblue{--f7-theme-color-ripple-color:rgba(90, 200, 250, 0.3)}.color-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.text-color-teal{--f7-theme-color-text-color:#009688}.bg-color-teal{--f7-theme-color-bg-color:#009688}.border-color-teal{--f7-theme-color-border-color:#009688}.ripple-color-teal,.ripple-teal{--f7-theme-color-ripple-color:rgba(0, 150, 136, 0.3)}.color-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.text-color-lime{--f7-theme-color-text-color:#cddc39}.bg-color-lime{--f7-theme-color-bg-color:#cddc39}.border-color-lime{--f7-theme-color-border-color:#cddc39}.ripple-color-lime,.ripple-lime{--f7-theme-color-ripple-color:rgba(205, 220, 57, 0.3)}.color-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.text-color-deeporange{--f7-theme-color-text-color:#ff6b22}.bg-color-deeporange{--f7-theme-color-bg-color:#ff6b22}.border-color-deeporange{--f7-theme-color-border-color:#ff6b22}.ripple-color-deeporange,.ripple-deeporange{--f7-theme-color-ripple-color:rgba(255, 107, 34, 0.3)}.color-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.text-color-gray{--f7-theme-color-text-color:#8e8e93}.bg-color-gray{--f7-theme-color-bg-color:#8e8e93}.border-color-gray{--f7-theme-color-border-color:#8e8e93}.ripple-color-gray,.ripple-gray{--f7-theme-color-ripple-color:rgba(142, 142, 147, 0.3)}.color-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.text-color-white{--f7-theme-color-text-color:#ffffff}.bg-color-white{--f7-theme-color-bg-color:#ffffff}.border-color-white{--f7-theme-color-border-color:#ffffff}.ripple-color-white,.ripple-white{--f7-theme-color-ripple-color:rgba(255, 255, 255, 0.3)}.color-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.text-color-black{--f7-theme-color-text-color:#000000}.bg-color-black{--f7-theme-color-bg-color:#000000}.border-color-black{--f7-theme-color-border-color:#000000}.ripple-black,.ripple-color-black{--f7-theme-color-ripple-color:rgba(0, 0, 0, 0.3)}@font-face{font-family:framework7-core-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAz4ABAAAAAAGNgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAM3AAAABkAAAAciZuB7UdERUYAAArUAAAAIwAAACQAfQBXR1BPUwAADKwAAAAuAAAANuAY7+xHU1VCAAAK+AAAAbMAAAQuAxQJ5U9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAogAAACIAAABYt6F0cBjdnQgAAADEAAAAAQAAAAEABEBRGdhc3AAAArMAAAACAAAAAj//wADZ2x5ZgAAA6gAAAR1AAAJzOg6B0doZWFkAAABbAAAADAAAAA2FLiY/WhoZWEAAAGcAAAAIAAAACQHgQM9aG10eAAAAigAAABeAAABJC9JAAJsb2NhAAADFAAAAJQAAACUReRIiG1heHAAAAG8AAAAHwAAACAAjwBLbmFtZQAACCAAAAFSAAAC2WG9Sh5wb3N0AAAJdAAAAVYAAAJ2B5LxL3jaY2BkYGAA4r3NMlLx/DZfGbiZGEDgxtw1DjD6/49/vSxpTJ+BXA4GsDQARmkM0njaY2BkYGD6/K+XQY8l7f8PBgaWNAagCArwBACRVQXFeNpjYGRgYPBkkGJgYQABJiBmZACJOTDogQQADbgA2wB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wKxExCfBWIJoNzZ/z8Y3YBsF6g4kM2UBpFjBNJMQD0Mu4FsY4jZTGch5jAZQ8QBlR0UZwAAeNpjYGBgZoBgGQZGBhCIAfIYwXwWBgcgzcPAwcAEZCsw6DJYMsQzVP3/DxQF8QyAvMT///8//n/9/9X/G/6vh5oAB4xsDHAhRiYgwcSApgBiNRywMDCwsrFzcHJx8/DyMRAD+BkEBIWERUTFxCUkpaRlZOXkFRSVlFVU1dQ1NBkGAwAAxH4T6AARAUQAAAAqACoAKgA0AD4ASABSAFwAZgBwAHoAhACOAJgAogCsALYAwADKANQA3gDoAPIA/AEGARABGgEkAS4BOAFCAUwBVgFgAWoBdAF+AYgBkgGcAaYBsgHeAgACKgI8AlICZAKEApQCpALWAuwC/gMeAzADQgNgA3IDlgO0A8QD6gP8BBYEKgRKBFwEbgSWBKwExgTmeNrtVc9vG0UUfm8de9y43rVje204lNjZ7AYBKcna3lKcxCIJhwgCqhIIuTSpKp8CaoRsbnZujSosI5QqitVbpCLBKT8EUiUSwyW9mEoWB4RyChKpEJxyoVKz5s2sDXH6H6BKM34z387OfvO9741BgiAAbOAsuIDB4BbC5cw264K/hrc87sPMtkuiIWy5OOzm8Dbz4NPMNnLcDJpBwwz2BVc/y+Vw1v4miCbthtRqotMoOMTHz7Hn2P8ek85gLkLfkAQMXdQv4Ps4TxWmQASiAD0JT1gdTif1YTXsSehJt2UoGLWMr2cymZnMvaWpqaUpHPffkuVleRmzmZmRkZkPpjj8RL7l56DDofkDmvSRHoD+hCLxncbQ0JPp4ZdQRQMRf/P1qr79fZ8a9x0p25J05FN7fXv7HD1SHM7NY6zhfboHXqBdosxIGZ6+BN9DjYRZNMFZElvMrugrbHBscnHxzo0B9u3CxMTCeHlFL0XYwOKdxcXJ0UE2vjA+viB4gQ57dF43QIjRltZeoaBVq5gWAVrcT7CKZfDSVyNxvijKsGo/rGj1ulb5NenE1lrw4494k+9nYRQNq4KKZtcr2mwrAjafkBavkBZ0n1npMST6YZKUy3sZdTfSyenMe3v8/EfKI3QdcU1o7ijBvxGGA4ezRWQM62BTK5W07+i32N/5PEVUo6z1uL9Y0oSOdrkrJ52Aj+e336AFUYsyahlSryYFerTerp6AJGUP0gft9qb9k326vo4uHEbX+vofB1b7kfX08F/YPuXLntWMC0b3r4VVrpP5RY0HvEICtjXL4ruYBQ9NomyIVuPL2uGyRhiFvnecNUv4FuoQoBGXS2gl3GOlMSmzVaZSl1VvPu9FXeYTjsksn2fizDCPdXqf/3fACMYj7lQ8gnXbxPqJaW6YpuBcwxjlhXTrR64rxpoQe/w4VnMC8Wj+DR/Bz/gayACUuaiqoIzExEpHpxa6A4Huj90hz1W/rFz8/Eul26d85UWWVS76ZecM1/Ft4sC9Ri5ixqZIDOoigONxUHGCcuen6gNK3hmHe1r+/nMuNKe9bk1PfzK9NTc6Oje68mFo7hLNpq2hq2Mc6dSLO4yKTNiL8cLrEEuV19tSFQqEdfIkEcgbDs/rm1qxqIk6LEs5PCElQwDJAJELeBJI52k7adfe3bWh+WIu125ZhJ2dJuzgxhkQOjVPIfcqQuz4OFbDluLtmsrhp+RXQCaEE7QwV6lo7YbvnZnwd+yaVJVq3FMWec+8gL/Xj+2afb8smaci7e29L8EDvMF1Sjue+q8gH3TaaDDgXfWGqQdUx1XO+5N0r+nCu8K6FpqPbvZc+x7DIpy/Y/jtYdDNouXzOE+hUGjlvTkv1SUdLvC8k6YmF7UvETpTnY21u43G3bW1YrpIrcR/X8WBRsP+pYH3SlaxaJXE7/n6E9+Mp+JGnded/RCvVLDMh0lRfy7OTzKJH68N0jiYcqqDdy6W00mZ5Ipo53ULOPbiNelc6mSs24zd9jqWwmvP6PYPnHjkAAAAAHjarZC9TsMwFIWP+yfBgBjI7rGtmsjx0p+RSl26IIbsITWt1Sau3EhVxcuwsTGy8RQsTOx9C65dDwwdGBrpyl+Oz7XPNYAbvIPh9HXxGJghwlvgBq7xFbiJlN0HbiFir4HbuGXfgTuIGhE5WeuK/h58l2OGPl4CN3CHz8BNPOEncAt9Vgdug7OPwB3Sj5jCYIsDLDSWWKEGp8wFerRKCKQYY0CcYYMcC3KVVJaUOblzIqeXdIb2u5ia7cHq5arm3aLHpUjHA55t8oUuteXzVW43ebnVC3I+U7NrVdhTCIs1hojpaseKSHuusCOrzUu1N3Y9jAtjVawLU5F81vvXMPNi7VdL8yk/VUJzcUyo/h/h5JcYkSp9nd4GM1PVM2OXistE8Ak/G5V0OYpl7J7jEoNn5LO0r72PUxaXJvGrmw2ZsjttKi5Emggh+AUu/QVMMIYbAAB42m2QCU/CQBSEZ8ADECzIJXj+FuN937dpartKI3TJdjn+vNGFUqGJmzTpvm/evNmHFMbn5xvEf+fIfEQKaRRRRgVV1FDHKhpoYg3r2MEu9rCPAxwa7TFOcIoznOMCl7jCNW5wizvc4wGPeMIzXvCKN6aY5hznucBFZphljkvMs8BlWiyyxBWWWWGVNda5ygabXOM6N7jJLW7nQuEot2X7Miy5LdFXMrCV/9nSo0p2AjueFbO2+NDmXnCUkoP4tmSo+/Uuh+a/mFAak0LCNj+La4HU/ofvOto3FbctQzHqsCLzd6m17BjLrHI8X45IOe725CCwnZ6SylkMpRqHCAd+Vyg7EENt/QWKNLm4r9ctTN4UgdIUTCr52RGWJ9pCC1vJXuDNzOgq0c9OmFlGVys7yjybcbyAqWmUxwiKyT2blSWmGMVyZBbzzPiFpl5JdkbevxMrvisAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQYPIJsFLMYAAA12ANUAeNp1UklOAkEUfUV3Ao4goHSUQQbBIM6z4qxoPIMbNhoT4sIQD+DCMxjjOVx6BuMRjAtvge9XAz2FdLqr+r1X/7/6/0MBGEYWNahWs/2ACEwi6HQgjGrd3zWJwf4jZ+o1AmX8IowknkLt0LdhGiWjDoP4PBrYQBR5PlmUuZvgWuSTRZp/aSSoGHfxeViYQooKm13CmIudYY7JPhfFLK7xiDd84keZqqwa6lY9q3f1ob7UH66oTvGd0+czvugxlDSe5+6U0bxKJ5NbtxXQJbSzjE9X5z29uhJyPs1CQON2ZxErYIW6Qb5sxXlA4a/gItdBMYTf7fJxTOvuVHw+V9mBQRnOMBo4a/ta6zLBrAcBplfDZYwEoonDPc5ksJoyX1X2/4Iekzp6kW9Ua0pUJfpeDrkbpJD4xxjy8ILJdK/zljKtFn1bdBXTe9tBnHqJnexnkRMnrFWR8aWCztQ6/CYzxRhdkB4eJlJjH284yS94xT5jJPX5OG/t7cURK1TmuRwVkiXHr9Rlx4dnuFbopMrKuWPZGWv6vg4q971kNSWHM1nbdNZD7IqI0zh3GZ238A+0lkTEAHjaY2BkYGDgYpBjMGFgzEksyWPgYGABijD8/88AkmEszqxKhYp9YIADAMCOBtEAAHjaY2BgYGQAghsJmjlgeu4aBxgNAELpBpEAAAA=") format("woff");font-weight:400;font-style:normal}@font-face{font-family:framework7-skeleton;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAYQAA0AAAAAEcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF9AAAABkAAAAciVvoDU9TLzIAAAGcAAAASwAAAGBRtV1jY21hcAAAAfwAAAC8AAABamglddJjdnQgAAACuAAAAAQAAAAEABEBRGdhc3AAAAXsAAAACAAAAAj //wADZ2x5ZgAAA2wAAACUAAAJjHCzhiRoZWFkAAABMAAAAC4AAAA2ERr/HWhoZWEAAAFgAAAAGgAAACQC8ADFaG10eAAAAegAAAATAAAAtAMAABFsb2NhAAACvAAAAK4AAACuaNBmhG1heHAAAAF8AAAAHwAAACAAmgA5bmFtZQAABAAAAAFQAAACuLf6wytwb3N0AAAFUAAAAJkAAADOCKMIc3jaY2BkYGAA4lUx8ibx/DZfGbiZGEDgRu39AAT9/wAjA+MBIJeDASwNACBICpsAAHjaY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB42mNgZGBgCGPgYGBiAAEQycgAEnNg0AMJAAANJwDUAHjaY2BhZGCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01haGBQYKhlPPD/AIMe4wEGB5gaxgNAHgNQjhEA6dgLvQB42mNkYBBkAAJGKB4KAAAOfQAVAHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMSgxWDNEMsQz1D7/z9QXIFBjUGHwRHIT/z////j/w/+3/9/6//N/zeg5iABRjYGuCAjE5BgQlcAdAILK5DBxs7BycXAzcPLxy8gKCQsIiomLiEpBVYjLSMrJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZs5gwWBpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSyjDgAABJLiG7ABEBRAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C8gMAAw4DHAMqAzgDRgNUA2IDcAN+A4wDmgOoA7YDxAPSA+AD7gP8BAoEGAQmBDQEQgRQBF4EbAR6BIgEnASqBLgExgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVI6G36jcqNyo3GiZMSo3Kjes8hQAx51w5njapZC9agJBFIXP+EfSBMEXmEoU3GVcBNFWsLEJKbYKhEUnOrjryrggkgfIQ6RMnzZVHiBNijxM6pydHUiRFAEXLvebc8+duXcBXOEFAtXXw41ngQ6ePddwgXfPdYRCeW6gIx49N9EWb55b1L/oFI1Lnq5dV8kCXTx4rqGNV8913OLTcwNdcee5CSmePLeof2CGHHucYGGwxgYFJGdeos8cQWGICQbkGCkSrOjKGJbKgu6EVOoZ7zCuilm+P1mz3hSyt+zLSA0nAxmnycpkxsrFJrFpku3Nis57NpetGkcOYbHFGAEOzJqXao6SY0ebTTJ9zO12HBy2OtVFTvGX66c0d0LhsuVO2m0ScheJKeN/z1beESuRi+pPYJ7vinlu11pGoZJT+cdwVEdBFJSbn7djzLql1/iBlBsidLlcBrG2B8MHlRqGSil51nPfEi6AO3jaXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAAAAAAH//wACeNpjYGBgZACCGwmaOWC69n4AjAYARC0G1wAAAA==") format("woff");font-weight:300,400,500,600,700;font-style:normal,italic}.framework7-root,body,html{position:relative;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;width:100%;background:#fff;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-family:var(--f7-font-family);font-size:var(--f7-font-size);line-height:var(--f7-line-height);color:var(--f7-text-color)}.theme-dark{color:var(--f7-text-color)}.framework7-root{overflow:hidden;box-sizing:border-box}.framework7-initializing *,.framework7-initializing :after,.framework7-initializing :before{transition-duration:0s!important}.device-android,.device-ios{cursor:pointer}.device-ios{touch-action:manipulation}@media (width:1024px) and (height:691px) and (orientation:landscape){.framework7-root,body,html{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.framework7-root,body,html{height:672px}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,input,select,textarea{outline:0}a{cursor:pointer;text-decoration:none;color:var(--f7-theme-color)}.item-link,.link{cursor:pointer}p{margin:1em 0}.disabled{opacity:.55!important;pointer-events:none!important}html.device-full-viewport,html.device-full-viewport body{height:100vh}.ios .aurora-only,.ios .if-aurora,.ios .if-md,.ios .if-not-ios,.ios .md-only,.ios .not-ios{display:none!important}@media (width:1024px) and (height:691px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:672px}}.md .aurora-only,.md .if-aurora,.md .if-ios,.md .if-not-md,.md .ios-only,.md .not-md{display:none!important}.aurora .if-ios,.aurora .if-md,.aurora .if-not-aurora,.aurora .ios-only,.aurora .md-only,.aurora .not-aurora{display:none!important}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;box-sizing:border-box}.framework7-root>.view,.framework7-root>.views{height:calc(100% - var(--f7-appbar-app-offset,0px))}:root{--f7-page-master-width:320px;--f7-page-master-border-color:rgba(0, 0, 0, 0.1);--f7-page-master-border-width:1px;--f7-page-swipeback-transition-duration:300ms}.ios{--f7-page-bg-color:#efeff4;--f7-page-transition-duration:400ms}.ios .theme-dark,.ios.theme-dark{--f7-page-bg-color:#000}.md{--f7-page-bg-color:#fff;--f7-page-transition-duration:250ms}.md .theme-dark,.md.theme-dark{--f7-page-bg-color:#171717}.aurora{--f7-page-bg-color:#f3f3f3;--f7-page-transition-duration:400ms}.aurora .theme-dark,.aurora.theme-dark{--f7-page-bg-color:#171717}.theme-dark{--f7-page-master-border-color:rgba(255, 255, 255, 0.1)}.pages{position:relative;width:100%;height:100%;overflow:hidden}.page{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;transform:none;background-color:var(--f7-page-bg-color);z-index:1}.page.stacked{display:none}.page-with-navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.page-previous{pointer-events:none}.page-content{overflow:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;height:100%;position:relative;z-index:1;padding-top:calc(var(--f7-page-navbar-offset,0px) + var(--f7-page-toolbar-top-offset,0px) + var(--f7-page-subnavbar-offset,0px) + var(--f7-page-searchbar-offset,0px) + var(--f7-page-content-extra-padding-top,0px));padding-bottom:calc(var(--f7-page-toolbar-bottom-offset,0px) + var(--f7-safe-area-bottom) + var(--f7-page-content-extra-padding-bottom,0px))}.page-transitioning,.page-transitioning .page-opacity-effect,.page-transitioning .page-shadow-effect{transition-duration:var(--f7-page-transition-duration)}.page-transitioning-swipeback,.page-transitioning-swipeback .page-opacity-effect,.page-transitioning-swipeback .page-shadow-effect{transition-duration:var(--f7-page-swipeback-transition-duration)}.router-transition-backward .page-current,.router-transition-backward .page-next,.router-transition-backward .page-previous:not(.stacked),.router-transition-forward .page-current,.router-transition-forward .page-next,.router-transition-forward .page-previous:not(.stacked){pointer-events:none}.page-shadow-effect{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.page-opacity-effect{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000}.ios .page-previous{transform:translate3d(-20%,0,0)}.ios .page-next{transform:translate3d(100%,0,0)}.ios .page-previous .page-opacity-effect{opacity:1}.ios .page-previous:after{opacity:1}.ios .page-current .page-shadow-effect{opacity:1}.ios .router-transition-forward .page-current,.ios .router-transition-forward .page-next{will-change:transform}.ios .router-transition-forward .page-next{animation:ios-page-next-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-next:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current{animation:ios-page-current-to-previous var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current,.ios .router-transition-backward .page-previous{will-change:transform}.ios .router-transition-backward .page-previous{animation:ios-page-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current{animation:ios-page-current-to-next var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}@keyframes ios-page-next-to-current{from{transform:translate3d(100%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-previous-to-current{from{transform:translate3d(-20%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-current-to-previous{from{transform:translate3d(0,0,0)}to{transform:translate3d(-20%,0,0)}}@keyframes ios-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(100%,0,0)}}@keyframes ios-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-page-element-fade-out{from{opacity:1}to{opacity:0}}.md .page-next{transform:translate3d(0,56px,0);opacity:0;pointer-events:none}.md .page-next.page-next-on-right{transform:translate3d(100%,0,0)}.md .router-transition-forward .page-next{will-change:transform,opacity;animation:md-page-next-to-current var(--f7-page-transition-duration) forwards}.md .router-transition-forward .page-current{animation:none}.md .router-transition-backward .page-current{will-change:transform,opacity;animation:md-page-current-to-next var(--f7-page-transition-duration) forwards}.md .router-transition-backward .page-previous{animation:none}@keyframes md-page-next-to-current{from{transform:translate3d(0,56px,0);opacity:0}to{transform:translate3d(0,0px,0);opacity:1}}@keyframes md-page-current-to-next{from{transform:translate3d(0,0,0);opacity:1}to{transform:translate3d(0,56px,0);opacity:0}}.aurora .page-next{pointer-events:none;transform:translate3d(100%,0px,0)}.aurora .page-next.page-next-on-right{transform:translate3d(100%,0,0)}.aurora .page-previous .page-opacity-effect{opacity:1}.aurora .page-previous:after{opacity:1}.aurora .router-transition-forward .page-next{will-change:transform;animation:aurora-page-next-to-current var(--f7-page-transition-duration) forwards}.aurora .router-transition-forward .page-current{animation:none}.aurora .router-transition-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:aurora-page-element-fade-in var(--f7-page-transition-duration) forwards}.aurora .router-transition-backward .page-current{will-change:transform,opacity;animation:aurora-page-current-to-next var(--f7-page-transition-duration) forwards}.aurora .router-transition-backward .page-previous{animation:none}.aurora .router-transition-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:aurora-page-element-fade-out var(--f7-page-transition-duration) forwards}@keyframes aurora-page-next-to-current{from{transform:translate3d(100%,0,0)}to{transform:translate3d(0,0px,0)}}@keyframes aurora-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(100%,0,0)}}@keyframes aurora-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes aurora-page-element-fade-out{from{opacity:1}to{opacity:0}}.view:not(.view-master-detail) .page-master-stacked{display:none}.view:not(.view-master-detail) .navbar-master-stacked{display:none}.view-master-detail .navbar-master,.view-master-detail .page-master{width:var(--f7-page-master-width);--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px;border-right:var(--f7-page-master-border-width) solid var(--f7-page-master-border-color)}.view-master-detail .navbar-master-detail,.view-master-detail .page-master-detail{width:calc(100% - var(--f7-page-master-width));--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px;left:var(--f7-page-master-width)}.view-master-detail .page-master{z-index:2;transform:none;pointer-events:auto}.view-master-detail .page-master:after,.view-master-detail .page-master:before{display:none}.view-master-detail.router-transition .page-master{animation:none}:root{--f7-link-highlight-black:rgba(0, 0, 0, 0.1);--f7-link-highlight-white:rgba(255, 255, 255, 0.15);--f7-link-highlight-color:var(--f7-link-highlight-black)}.theme-dark{--f7-link-highlight-color:var(--f7-link-highlight-white)}.link,.tab-link{display:inline-flex;align-items:center;align-content:center;justify-content:center;position:relative;box-sizing:border-box;transform:translate3d(0,0,0);z-index:1}.link i+i,.link i+span,.link span+i,.link span+span{margin-left:4px}.ios .link{transition:opacity .3s}.ios .link.active-state{opacity:.3;transition-duration:0s}.aurora .link{transition:opacity .3s}.aurora .link.active-state{opacity:.3;transition-duration:0s}:root{--f7-navbar-hide-show-transition-duration:400ms;--f7-navbar-title-line-height:1.2;--f7-navbar-title-font-size:inherit;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-text-color:inherit}.ios{--f7-navbar-height:44px;--f7-navbar-tablet-height:44px;--f7-navbar-font-size:17px;--f7-navbar-inner-padding-left:8px;--f7-navbar-inner-padding-right:8px;--f7-navbar-title-font-weight:600;--f7-navbar-title-margin-left:0;--f7-navbar-title-margin-right:0;--f7-navbar-title-text-align:center;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.55);--f7-navbar-subtitle-font-size:10px;--f7-navbar-subtitle-line-height:1;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:52px;--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-font-weight:700;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-vertical:6px;--f7-navbar-large-title-padding-left:15px;--f7-navbar-large-title-padding-right:15px}.ios .theme-dark,.ios.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-navbar-height:56px;--f7-navbar-tablet-height:64px;--f7-navbar-font-size:20px;--f7-navbar-inner-padding-left:0px;--f7-navbar-inner-padding-right:0px;--f7-navbar-title-font-weight:500;--f7-navbar-title-margin-left:16px;--f7-navbar-title-margin-right:16px;--f7-navbar-title-text-align:left;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.85);--f7-navbar-subtitle-font-size:14px;--f7-navbar-subtitle-line-height:1.2;--f7-navbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-height:56px;--f7-navbar-large-title-font-weight:500;--f7-navbar-large-title-letter-spacing:0;--f7-navbar-large-title-padding-vertical:8px;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px}.md .theme-dark,.md.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.85)}.aurora{--f7-navbar-height:38px;--f7-navbar-tablet-height:38px;--f7-navbar-font-size:14px;--f7-navbar-inner-padding-left:15px;--f7-navbar-inner-padding-right:15px;--f7-navbar-title-font-weight:600;--f7-navbar-title-margin-left:0;--f7-navbar-title-margin-right:0;--f7-navbar-title-text-align:center;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.6);--f7-navbar-subtitle-font-size:12px;--f7-navbar-subtitle-line-height:1;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:38px;--f7-navbar-large-title-font-size:26px;--f7-navbar-large-title-font-weight:bold;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-vertical:4px;--f7-navbar-large-title-padding-left:15px;--f7-navbar-large-title-padding-right:15px;--f7-navbar-link-height:auto;--f7-navbar-link-line-height:inherit}.aurora .theme-dark,.aurora.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.5)}.navbar{--f7-navbar-large-collapse-progress:0;position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;margin:0;transform:translate3d(0,0,0);height: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;transform:translate3d(0,0,0)}.navbar .right:first-child{position:absolute;height:100%}.navbar .no-border .navbar-bg:after,.navbar .no-hairline .navbar-bg:after,.navbar.no-border .navbar-bg:after,.navbar.no-hairline .navbar-bg:after{display:none!important}.navbar .no-border .title-large:after,.navbar .no-hairline .title-large:after,.navbar.no-border .title-large:after,.navbar.no-hairline .title-large:after{display:none!important}.navbar .no-shadow .navbar-bg:before,.navbar.no-shadow .navbar-bg:before{display:none!important}.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-image:var(--f7-navbar-bg-image,var(--f7-bars-bg-image));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 .navbar-bg{background-color:rgba(var(--f7-navbar-bg-color-rgb,var(--f7-bars-bg-color-rgb)),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.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:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-navbar-shadow-image)}.navbar-bg:after{z-index:1}@media (min-width:768px){:root{--f7-navbar-height:var(--f7-navbar-tablet-height)}}.navbar-transitioning,.navbar-transitioning .left,.navbar-transitioning .navbar-bg,.navbar-transitioning .right,.navbar-transitioning .subnavbar,.navbar-transitioning .title,.navbar-transitioning .title-large-inner,.navbar-transitioning .title-large-text,.navbar-transitioning:before{transition-duration:var(--f7-navbar-hide-show-transition-duration)}.navbar-page-transitioning{transition-duration:var(--f7-page-swipeback-transition-duration)!important}.navbar-page-transitioning .navbar-bg,.navbar-page-transitioning .title-large-inner,.navbar-page-transitioning .title-large-text{transition-duration:var(--f7-page-swipeback-transition-duration)!important}.navbar-hidden{transform:translate3d(0,calc(-100% + var(--f7-safe-area-top)),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}.navbar-hidden-statusbar{transform:translate3d(0,-100%,0)}.navbar-large-hidden{--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))}.navbar-inner.stacked{display:none}.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.ios .router-navbar-transition-from-large .navbar-bg,.ios .router-navbar-transition-to-large .navbar-bg,.navbar-bg.ios-swipeback-navbar-bg-large,.navbar-inner-large .navbar-bg,.navbar-inner-large-transparent .navbar-bg.ios-swipeback-navbar-bg-large,.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-inner-large-transparent .navbar-bg{opacity:var(--f7-navbar-large-collapse-progress);height:100%;transform:none}.ios .navbar-inner:not(.navbar-inner-large) .navbar-bg{--f7-navbar-large-collapse-progress:1}.navbar-inner-large>.title{opacity:calc(-1 + 2 * var(--f7-navbar-large-collapse-progress))}.navbar-inner-large-collapsed,.navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.navbar-inner-large-collapsed .title-large,.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;align-items:flex-end;white-space:nowrap;overflow:hidden;height:var(--f7-navbar-large-title-height);z-index:5}.title-large-inner .title,.title-large-text{text-overflow:ellipsis;white-space:nowrap;color:var(--f7-navbar-large-title-text-color);letter-spacing:var(--f7-navbar-large-title-letter-spacing);font-size:var(--f7-navbar-large-title-font-size);font-weight:var(--f7-navbar-large-title-font-weight);line-height:var(--f7-navbar-large-title-line-height);padding-left:calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left));padding-right:calc(var(--f7-navbar-large-title-padding-right) + var(--f7-safe-area-right));padding-top:var(--f7-navbar-large-title-padding-vertical);padding-bottom:var(--f7-navbar-large-title-padding-vertical)}.title-large-inner,.title-large-text{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-inner,.navbar-no-title-large-transition .title-large-text{transition-duration:0s}.navbar~*{--f7-page-navbar-offset:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.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-transparent-bg-center:translateX(0);--f7-navbar-large-transparent-bg-left:translateX(-100%);--f7-navbar-large-transparent-bg-right:translateX(100%);--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 .material-icons{width:24px}.ios .navbar .f7-icons{width:28px}.ios .navbar a.icon-only{width:44px;margin:0;justify-content:center}.ios .navbar .left a+a,.ios .navbar .right a+a{margin-left:15px}.ios .navbar b{font-weight:600}.ios .navbar .left{margin-right:10px}.ios .navbar .right{margin-left:10px}.ios .navbar .right:first-child{right:calc(8px + var(--f7-safe-area-right))}.ios .navbar-inner{justify-content:space-between}.ios .navbar-inner-left-title{justify-content:flex-start}.ios .navbar-inner-left-title .right{margin-left:auto}.ios .navbar-inner-left-title .title{text-align:left;margin-right:10px}.ios .view-master-detail .navbar-previous:not(.navbar-master),.ios .view:not(.view-master-detail) .navbar-previous{pointer-events:none}.ios .view-master-detail .navbar-previous:not(.navbar-master) .navbar-bg,.ios .view:not(.view-master-detail) .navbar-previous .navbar-bg{transform:translateX(-100%)}.ios .view-master-detail .navbar-previous:not(.navbar-master).navbar-large-collapsed,.ios .view:not(.view-master-detail) .navbar-previous.navbar-large-collapsed{transform:translateX(-100%) translateY(calc(-1 * var(--f7-navbar-large-title-height)))}.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) .title-large .title-large-inner,.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-inner{transform:translateX(-100%);opacity:0;transition-duration:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading,.ios .view-master-detail .navbar-previous:not(.navbar-master) .left,.ios .view-master-detail .navbar-previous:not(.navbar-master) .right,.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar,.ios .view-master-detail .navbar-previous:not(.navbar-master)>.title,.ios .view:not(.view-master-detail) .navbar-previous .fading,.ios .view:not(.view-master-detail) .navbar-previous .left,.ios .view:not(.view-master-detail) .navbar-previous .right,.ios .view:not(.view-master-detail) .navbar-previous .subnavbar,.ios .view:not(.view-master-detail) .navbar-previous>.title{opacity:0}.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding,.ios .view:not(.view-master-detail) .navbar-previous .sliding{opacity:0}.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding,.ios .view-master-detail .navbar-previous:not(.navbar-master).sliding .subnavbar,.ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding,.ios .view:not(.view-master-detail) .navbar-previous.sliding .subnavbar{opacity:1;transform:translate3d(-100%,0,0)}.ios .navbar-next{pointer-events:none}.ios .navbar-next .navbar-bg{transform:translateX(100%)}.ios .navbar-next .title-large .title-large-inner,.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 .fading,.ios .navbar-next .left,.ios .navbar-next .right,.ios .navbar-next .subnavbar,.ios .navbar-next>.title{opacity:0}.ios .navbar-next .sliding{opacity:0}.ios .navbar-next.sliding .left,.ios .navbar-next.sliding .right,.ios .navbar-next.sliding .subnavbar,.ios .navbar-next.sliding>.title{opacity:0}.ios .navbar-next .subnavbar.sliding,.ios .navbar-next.sliding .subnavbar{opacity:1;transform:translate3d(100%,0,0)}.ios .router-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 .left.sliding .icon+span,.ios .router-transition .navbar-current .sliding,.ios .router-transition .navbar-current.sliding .left,.ios .router-transition .navbar-current.sliding .left .icon+span,.ios .router-transition .navbar-current.sliding .right,.ios .router-transition .navbar-current.sliding>.title{transition-duration:var(--f7-page-transition-duration);opacity:0!important;animation:none}.ios .router-transition .navbar-current .sliding.subnavbar,.ios .router-transition .navbar-current.sliding .subnavbar{transition-duration:var(--f7-page-transition-duration);animation:none;opacity:1}.ios .router-transition-backward .navbar-previous .left,.ios .router-transition-backward .navbar-previous .right,.ios .router-transition-backward .navbar-previous .subnavbar,.ios .router-transition-backward .navbar-previous>.title,.ios .router-transition-forward .navbar-next .left,.ios .router-transition-forward .navbar-next .right,.ios .router-transition-forward .navbar-next .subnavbar,.ios .router-transition-forward .navbar-next>.title{animation:ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous .left.sliding .icon+span,.ios .router-transition-backward .navbar-previous .sliding,.ios .router-transition-backward .navbar-previous.sliding .left,.ios .router-transition-backward .navbar-previous.sliding .left .icon+span,.ios .router-transition-backward .navbar-previous.sliding .right,.ios .router-transition-backward .navbar-previous.sliding .subnavbar,.ios .router-transition-backward .navbar-previous.sliding>.title,.ios .router-transition-forward .navbar-next .left.sliding .icon+span,.ios .router-transition-forward .navbar-next .sliding,.ios .router-transition-forward .navbar-next.sliding .left,.ios .router-transition-forward .navbar-next.sliding .left .icon+span,.ios .router-transition-forward .navbar-next.sliding .right,.ios .router-transition-forward .navbar-next.sliding .subnavbar,.ios .router-transition-forward .navbar-next.sliding>.title{transition-duration:var(--f7-page-transition-duration);animation:none;transform:translate3d(0,0,0)!important;opacity:1!important}.ios .router-transition-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-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,.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled>.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-current.router-navbar-transition-from-large .title-large-inner{animation:ios-navbar-large-title-inner-current-to-previous 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-inner,.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-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-inner,.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text{animation:ios-navbar-large-title-text-slide-left var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title,.ios .router-transition-forward .navbar-next.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title{animation:none;opacity:0!important;transition-duration:0}.ios .router-transition-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-inner,.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-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-inner,.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text{animation:ios-navbar-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-previous.router-navbar-transition-to-large .title-large-inner{animation:ios-navbar-large-title-inner-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title,.ios .router-transition-backward .navbar-previous.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title{animation:none;opacity:0!important;transition-duration:0}.ios .router-transition-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-inner-large-collapsed:not(.router-navbar-transition-to-large) .navbar-bg{animation-name:ios-navbar-bg-from-ct-to-lt}.ios .router-transition-forward .navbar-current.navbar-inner-large-collapsed.navbar-inner-large-transparent:not(.router-navbar-transition-to-large) .navbar-bg{animation-name:ios-navbar-transparent-bg-from-c-to-l}.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-inner-large-collapsed .navbar-bg{animation-name:ios-navbar-bg-from-ct-to-rt}.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-inner-large-collapsed .navbar-bg{animation-name:ios-navbar-bg-from-lt-to-ct}.ios .router-transition-backward .navbar-previous.navbar-inner-large-collapsed.navbar-inner-large-transparent .navbar-bg{animation-name:ios-navbar-transparent-bg-from-l-to-c}.ios .router-transition-backward .navbar-previous.navbar-inner-large-collapsed.navbar-inner-large-transparent.router-navbar-transition-from-large .navbar-bg{animation-name:ios-navbar-bg-from-lb-to-ct}.view-master-detail .navbar-master.navbar-previous{pointer-events:auto}.view-master-detail .navbar-master.navbar-previous .left,.view-master-detail .navbar-master.navbar-previous .right,.view-master-detail .navbar-master.navbar-previous .subnavbar,.view-master-detail .navbar-master.navbar-previous:not(.navbar-inner-large) .title{opacity:1}.ios .view-master-detail.router-transition .navbar-master .fading,.ios .view-master-detail.router-transition .navbar-master .left,.ios .view-master-detail.router-transition .navbar-master .left .icon+span,.ios .view-master-detail.router-transition .navbar-master .right,.ios .view-master-detail.router-transition .navbar-master .sliding,.ios .view-master-detail.router-transition .navbar-master .subnavbar,.ios .view-master-detail.router-transition .navbar-master:not(.navbar-inner-large) .title{opacity:1!important;transition-duration:0s;transform:none!important;animation:none!important}.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title{opacity:calc(-1 + 2 * var(--f7-navbar-large-collapse-progress))!important;transition-duration:0s;transform:none!important;animation:none!important}.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large,.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-inner,.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-text{transition-duration:0s;animation:none!important}@keyframes ios-navbar-element-fade-in{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)/ 2)) 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-large-title-inner-current-to-previous{0%{transform:translateX(0%);opacity:1}100%{transform:translateX(-100%);opacity:0}}@keyframes ios-navbar-large-title-inner-previous-to-current{0%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0%);opacity: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)}}@keyframes ios-navbar-transparent-bg-from-l-to-c{from{transform:var(--f7-navbar-large-transparent-bg-left)}to{transform:var(--f7-navbar-large-transparent-bg-center)}}@keyframes ios-navbar-transparent-bg-from-c-to-l{from{transform:var(--f7-navbar-large-transparent-bg-center)}to{transform:var(--f7-navbar-large-transparent-bg-left)}}.md .navbar .material-icons{width:24px}.md .navbar .f7-icons{width:28px}.md .navbar a.link{padding:0 16px;min-width:48px}.md .navbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .navbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .navbar a.icon-only{min-width:0;flex-shrink:0;width:56px}.md .navbar .right{margin-left:auto}.md .navbar .right:first-child{right:var(--f7-safe-area-right)}.md .navbar-inner{justify-content:flex-start}.md .navbar-inner-centered-title{justify-content:space-between}.md .navbar-inner-centered-title .right{margin-left:0}.md .navbar-inner-centered-title .title{text-align:center}.aurora .navbar a.icon-only{margin:0;justify-content:center}.aurora .navbar .left a+a,.aurora .navbar .right a+a{margin-left:10px}.aurora .navbar b{font-weight:700}.aurora .navbar .left{margin-right:10px}.aurora .navbar .right{margin-left:10px}.aurora .navbar .right:first-child{right:calc(15px + var(--f7-safe-area-right))}.aurora .navbar-inner{justify-content:space-between}.aurora .navbar-inner-left-title{justify-content:flex-start}.aurora .navbar-inner-left-title .right{margin-left:auto}.aurora .navbar-inner-left-title .title{text-align:left;margin-right:10px}:root{--f7-tabbar-link-active-bg-color:transparent;--f7-tabbar-label-text-transform:none;--f7-toolbar-hide-show-transition-duration:400ms}.ios{--f7-toolbar-height:44px;--f7-toolbar-font-size:17px;--f7-toolbar-inner-padding-left:8px;--f7-toolbar-inner-padding-right:8px;--f7-tabbar-labels-height:50px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.4);--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:28px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:10px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0.01}.ios .theme-dark,.ios.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.54)}.md{--f7-toolbar-height:48px;--f7-toolbar-font-size:14px;--f7-toolbar-inner-padding-left:0px;--f7-toolbar-inner-padding-right:0px;--f7-tabbar-labels-height:56px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.54);--f7-toolbar-top-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-toolbar-bottom-shadow-image:var(--f7-bars-shadow-top-image);--f7-tabbar-icon-size:24px;--f7-tabbar-link-text-transform:uppercase;--f7-tabbar-link-font-weight:500;--f7-tabbar-link-letter-spacing:0.03em;--f7-tabbar-label-font-size:14px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0}.md .theme-dark,.md.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-toolbar-height:38px;--f7-toolbar-font-size:14px;--f7-toolbar-inner-padding-left:15px;--f7-toolbar-inner-padding-right:15px;--f7-toolbar-link-height:auto;--f7-toolbar-link-line-height:inherit;--f7-tabbar-labels-height:44px;--f7-tabbar-labels-tablet-height:44px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.5);--f7-tabbar-link-inactive-bg-color:rgba(0, 0, 0, 0.2);--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:18px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:12px;--f7-tabbar-label-tablet-font-size:12px;--f7-tabbar-label-font-weight:500;--f7-tabbar-label-letter-spacing:0.01}.aurora .theme-dark,.aurora.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.5)}.toolbar{width:100%;position:relative;margin:0;transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:500;box-sizing:border-box;left:0;height:var(--f7-toolbar-height);background-image:var(--f7-toolbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-toolbar-bg-color,var(--f7-bars-bg-color));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 .toolbar{background-color:rgba(var(--f7-toolbar-bg-color-rgb,var(--f7-bars-bg-color-rgb)),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.toolbar b{font-weight:600}.toolbar a{color:var(--f7-toolbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));box-sizing:border-box;flex-shrink:1;position:relative;white-space:nowrap;text-overflow:ellipsis}.toolbar a.link{display:flex;line-height:var(--f7-toolbar-link-line-height,var(--f7-toolbar-height));height:var(--f7-toolbar-link-height,var(--f7-toolbar-height))}.toolbar i.icon{display:block}.toolbar:after,.toolbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.page>.toolbar,.view>.toolbar,.views>.toolbar{position:absolute}.aurora .toolbar-top-aurora,.ios .toolbar-top-ios,.md .toolbar-top-md,.toolbar-top{top:0}.aurora .toolbar-top-aurora .tab-link-highlight,.ios .toolbar-top-ios .tab-link-highlight,.md .toolbar-top-md .tab-link-highlight,.toolbar-top .tab-link-highlight{bottom:0}.aurora .toolbar-top-aurora.no-border:after,.aurora .toolbar-top-aurora.no-hairline:after,.ios .toolbar-top-ios.no-border:after,.ios .toolbar-top-ios.no-hairline:after,.md .toolbar-top-md.no-border:after,.md .toolbar-top-md.no-hairline:after,.toolbar-top.no-border:after,.toolbar-top.no-hairline:after{display:none!important}.aurora .toolbar-top-aurora.no-shadow:before,.aurora .toolbar-top-aurora.toolbar-hidden:before,.ios .toolbar-top-ios.no-shadow:before,.ios .toolbar-top-ios.toolbar-hidden:before,.md .toolbar-top-md.no-shadow:before,.md .toolbar-top-md.toolbar-hidden:before,.toolbar-top.no-shadow:before,.toolbar-top.toolbar-hidden:before{display:none!important}.aurora .toolbar-top-aurora:after,.aurora .toolbar-top-aurora:before,.ios .toolbar-top-ios:after,.ios .toolbar-top-ios:before,.md .toolbar-top-md:after,.md .toolbar-top-md:before,.toolbar-top:after,.toolbar-top:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.aurora .toolbar-top-aurora:after,.ios .toolbar-top-ios:after,.md .toolbar-top-md:after,.toolbar-top:after{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .toolbar-top-aurora:before,.ios .toolbar-top-ios:before,.md .toolbar-top-md:before,.toolbar-top:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-toolbar-top-shadow-image)}.aurora .toolbar-bottom-aurora,.ios .toolbar-bottom-ios,.md .toolbar-bottom-md,.toolbar-bottom{bottom:0;height:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.aurora .toolbar-bottom-aurora .tab-link-highlight,.ios .toolbar-bottom-ios .tab-link-highlight,.md .toolbar-bottom-md .tab-link-highlight,.toolbar-bottom .tab-link-highlight{top:0}.aurora .toolbar-bottom-aurora .toolbar-inner,.ios .toolbar-bottom-ios .toolbar-inner,.md .toolbar-bottom-md .toolbar-inner,.toolbar-bottom .toolbar-inner{height:auto;top:0;bottom:var(--f7-safe-area-bottom)}.aurora .toolbar-bottom-aurora.no-border:before,.aurora .toolbar-bottom-aurora.no-hairline:before,.ios .toolbar-bottom-ios.no-border:before,.ios .toolbar-bottom-ios.no-hairline:before,.md .toolbar-bottom-md.no-border:before,.md .toolbar-bottom-md.no-hairline:before,.toolbar-bottom.no-border:before,.toolbar-bottom.no-hairline:before{display:none!important}.aurora .toolbar-bottom-aurora.no-shadow:after,.aurora .toolbar-bottom-aurora.toolbar-hidden:after,.ios .toolbar-bottom-ios.no-shadow:after,.ios .toolbar-bottom-ios.toolbar-hidden:after,.md .toolbar-bottom-md.no-shadow:after,.md .toolbar-bottom-md.toolbar-hidden:after,.toolbar-bottom.no-shadow:after,.toolbar-bottom.toolbar-hidden:after{display:none!important}.aurora .toolbar-bottom-aurora:before,.ios .toolbar-bottom-ios:before,.md .toolbar-bottom-md:before,.toolbar-bottom:before{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .toolbar-bottom-aurora:after,.ios .toolbar-bottom-ios:after,.md .toolbar-bottom-md:after,.toolbar-bottom:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-toolbar-bottom-shadow-image)}.toolbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-content:center;overflow:hidden;padding:0 calc(var(--f7-toolbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-toolbar-inner-padding-left) + var(--f7-safe-area-left))}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a,.tabbar-labels a{color:var(--f7-tabbar-link-inactive-color)}.tabbar a.tab-link:not(.tab-link-active),.tabbar-labels a.tab-link:not(.tab-link-active){background-color:var(--f7-tabbar-link-inactive-bg-color,transparent)}.tabbar a.link,.tabbar-labels a.link{line-height:1.4}.tabbar a.link,.tabbar a.tab-link,.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;text-transform:var(--f7-tabbar-link-text-transform);font-weight:var(--f7-tabbar-link-font-weight);letter-spacing:var(--f7-tabbar-link-letter-spacing);overflow:hidden}.tabbar .tab-link-active,.tabbar-labels .tab-link-active{color:var(--f7-tabbar-link-active-color,var(--f7-theme-color));background-color:var(--f7-tabbar-link-active-bg-color,transparent)}.tabbar i.icon,.tabbar-labels i.icon{font-size:var(--f7-tabbar-icon-size);height:var(--f7-tabbar-icon-size);line-height:var(--f7-tabbar-icon-size)}.tabbar-labels{--f7-toolbar-height:var(--f7-tabbar-labels-height)}.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;justify-content:space-between;align-items:center}.tabbar-labels .tabbar-label{display:block;line-height:1;margin:0;position:relative;text-overflow:ellipsis;white-space:nowrap;font-size:var(--f7-tabbar-label-font-size);text-transform:var(--f7-tabbar-label-text-transform);font-weight:var(--f7-tabbar-label-font-weight);letter-spacing:var(--f7-tabbar-label-letter-spacing)}@media (min-width:768px){:root{--f7-tabbar-labels-height:var(--f7-tabbar-labels-tablet-height);--f7-tabbar-label-font-size:var(--f7-tabbar-label-tablet-font-size)}}.tabbar-scrollable .toolbar-inner{justify-content:flex-start;overflow:auto;-webkit-overflow-scrolling:touch}.tabbar-scrollable .toolbar-inner::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;-webkit-appearance:none;opacity:0!important}.tabbar-scrollable a.link,.tabbar-scrollable a.tab-link{width:auto;flex-shrink:0}.navbar-transitioning+.toolbar,.navbar-transitioning~* .toolbar,.toolbar-transitioning{transition-duration:var(--f7-toolbar-hide-show-transition-duration)}.aurora .toolbar-bottom-aurora~*,.ios .toolbar-bottom-ios~*,.md .toolbar-bottom-md~*,.toolbar-bottom~*{--f7-page-toolbar-bottom-offset:var(--f7-toolbar-height)}.aurora .toolbar-bottom-aurora.tabbar-labels~*,.ios .toolbar-bottom-ios.tabbar-labels~*,.md .toolbar-bottom-md.tabbar-labels~*,.toolbar-bottom.tabbar-labels~*{--f7-page-toolbar-bottom-offset:var(--f7-tabbar-labels-height)}.aurora .toolbar-bottom-aurora.toolbar-hidden,.ios .toolbar-bottom-ios.toolbar-hidden,.md .toolbar-bottom-md.toolbar-hidden,.toolbar-bottom.toolbar-hidden{transform:translate3d(0,100%,0)}.aurora .toolbar-top-aurora~*,.ios .toolbar-top-ios~*,.md .toolbar-top-md~*,.toolbar-top~*{--f7-page-toolbar-top-offset:var(--f7-toolbar-height)}.aurora .toolbar-top-aurora.tabbar-labels~*,.ios .toolbar-top-ios.tabbar-labels~*,.md .toolbar-top-md.tabbar-labels~*,.toolbar-top.tabbar-labels~*{--f7-page-toolbar-top-offset:var(--f7-tabbar-labels-height)}.aurora .toolbar-top-aurora.toolbar-hidden,.ios .toolbar-top-ios.toolbar-hidden,.md .toolbar-top-md.toolbar-hidden,.toolbar-top.toolbar-hidden{transform:translate3d(0,-100%,0)}.aurora .navbar~* .toolbar-top-aurora,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora,.aurora .navbar~.toolbar-top-aurora,.ios .navbar~* .toolbar-top-ios,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios,.ios .navbar~.toolbar-top-ios,.md .navbar~* .toolbar-top-md,.md .navbar~.page:not(.no-navbar) .toolbar-top-md,.md .navbar~.toolbar-top-md,.navbar~* .toolbar-top,.navbar~.page:not(.no-navbar) .toolbar-top,.navbar~.toolbar-top{top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.aurora .navbar~* .toolbar-top-aurora.toolbar-hidden,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden,.aurora .navbar~.toolbar-top-aurora.toolbar-hidden,.ios .navbar~* .toolbar-top-ios.toolbar-hidden,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden,.ios .navbar~.toolbar-top-ios.toolbar-hidden,.md .navbar~* .toolbar-top-md.toolbar-hidden,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden,.md .navbar~.toolbar-top-md.toolbar-hidden,.navbar~* .toolbar-top.toolbar-hidden,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden,.navbar~.toolbar-top.toolbar-hidden{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-safe-area-top))),0)}.aurora .navbar~* .toolbar-top-aurora.toolbar-hidden.tabbar-labels,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden.tabbar-labels,.aurora .navbar~.toolbar-top-aurora.toolbar-hidden.tabbar-labels,.ios .navbar~* .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.toolbar-top-ios.toolbar-hidden.tabbar-labels,.md .navbar~* .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.toolbar-top-md.toolbar-hidden.tabbar-labels,.navbar~* .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.toolbar-top.toolbar-hidden.tabbar-labels{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-safe-area-top))),0)}.aurora .navbar-hidden+.toolbar-top-aurora:not(.toolbar-hidden),.aurora .navbar-hidden~* .toolbar-top-aurora:not(.toolbar-hidden),.ios .navbar-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(0px - var(--f7-navbar-height)),0)}.aurora .navbar-large-hidden~* .toolbar-top-aurora:not(.toolbar-hidden),.ios .navbar-large-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-large-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-large-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-large-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-large-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-large-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(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-labels a.link,.ios .tabbar-labels a.tab-link{padding-top:4px;padding-bottom:4px}.ios .tabbar-labels a.link i+span,.ios .tabbar-labels a.tab-link i+span{margin:0}@media (min-width:768px){.ios .tabbar .toolbar-inner,.ios .tabbar-labels .toolbar-inner{justify-content:center}.ios .tabbar a.link,.ios .tabbar a.tab-link,.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{width:auto;min-width:105px}}.ios .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.ios .tabbar-scrollable a.link,.ios .tabbar-scrollable a.tab-link{padding:0 8px}.md .toolbar a.link{justify-content:center;padding:0 16px;min-width:48px}.md .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .toolbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .toolbar a.icon-only{min-width:0;flex-shrink:0}.md .tabbar a.link,.md .tabbar a.tab-link,.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-left:0;padding-right:0}.md .tabbar a.icon-only,.md .tabbar-labels a.icon-only{flex-shrink:initial}.md .tabbar a.tab-link,.md .tabbar-labels a.tab-link{transition-duration:.3s;overflow:hidden;position:relative}.md .tabbar .tab-link-highlight,.md .tabbar-labels .tab-link-highlight{position:absolute;height:2px;background:var(--f7-tabbar-link-active-border-color,var(--f7-theme-color));transition-duration:.3s;left:0}.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-top:7px;padding-bottom:7px}.md .tabbar-label{max-width:100%;overflow:hidden;line-height:1.2}.md .tabbar-scrollable .toolbar-inner{overflow:auto}.md .tabbar-scrollable a.link,.md .tabbar-scrollable a.tab-link{padding:0 16px}.aurora .toolbar a.icon-only{min-height:var(--f7-toolbar-height);display:flex;justify-content:center;align-items:center;margin:0}.aurora .tabbar .toolbar-inner,.aurora .tabbar-labels .toolbar-inner{padding-left:0;padding-right:0}.aurora .tabbar a.link,.aurora .tabbar a.tab-link,.aurora .tabbar-labels a.link,.aurora .tabbar-labels a.tab-link{transition-duration:.2s}.aurora .tabbar-labels a.link,.aurora .tabbar-labels a.tab-link{padding-top:5px;padding-bottom:5px}.aurora .tabbar-labels a.link i+span,.aurora .tabbar-labels a.tab-link i+span{margin:0}.aurora .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.aurora .tabbar-scrollable a.link,.aurora .tabbar-scrollable a.tab-link{padding:0 15px}:root{--f7-subnavbar-title-line-height:1.2}.ios{--f7-subnavbar-height:44px;--f7-subnavbar-inner-padding-left:8px;--f7-subnavbar-inner-padding-right:8px;--f7-subnavbar-title-font-size:34px;--f7-subnavbar-title-font-weight:700;--f7-subnavbar-title-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:7px;--f7-subnavbar-shadow-image:none}.md{--f7-subnavbar-height:48px;--f7-subnavbar-inner-padding-left:16px;--f7-subnavbar-inner-padding-right:16px;--f7-subnavbar-title-font-size:20px;--f7-subnavbar-title-font-weight:500;--f7-subnavbar-title-letter-spacing:0;--f7-subnavbar-title-margin-left:0px;--f7-subnavbar-shadow-image:var(--f7-bars-shadow-bottom-image)}.aurora{--f7-subnavbar-height:38px;--f7-subnavbar-inner-padding-left:15px;--f7-subnavbar-inner-padding-right:15px;--f7-subnavbar-title-font-size:26px;--f7-subnavbar-title-font-weight:bold;--f7-subnavbar-title-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:0px;--f7-subnavbar-shadow-image:none;--f7-subnavbar-link-height:auto;--f7-subnavbar-link-line-height:inherit}.subnavbar{width:100%;position:absolute;left:0;top:0;z-index:500;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;background-image:var(--f7-subnavbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-subnavbar-bg-color,var(--f7-bars-bg-color));color:var(--f7-subnavbar-text-color,var(--f7-bars-text-color))}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .subnavbar{background-color:rgba(var(--f7-subnavbar-bg-color-rgb,var(--f7-bars-bg-color-rgb)),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.subnavbar .title{position:relative;overflow:hidden;text-overflow:ellpsis;white-space:nowrap;font-size:var(--f7-subnavbar-title-font-size);font-weight:var(--f7-subnavbar-title-font-weight);text-align:left;display:inline-block;line-height:var(--f7-subnavbar-title-line-height);letter-spacing:var(--f7-subnavbar-title-letter-spacing);margin-left:var(--f7-subnavbar-title-margin-left)}.subnavbar .left,.subnavbar .right{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center}.subnavbar .right:first-child{position:absolute;height:100%}.subnavbar a{color:var(--f7-subnavbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.subnavbar a.link{line-height:var(--f7-subnavbar-link-line-height,var(--f7-subnavbar-height));height:var(--f7-subnavbar-link-height,var(--f7-subnavbar-height))}.subnavbar a.icon-only{min-width:var(--f7-subnavbar-height)}.subnavbar.no-border:after,.subnavbar.no-hairline:after{display:none!important}.subnavbar.navbar-hidden:before,.subnavbar.no-shadow:before{display:none!important}.subnavbar:after,.subnavbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.subnavbar:after{content:'';position:absolute;background-color:var(--f7-subnavbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.subnavbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-subnavbar-shadow-image)}.subnavbar-inner{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;justify-content:space-between;overflow:hidden;padding:0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left))}.subnavbar-inner.stacked{display:none}.navbar .subnavbar{top:100%}.page>.subnavbar,.view>.subnavbar,.views>.subnavbar{position:absolute}.navbar~* .subnavbar,.navbar~.page-with-subnavbar:not(.no-navbar) .subnavbar,.navbar~.subnavbar,.page-with-subnavbar .navbar~* .subnavbar,.page-with-subnavbar .navbar~.subnavbar{top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.navbar .title-large~.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:15px}.ios .subnavbar .left{margin-right:10px}.ios .subnavbar .right{margin-left:10px}.ios .subnavbar .right:first-child{right:8px}.ios .subnavbar a.link{justify-content:flex-start}.ios .subnavbar a.icon-only{justify-content:center;margin:0}.md .subnavbar{height:var(--f7-subnavbar-height)}.md .subnavbar .right{margin-left:auto}.md .subnavbar .right:first-child{right:16px}.md .subnavbar a.link{justify-content:center;padding:0 16px}.md .subnavbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .subnavbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .subnavbar a.icon-only{flex-shrink:0}.md .subnavbar-inner>a.link:first-child{margin-left:calc(-1 * var(--f7-subnavbar-inner-padding-left))}.md .subnavbar-inner>a.link:last-child{margin-right:calc(-1 * var(--f7-subnavbar-inner-padding-right))}.aurora .subnavbar{height:calc(var(--f7-subnavbar-height) + 1px);margin-top:-1px;padding-top:1px}.aurora .subnavbar .title{align-self:flex-start;flex-shrink:10}.aurora .subnavbar .left a+a,.aurora .subnavbar .right a+a{margin-left:10px}.aurora .subnavbar .left{margin-right:10px}.aurora .subnavbar .right{margin-left:10px}.aurora .subnavbar .right:first-child{right:15px}.aurora .subnavbar a.link{justify-content:flex-start}.aurora .subnavbar a.icon-only{justify-content:center;margin:0}:root{--f7-block-font-size:inherit;--f7-block-text-color:inherit;--f7-block-strong-bg-color:#fff;--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-color:#000;--f7-block-title-medium-text-transform:none;--f7-block-title-large-text-color:#000;--f7-block-title-large-text-transform:none}:root .theme-dark,:root.theme-dark{--f7-block-strong-border-color:rgba(255, 255, 255, 0.15);--f7-block-title-medium-text-color:#fff;--f7-block-title-large-text-color:#fff;--f7-block-strong-bg-color:#1c1c1d}.ios{--f7-block-padding-horizontal:15px;--f7-block-padding-vertical:15px;--f7-block-margin-vertical:35px;--f7-block-strong-text-color:#000;--f7-block-strong-border-color:rgba(0, 0, 0, 0.22);--f7-block-title-text-color:#000;--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-side-margin:15px;--f7-block-inset-border-radius:7px;--f7-block-header-text-color:rgba(0, 0, 0, 0.45);--f7-block-footer-text-color:rgba(0, 0, 0, 0.45)}.ios .theme-dark,.ios.theme-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}.md{--f7-block-padding-horizontal:16px;--f7-block-padding-vertical:16px;--f7-block-margin-vertical:32px;--f7-block-strong-text-color:inherit;--f7-block-strong-border-color:rgba(0, 0, 0, 0.12);--f7-block-title-font-size:inherit;--f7-block-title-text-color:rgba(0, 0, 0, 0.54);--f7-block-title-font-weight:500;--f7-block-title-line-height:16px;--f7-block-title-margin-bottom:16px;--f7-block-title-medium-font-size:24px;--f7-block-title-medium-font-weight:500;--f7-block-title-medium-line-height:1.3;--f7-block-title-large-font-size:34px;--f7-block-title-large-font-weight:500;--f7-block-title-large-line-height:1.2;--f7-block-inset-side-margin:16px;--f7-block-inset-border-radius:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.54);--f7-block-footer-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-block-title-text-color:#fff;--f7-block-header-text-color:rgba(255, 255, 255, 0.54);--f7-block-footer-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-block-padding-horizontal:15px;--f7-block-padding-vertical:15px;--f7-block-margin-vertical:15px;--f7-block-strong-text-color:inherit;--f7-block-strong-border-color:rgba(0, 0, 0, 0.12);--f7-block-title-font-size:inherit;--f7-block-title-text-color:rgba(0, 0, 0, 0.7);--f7-block-title-font-weight:600;--f7-block-title-line-height:1.5;--f7-block-title-margin-bottom:5px;--f7-block-title-medium-font-size:20px;--f7-block-title-medium-font-weight:600;--f7-block-title-medium-line-height:1.4;--f7-block-title-large-font-size:28px;--f7-block-title-large-font-weight:bold;--f7-block-title-large-line-height:1.3;--f7-block-inset-side-margin:15px;--f7-block-inset-border-radius:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.6);--f7-block-footer-text-color:rgba(0, 0, 0, 0.6)}.aurora .theme-dark,.aurora.theme-dark{--f7-block-title-text-color:#fff;--f7-block-header-text-color:rgba(255, 255, 255, 0.52);--f7-block-footer-text-color:rgba(255, 255, 255, 0.52);--f7-block-strong-text-color:#fff}.block{box-sizing:border-box;position:relative;z-index:1;color:var(--f7-block-text-color);margin:var(--f7-block-margin-vertical) 0;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right));font-size:var(--f7-block-font-size)}.aurora .block.no-hairlines-aurora ul:before,.aurora .block.no-hairlines-aurora:before,.block.no-hairlines ul:before,.block.no-hairlines:before,.ios .block.no-hairlines-ios ul:before,.ios .block.no-hairlines-ios:before,.md .block.no-hairlines-md ul:before,.md .block.no-hairlines-md:before{display:none!important}.aurora .block.no-hairlines-aurora ul:after,.aurora .block.no-hairlines-aurora:after,.block.no-hairlines ul:after,.block.no-hairlines:after,.ios .block.no-hairlines-ios ul:after,.ios .block.no-hairlines-ios:after,.md .block.no-hairlines-md ul:after,.md .block.no-hairlines-md:after{display:none!important}.aurora .block.no-hairline-top-aurora ul:before,.aurora .block.no-hairline-top-aurora:before,.block.no-hairline-top ul:before,.block.no-hairline-top:before,.ios .block.no-hairline-top-ios ul:before,.ios .block.no-hairline-top-ios:before,.md .block.no-hairline-top-md ul:before,.md .block.no-hairline-top-md:before{display:none!important}.aurora .block.no-hairline-bottom-aurora ul:after,.aurora .block.no-hairline-bottom-aurora:after,.block.no-hairline-bottom ul:after,.block.no-hairline-bottom:after,.ios .block.no-hairline-bottom-ios ul:after,.ios .block.no-hairline-bottom-ios:after,.md .block.no-hairline-bottom-md ul:after,.md .block.no-hairline-bottom-md:after{display:none!important}.block>h1:first-child,.block>h2:first-child,.block>h3:first-child,.block>h4:first-child,.block>p:first-child{margin-top:0}.block>h1:last-child,.block>h2:last-child,.block>h3:last-child,.block>h4:last-child,.block>p:last-child{margin-bottom:0}.block-strong{color:var(--f7-block-strong-text-color);padding-top:var(--f7-block-padding-vertical);padding-bottom:var(--f7-block-padding-vertical);background-color:var(--f7-block-strong-bg-color)}.block-strong:before{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-strong:after{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-title{position:relative;overflow:hidden;margin:0;white-space:var(--f7-block-title-white-space);text-overflow:ellipsis;text-transform:var(--f7-block-title-text-transform);color:var(--f7-block-title-text-color);font-size:var(--f7-block-title-font-size,inherit);font-weight:var(--f7-block-title-font-weight);line-height:var(--f7-block-title-line-height);margin-top:var(--f7-block-margin-vertical);margin-bottom:var(--f7-block-title-margin-bottom);margin-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-title+.block,.block-title+.block-header,.block-title+.card,.block-title+.list,.block-title+.timeline{margin-top:0px}.block-title-medium{font-size:var(--f7-block-title-medium-font-size);text-transform:var(--f7-block-title-medium-text-transform);color:var(--f7-block-title-medium-text-color);font-weight:var(--f7-block-title-medium-font-weight);line-height:var(--f7-block-title-medium-line-height)}.block-title-large{font-size:var(--f7-block-title-large-font-size);text-transform:var(--f7-block-title-large-text-transform);color:var(--f7-block-title-large-text-color);font-weight:var(--f7-block-title-large-font-weight);line-height:var(--f7-block-title-large-line-height)}.block>.block-title:first-child,.list>.block-title:first-child{margin-top:0;margin-left:0;margin-right:0}.block-header{color:var(--f7-block-header-text-color);font-size:var(--f7-block-header-font-size);margin-bottom:var(--f7-block-header-margin);margin-top:var(--f7-block-margin-vertical)}.block-header+.block,.block-header+.card,.block-header+.list,.block-header+.timeline{margin-top:var(--f7-block-header-margin)}.block-footer{color:var(--f7-block-footer-text-color);font-size:var(--f7-block-footer-font-size);margin-top:var(--f7-block-footer-margin);margin-bottom:var(--f7-block-margin-vertical)}.block-footer,.block-header{padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-footer h1:first-child,.block-footer h2:first-child,.block-footer h3:first-child,.block-footer h4:first-child,.block-footer p:first-child,.block-footer ul:first-child,.block-header h1:first-child,.block-header h2:first-child,.block-header h3:first-child,.block-header h4:first-child,.block-header p:first-child,.block-header ul:first-child{margin-top:0}.block-footer h1:last-child,.block-footer h2:last-child,.block-footer h3:last-child,.block-footer h4:last-child,.block-footer p:last-child,.block-footer ul:last-child,.block-header h1:last-child,.block-header h2:last-child,.block-header h3:last-child,.block-header h4:last-child,.block-header p:last-child,.block-header ul:last-child{margin-bottom:0}.block-footer h1:first-child:last-child,.block-footer h2:first-child:last-child,.block-footer h3:first-child:last-child,.block-footer h4:first-child:last-child,.block-footer p:first-child:last-child,.block-footer ul:first-child:last-child,.block-header h1:first-child:last-child,.block-header h2:first-child:last-child,.block-header h3:first-child:last-child,.block-header h4:first-child:last-child,.block-header p:first-child:last-child,.block-header ul:first-child:last-child{margin-top:0;margin-bottom:0}.block .block-header,.card .block-header,.list .block-header,.timeline .block-header{margin-top:0}.block .block-footer,.card .block-footer,.list .block-footer,.timeline .block-footer{margin-bottom:0}.block+.block-footer,.card+.block-footer,.list+.block-footer,.timeline+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)))}.block+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)));margin-bottom:var(--f7-block-margin-vertical)}.block .block-footer,.block .block-header{padding:0}.block.inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.inset:before{display:none!important}.block-strong.inset:after{display:none!important}@media (min-width:768px){.block.tablet-inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.tablet-inset:before{display:none!important}.block-strong.tablet-inset:after{display:none!important}}:root{--f7-list-bg-color:#fff;--f7-list-item-text-max-lines:2;--f7-list-chevron-icon-color:rgba(0, 0, 0, 0.2);--f7-list-chevron-icon-font-size:20px;--f7-list-item-title-font-size:inherit;--f7-list-item-title-font-weight:400;--f7-list-item-title-text-color:inherit;--f7-list-item-title-line-height:inherit;--f7-list-item-title-white-space:nowrap;--f7-list-item-subtitle-font-weight:400;--f7-list-item-subtitle-text-color:inherit;--f7-list-item-subtitle-line-height:inherit;--f7-list-item-text-font-weight:400;--f7-list-item-after-font-weight:400;--f7-list-item-header-text-color:inherit;--f7-list-item-header-font-size:12px;--f7-list-item-header-font-weight:400;--f7-list-item-header-line-height:1.2;--f7-list-item-footer-font-size:12px;--f7-list-item-footer-font-weight:400;--f7-list-item-footer-line-height:1.2;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-item-divider-line-height:inherit;--f7-list-group-title-line-height:inherit}:root .theme-dark,:root.theme-dark{--f7-list-button-border-color:rgba(255, 255, 255, 0.15);--f7-list-bg-color:#1c1c1d;--f7-list-border-color:rgba(255, 255, 255, 0.15);--f7-list-item-border-color:rgba(255, 255, 255, 0.15);--f7-list-item-divider-border-color:rgba(255, 255, 255, 0.15);--f7-list-item-divider-bg-color:#232323;--f7-list-group-title-bg-color:#232323;--f7-list-chevron-icon-color:rgba(255, 255, 255, 0.3)}.ios{--f7-list-in-list-padding-left:30px;--f7-list-inset-side-margin:15px;--f7-list-inset-border-radius:7px;--f7-list-margin-vertical:35px;--f7-list-font-size:17px;--f7-list-chevron-icon-area:20px;--f7-list-border-color:rgba(0, 0, 0, 0.22);--f7-list-item-border-color:rgba(0, 0, 0, 0.22);--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-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-text-line-height:21px;--f7-list-item-after-font-size:inherit;--f7-list-item-after-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-min-height:44px;--f7-list-item-media-margin:15px;--f7-list-item-media-icons-margin:5px;--f7-list-item-cell-margin:15px;--f7-list-item-padding-vertical:8px;--f7-list-item-padding-horizontal:15px;--f7-list-media-item-padding-vertical:10px;--f7-list-media-item-padding-horizontal:15px;--f7-list-media-item-title-font-weight:600;--f7-list-button-text-align:center;--f7-list-button-border-color:rgba(0, 0, 0, 0.22);--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.15);--f7-list-item-divider-height:31px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-border-color:rgba(0, 0, 0, 0.22);--f7-list-group-title-height:31px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.45);--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f7f7f7}.ios .theme-dark,.ios.theme-dark{--f7-list-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-item-divider-text-color:rgba(255, 255, 255, 0.55);--f7-list-group-title-text-color:rgba(255, 255, 255, 0.55);--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.08);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.08)}.md{--f7-list-in-list-padding-left:40px;--f7-list-inset-side-margin:16px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:32px;--f7-list-font-size:16px;--f7-list-chevron-icon-area:26px;--f7-list-border-color:rgba(0, 0, 0, 0.12);--f7-list-item-border-color:rgba(0, 0, 0, 0.12);--f7-list-link-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-subtitle-font-size:14px;--f7-list-item-text-font-size:14px;--f7-list-item-text-text-color:#757575;--f7-list-item-text-line-height:20px;--f7-list-item-after-font-size:14px;--f7-list-item-after-text-color:#757575;--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:8px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-min-height:48px;--f7-list-item-media-margin:16px;--f7-list-item-media-icons-margin:8px;--f7-list-item-cell-margin:16px;--f7-list-item-padding-vertical:8px;--f7-list-item-padding-horizontal:16px;--f7-list-media-item-padding-vertical:14px;--f7-list-media-item-padding-horizontal:16px;--f7-list-button-text-color:#212121;--f7-list-button-text-align:left;--f7-list-button-border-color:transparent;--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-divider-height:48px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.54);--f7-list-item-divider-font-size:14px;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:#f4f4f4;--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:48px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.54);--f7-list-group-title-font-size:14px;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f4f4f4}.md .theme-dark,.md.theme-dark{--f7-list-button-text-color:#fff;--f7-list-item-divider-text-color:#fff;--f7-list-group-title-text-color:#fff;--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-item-text-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-list-in-list-padding-left:15px;--f7-list-inset-side-margin:15px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:15px;--f7-list-font-size:14px;--f7-list-chevron-icon-area:15px;--f7-list-chevron-icon-font-size:16px;--f7-list-border-color:rgba(0, 0, 0, 0.12);--f7-list-item-border-color:rgba(0, 0, 0, 0.12);--f7-list-link-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-link-hover-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-title-line-height:1.3;--f7-list-item-subtitle-font-size:14px;--f7-list-item-subtitle-line-height:1.3;--f7-list-item-text-font-size:12px;--f7-list-item-text-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-text-line-height:16px;--f7-list-item-after-font-size:13px;--f7-list-item-after-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-after-line-height:1.2;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-min-height:32px;--f7-list-item-media-margin:10px;--f7-list-item-media-icons-margin:5px;--f7-list-item-cell-margin:15px;--f7-list-item-padding-vertical:5px;--f7-list-item-padding-horizontal:15px;--f7-list-media-item-padding-vertical:5px;--f7-list-media-item-padding-horizontal:15px;--f7-list-media-item-title-font-weight:600;--f7-list-button-text-align:center;--f7-list-button-border-color:rgba(0, 0, 0, 0.12);--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-button-hover-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-height:19px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:500;--f7-list-item-divider-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:19px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.6);--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:500;--f7-list-group-title-bg-color:#f7f7f7}.aurora .theme-dark,.aurora.theme-dark{--f7-list-item-text-text-color:rgba(255, 255, 255, 0.52);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.52);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.52);--f7-list-item-divider-text-color:rgba(255, 255, 255, 0.6);--f7-list-group-title-text-color:rgba(255, 255, 255, 0.6);--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-link-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-hover-bg-color:rgba(255, 255, 255, 0.03)}.list{position:relative;z-index:1;font-size:var(--f7-list-font-size);margin:var(--f7-list-margin-vertical) 0}.list ul{list-style:none;margin:0;padding:0;position:relative;background:var(--f7-list-bg-color)}.list ul:before{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul:after{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul ul{padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-list-in-list-padding-left))}.list ul ul:before{display:none!important}.list ul ul:after{display:none!important}.list li{position:relative;box-sizing:border-box}.list .item-media{display:flex;flex-shrink:0;flex-wrap:nowrap;align-items:center;box-sizing:border-box;padding-bottom:var(--f7-list-item-padding-vertical);padding-top:var(--f7-list-item-padding-vertical)}.list .item-media+.item-inner{margin-left:var(--f7-list-item-media-margin)}.list .item-media i+i,.list .item-media i+img{margin-left:var(--f7-list-item-media-icons-margin)}.list .item-after{padding-left:var(--f7-list-item-after-padding)}.list .item-inner{position:relative;width:100%;min-width:0;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-self:stretch;padding-top:var(--f7-list-item-padding-vertical);padding-bottom:var(--f7-list-item-padding-vertical);min-height:var(--f7-list-item-min-height);padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.list .item-title{min-width:0;flex-shrink:1;white-space:var(--f7-list-item-title-white-space);position:relative;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:var(--f7-list-item-title-font-size);font-weight:var(--f7-list-item-title-font-weight);color:var(--f7-list-item-title-text-color);line-height:var(--f7-list-item-title-line-height)}.list .item-after{white-space:nowrap;flex-shrink:0;display:flex;font-size:var(--f7-list-item-after-font-size);font-weight:var(--f7-list-item-after-font-weight);color:var(--f7-list-item-after-text-color);line-height:var(--f7-list-item-after-line-height);margin-left:auto}.list .item-footer,.list .item-header{white-space:normal}.list .item-header{color:var(--f7-list-item-header-text-color);font-size:var(--f7-list-item-header-font-size);font-weight:var(--f7-list-item-header-font-weight);line-height:var(--f7-list-item-header-line-height)}.list .item-footer{color:var(--f7-list-item-footer-text-color);font-size:var(--f7-list-item-footer-font-size);font-weight:var(--f7-list-item-footer-font-weight);line-height:var(--f7-list-item-footer-line-height)}.list .item-link,.list .list-button{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;z-index:0}.list .item-link{color:inherit}.list .item-link.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.list .item-link .item-inner{padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.list .item-content{display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;min-height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.list .item-subtitle{position:relative;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis;font-size:var(--f7-list-item-subtitle-font-size);font-weight:var(--f7-list-item-subtitle-font-weight);color:var(--f7-list-item-subtitle-text-color);line-height:var(--f7-list-item-subtitle-line-height)}.list .item-text{position:relative;overflow:hidden;text-overflow:hidden;-webkit-line-clamp:var(--f7-list-item-text-max-lines);display:-webkit-box;font-size:var(--f7-list-item-text-font-size);font-weight:var(--f7-list-item-text-font-weight);color:var(--f7-list-item-text-text-color);line-height:var(--f7-list-item-text-line-height);max-height:calc(var(--f7-list-item-text-line-height) * var(--f7-list-item-text-max-lines))}.list .item-title-row{position:relative;display:flex;justify-content:space-between;box-sizing:border-box}.list .item-title-row .item-after{align-self:center}.list .item-row{display:flex;justify-content:space-between;box-sizing:border-box}.list .item-cell{display:block;align-self:center;box-sizing:border-box;width:100%;min-width:0;margin-left:var(--f7-list-item-cell-margin);flex-shrink:1}.list .item-cell:first-child{margin-left:0}.list .ripple-wave+.item-cell{margin-left:0}.list li:last-child .list-button:after{display:none!important}.list li:last-child li:last-child>.item-content>.item-inner:after,.list li:last-child li:last-child>.item-inner:after,.list li:last-child li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child li:last-child>.swipeout-content>.item-content>.item-inner:after,.list li:last-child>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child>.swipeout-content>.item-content>.item-inner:after{display:none!important}.list li li:last-child .item-inner:after,.list li:last-child li .item-inner:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .list.no-hairlines-aurora ul:before,.aurora .list.no-hairlines-aurora:before,.ios .list.no-hairlines-ios ul:before,.ios .list.no-hairlines-ios:before,.list.no-hairlines ul:before,.list.no-hairlines:before,.md .list.no-hairlines-md ul:before,.md .list.no-hairlines-md:before{display:none!important}.aurora .list.no-hairlines-aurora ul:after,.aurora .list.no-hairlines-aurora:after,.ios .list.no-hairlines-ios ul:after,.ios .list.no-hairlines-ios:after,.list.no-hairlines ul:after,.list.no-hairlines:after,.md .list.no-hairlines-md ul:after,.md .list.no-hairlines-md:after{display:none!important}.aurora .list.no-hairline-top-aurora ul:before,.aurora .list.no-hairline-top-aurora:before,.ios .list.no-hairline-top-ios ul:before,.ios .list.no-hairline-top-ios:before,.list.no-hairline-top ul:before,.list.no-hairline-top:before,.md .list.no-hairline-top-md ul:before,.md .list.no-hairline-top-md:before{display:none!important}.aurora .list.no-hairline-bottom-aurora ul:after,.aurora .list.no-hairline-bottom-aurora:after,.ios .list.no-hairline-bottom-ios ul:after,.ios .list.no-hairline-bottom-ios:after,.list.no-hairline-bottom ul:after,.list.no-hairline-bottom:after,.md .list.no-hairline-bottom-md ul:after,.md .list.no-hairline-bottom-md:after{display:none!important}.aurora .list.no-hairlines-between-aurora .item-divider:after,.aurora .list.no-hairlines-between-aurora .item-inner:after,.aurora .list.no-hairlines-between-aurora .list-button:after,.aurora .list.no-hairlines-between-aurora .list-group-title:after,.ios .list.no-hairlines-between-ios .item-divider:after,.ios .list.no-hairlines-between-ios .item-inner:after,.ios .list.no-hairlines-between-ios .list-button:after,.ios .list.no-hairlines-between-ios .list-group-title:after,.list.no-hairlines-between .item-divider:after,.list.no-hairlines-between .item-inner:after,.list.no-hairlines-between .list-button:after,.list.no-hairlines-between .list-group-title:after,.md .list.no-hairlines-between-md .item-divider:after,.md .list.no-hairlines-between-md .item-inner:after,.md .list.no-hairlines-between-md .list-button:after,.md .list.no-hairlines-between-md .list-group-title:after{display:none!important}.aurora .list.no-hairlines-between-aurora.simple-list li:after,.ios .list.no-hairlines-between-ios.simple-list li:after,.list.no-hairlines-between.simple-list li:after,.md .list.no-hairlines-between-md.simple-list li:after{display:none!important}.aurora .list.no-hairlines-between-aurora.links-list a:after,.ios .list.no-hairlines-between-ios.links-list a:after,.list.no-hairlines-between.links-list a:after,.md .list.no-hairlines-between-md.links-list a:after{display:none!important}.list-button{padding:0 var(--f7-list-item-padding-horizontal);line-height:var(--f7-list-item-min-height);color:var(--f7-list-button-text-color,var(--f7-theme-color));font-size:var(--f7-list-button-font-size);font-weight:var(--f7-list-button-font-weight);text-align:var(--f7-list-button-text-align)}.list-button:after{content:'';position:absolute;background-color:var(--f7-list-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list-button.active-state{background-color:var(--f7-list-button-pressed-bg-color)}.list-button[class*=color-]{--f7-list-button-text-color:var(--f7-theme-color)}.simple-list li{position:relative;white-space:nowrap;text-overflow:ellipsis;max-width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;align-content:center;line-height:var(--f7-list-item-min-height);height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.simple-list li:after{left:var(--f7-list-item-padding-horizontal);width:auto;left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));right:0}.simple-list li:last-child:after{display:none!important}.links-list li{z-index:1}.links-list a{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;display:flex;align-items:center;align-content:center;justify-content:space-between;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;max-width:100%;height:var(--f7-list-item-min-height);color:inherit}.links-list a .ripple-wave{z-index:0}.links-list a:after{width:auto}.links-list a.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.links-list a{padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.links-list a:after{left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));right:0}.links-list li:last-child a:after{display:none!important}.links-list a:after,.list .item-inner:after,.simple-list li:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.media-list,li.media-item{--f7-list-item-padding-vertical:var(--f7-list-media-item-padding-vertical);--f7-list-item-padding-horizontal:var(--f7-list-media-item-padding-horizontal)}.media-list .item-title,li.media-item .item-title{font-weight:var(--f7-list-media-item-title-font-weight,var(--f7-list-item-title-font-weight,inherit))}.media-list .item-inner,li.media-item .item-inner{display:block;align-self:stretch}.media-list .item-media,li.media-item .item-media{align-self:flex-start}.media-list .item-media img,li.media-item .item-media img{display:block}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.media-list .item-link .item-title-row,li.media-item .item-link .item-title-row{padding-right:calc(var(--f7-list-chevron-icon-area))}.media-list .chevron-center .item-link .item-inner,.media-list .item-link.chevron-center .item-inner,.media-list.chevron-center .item-link .item-inner,li.media-item .chevron-center .item-link .item-inner,li.media-item .item-link.chevron-center .item-inner,li.media-item.chevron-center .item-link .item-inner{padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.media-list .chevron-center .item-title-row,.media-list.chevron-center .item-title-row,li.media-item .chevron-center .item-title-row,li.media-item.chevron-center .item-title-row{padding-right:0}.links-list a:before,.list .item-link .item-inner:before,.media-list .chevron-center .item-link .item-inner:before,.media-list .item-link .item-title-row:before,.media-list .item-link.chevron-center .item-inner:before,.media-list.chevron-center .item-link .item-inner:before,li.media-item .chevron-center .item-link .item-inner:before,li.media-item .item-link .item-title-row:before,li.media-item .item-link.chevron-center .item-inner:before,li.media-item.chevron-center .item-link .item-inner:before{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;position:absolute;top:50%;width:8px;height:14px;margin-top:-7px;font-size:var(--f7-list-chevron-icon-font-size);line-height:14px;color:var(--f7-list-chevron-icon-color);pointer-events:none;right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));content:'chevron_right'}.media-list .chevron-center .item-title-row:before,.media-list.chevron-center .item-title-row:before,li.media-item .chevron-center .item-title-row:before,li.media-item.chevron-center .item-title-row:before{display:none}.media-list .item-link .item-inner:before,li.media-item .item-link .item-inner:before{display:none}.media-list .item-link .item-title-row:before,li.media-item .item-link .item-title-row:before{right:0}.list-group ul:after,.list-group ul:before{z-index:25!important}.list-group+.list-group ul:before{display:none!important}.item-divider,li.item-divider,li.list-group-title{white-space:nowrap;position:relative;max-width:100%;text-overflow:ellipsis;overflow:hidden;z-index:15;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));box-sizing:border-box;display:flex;align-items:center;align-content:center}.item-divider:after,li.item-divider:after,li.list-group-title:after{display:none!important}.item-divider,li.item-divider{margin-top:-1px;height:var(--f7-list-item-divider-height);color:var(--f7-list-item-divider-text-color);font-size:var(--f7-list-item-divider-font-size);font-weight:var(--f7-list-item-divider-font-weight);background-color:var(--f7-list-item-divider-bg-color);line-height:var(--f7-list-item-divider-line-height)}.item-divider:before,li.item-divider:before{content:'';position:absolute;background-color:var(--f7-list-item-divider-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list li.list-group-title,li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20;height:var(--f7-list-group-title-height);color:var(--f7-list-group-title-text-color);font-size:var(--f7-list-group-title-font-size);font-weight:var(--f7-list-group-title-font-weight);background-color:var(--f7-list-group-title-bg-color);line-height:var(--f7-list-group-title-line-height)}.page-with-navbar-large .list li.list-group-title,.page-with-navbar-large li.list-group-title{top:calc(-1 * var(--f7-navbar-large-title-height))}.list.inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.inset .block-title{margin-left:0;margin-right:0}.list.inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.inset ul:before{display:none!important}.list.inset ul:after{display:none!important}.list.inset li.swipeout:first-child,.list.inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.inset li.swipeout:last-child,.list.inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.inset li.swipeout:first-child:last-child,.list.inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}@media (min-width:768px){.list.tablet-inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.tablet-inset .block-title{margin-left:0;margin-right:0}.list.tablet-inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.tablet-inset ul:before{display:none!important}.list.tablet-inset ul:after{display:none!important}.list.tablet-inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.tablet-inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.tablet-inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}}.list .no-chevron,.list.no-chevron{--f7-list-chevron-icon-color:transparent;--f7-list-chevron-icon-area:0px}.ios .item-link.active-state .item-inner:after,.ios .links-list a.active-state:after,.ios .list-button.active-state:after{background-color:transparent}.ios .links-list a.active-state,.ios .list .item-link.active-state,.ios .list .list-button.active-state{transition-duration:0s}.md .list .item-media{min-width:40px}.aurora .list .item-media{min-width:18px}.aurora .links-list a:before,.aurora .list .item-link .item-inner:before,.aurora .media-list .chevron-center .item-link .item-inner:before,.aurora .media-list .item-link .item-title-row:before,.aurora .media-list .item-link.chevron-center .item-inner:before,.aurora .media-list.chevron-center .item-link .item-inner:before,.aurora li.media-item .chevron-center .item-link .item-inner:before,.aurora li.media-item .item-link .item-title-row:before,.aurora li.media-item .item-link.chevron-center .item-inner:before,.aurora li.media-item.chevron-center .item-link .item-inner:before{content:'chevron_right_aurora'}.aurora .links-list a,.aurora .list .item-link,.aurora .list .list-button{transition-duration:0s}.aurora.device-desktop .links-list a:hover:not(.active-state):not(.no-hover),.aurora.device-desktop .list .item-link:hover:not(.active-state):not(.no-hover){background:var(--f7-list-link-hover-bg-color)}.aurora.device-desktop .list .list-button:hover:not(.active-state):not(.no-hover){background:var(--f7-list-button-hover-bg-color)}:root{--f7-badge-text-color:#fff;--f7-badge-bg-color:#8e8e93;--f7-badge-padding:0 4px;--f7-badge-in-icon-size:16px;--f7-badge-in-icon-font-size:10px;--f7-badge-font-weight:normal;--f7-badge-font-size:12px}.ios{--f7-badge-size:20px}.md{--f7-badge-size:18px}.aurora{--f7-badge-size:18px;--f7-badge-font-weight:600;--f7-badge-in-icon-size:15px}.badge{display:inline-flex;align-items:center;align-content:center;justify-content:center;color:var(--f7-badge-text-color);background:var(--f7-badge-bg-color);position:relative;box-sizing:border-box;text-align:center;vertical-align:middle;font-weight:var(--f7-badge-font-weight);font-size:var(--f7-badge-font-size);border-radius:var(--f7-badge-size);padding:var(--f7-badge-padding);height:var(--f7-badge-size);min-width:var(--f7-badge-size)}.f7-icons .badge,.framework7-icons .badge,.icon .badge,.material-icons .badge{position:absolute;left:100%;margin-left:-10px;top:-2px;font-family:var(--f7-font-family);--f7-badge-font-size:var(--f7-badge-in-icon-font-size);--f7-badge-size:var(--f7-badge-in-icon-size)}.badge[class*=color-]{--f7-badge-bg-color:var(--f7-theme-color)}:root{--f7-button-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-bg-color:rgba(0, 0, 0, 0.07);--f7-segmented-strong-padding:2px;--f7-segmented-strong-between-buttons:4px;--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;--f7-segmented-strong-button-active-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.25)}:root .theme-dark,:root.theme-dark{--f7-segmented-strong-bg-color:rgba(255, 255, 255, 0.1);--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-font-size:13px;--f7-button-height:28px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:5px;--f7-button-font-weight:600;--f7-button-letter-spacing:0;--f7-button-text-transform:uppercase;--f7-button-outline-border-width:2px;--f7-button-large-height:44px;--f7-button-large-font-size:17px;--f7-button-large-font-weight:500;--f7-button-large-text-transform:none;--f7-button-small-height:26px;--f7-button-small-font-size:13px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px;--f7-segmented-strong-button-text-transform:none;--f7-segmented-strong-button-font-weight:500;--f7-segmented-strong-button-active-font-weight:600}.md{--f7-button-font-size:14px;--f7-button-height:36px;--f7-button-padding-horizontal:8px;--f7-button-border-radius:4px;--f7-button-font-weight:500;--f7-button-letter-spacing:0.03em;--f7-button-text-transform:uppercase;--f7-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-button-outline-border-width:2px;--f7-button-large-height:48px;--f7-button-large-font-size:14px;--f7-button-large-font-weight:500;--f7-button-large-text-transform:uppercase;--f7-button-small-height:28px;--f7-button-small-font-size:12px;--f7-button-small-font-weight:500;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px;--f7-segmented-strong-button-text-transform:uppercase;--f7-segmented-strong-button-font-weight:500;--f7-segmented-strong-button-active-font-weight:500}.md .theme-dark,.md.theme-dark{--f7-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}.aurora{--f7-button-font-size:14px;--f7-button-height:28px;--f7-button-min-width:24px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:4px;--f7-button-font-weight:500;--f7-button-letter-spacing:0.02;--f7-button-text-transform:none;--f7-button-outline-border-width:2px;--f7-button-large-height:34px;--f7-button-large-font-size:14px;--f7-button-large-font-weight:600;--f7-button-large-text-transform:none;--f7-button-small-height:24px;--f7-button-small-font-size:12px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:none;--f7-button-small-outline-border-width:1px;--f7-segmented-strong-button-text-transform:none;--f7-segmented-strong-button-font-weight:500;--f7-segmented-strong-button-active-font-weight:600}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}.button{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;margin:0;white-space:nowrap;text-overflow:ellipsis;position:relative;overflow:hidden;font-family:inherit;cursor:pointer;outline:0;box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;border:var(--f7-button-border-width,0px) solid var(--f7-button-border-color,var(--f7-theme-color));font-size:var(--f7-button-font-size);color:var(--f7-button-text-color,var(--f7-theme-color));height:var(--f7-button-height);line-height:calc(var(--f7-button-height) - var(--f7-button-border-width,0) * 2);padding:var(--f7-button-padding-vertical,0px) var(--f7-button-padding-horizontal);border-radius:var(--f7-button-border-radius);min-width:var(--f7-button-min-width);font-weight:var(--f7-button-font-weight);letter-spacing:var(--f7-button-letter-spacing);text-transform:var(--f7-button-text-transform);background-color:var(--f7-button-bg-color);box-shadow:var(--f7-button-box-shadow)}.button.active-state{background-color:var(--f7-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-button-pressed-text-color,var(--f7-button-text-color,var(--f7-theme-color)))}input[type=button].button,input[type=submit].button{width:100%}.button>i+i,.button>i+span,.button>span+i,.button>span+span{margin-left:4px}.appbar .button,.navbar .button,.searchbar .button,.subnavbar .button,.toolbar .button{color:var(--f7-button-text-color,var(--f7-theme-color))}.aurora .button-round-aurora,.button-round,.ios .button-round-ios,.md .button-round-md{--f7-button-border-radius:var(--f7-button-height)}.aurora .button-fill-aurora,.button-active,.button-fill,.button.tab-link-active,.ios .button-fill-ios,.md .button-fill-md{--f7-button-bg-color:var(--f7-button-fill-bg-color, var(--f7-theme-color));--f7-button-text-color:var(--f7-button-fill-text-color, #fff);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.aurora .button-fill-aurora,.button-fill,.ios .button-fill-ios,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color)}.button-active,.button.tab-link-active{--f7-button-pressed-bg-color:var(--f7-button-bg-color)}.aurora .button-outline-aurora,.button-outline,.ios .button-outline-ios,.md .button-outline-md{--f7-button-border-color:var(--f7-button-outline-border-color, var(--f7-theme-color));--f7-button-border-width:var(--f7-button-outline-border-width)}.aurora .button-large-aurora,.button-large,.ios .button-large-ios,.md .button-large-md{--f7-button-height:var(--f7-button-large-height);--f7-button-font-size:var(--f7-button-large-font-size);--f7-button-font-weight:var(--f7-button-large-font-weight);--f7-button-text-transform:var(--f7-button-large-text-transform)}.aurora .button-small-aurora,.button-small,.ios .button-small-ios,.md .button-small-md{--f7-button-outline-border-width:var(--f7-button-small-outline-border-width);--f7-button-height:var(--f7-button-small-height);--f7-button-font-size:var(--f7-button-small-font-size);--f7-button-font-weight:var(--f7-button-small-font-weight);--f7-button-text-transform:var(--f7-button-small-text-transform)}.ios .button-small-ios.button-fill,.ios .button-small.button-fill,.ios .button-small.button-fill-ios{--f7-button-border-width:var(--f7-button-small-outline-border-width);--f7-button-pressed-text-color:var(--f7-theme-color);--f7-button-pressed-bg-color:transparent}.segmented{align-self:center;display:flex;flex-wrap:nowrap;border-radius:var(--f7-button-border-radius);box-shadow:var(--f7-button-box-shadow);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)}.aurora .segmented-raised-aurora,.ios .segmented-raised-ios,.md .segmented-raised-md,.segmented-raised{box-shadow:var(--f7-button-raised-box-shadow)}.aurora .segmented-raised-aurora .button:not(.button-outline),.ios .segmented-raised-ios .button:not(.button-outline),.md .segmented-raised-md .button:not(.button-outline),.segmented-raised .button:not(.button-outline){border-left:1px solid var(--f7-segmented-raised-divider-color)}.aurora .button-raised-aurora,.button-raised,.ios .button-raised-ios,.md .button-raised-md{--f7-button-box-shadow:var(--f7-button-raised-box-shadow)}.aurora .button-raised-aurora.active-state,.button-raised.active-state,.ios .button-raised-ios.active-state,.md .button-raised-md.active-state{--f7-button-box-shadow:var(--f7-button-raised-pressed-box-shadow)}.aurora .segmented-strong-aurora,.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);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}.aurora .segmented-strong-aurora .button,.aurora .segmented-strong-aurora .button:first-child,.aurora .segmented-strong-aurora .button:last-child,.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)}.aurora .segmented-strong-aurora .button+.button,.ios .segmented-strong-ios .button+.button,.md .segmented-strong-md .button+.button,.segmented-strong .button+.button{margin-left:var(--f7-segmented-strong-between-buttons)}.aurora .segmented-strong-aurora .button.button-active,.aurora .segmented-strong-aurora .button.tab-link-active,.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:var(--f7-segmented-strong-button-active-bg-color);--f7-button-bg-color:var(--f7-segmented-strong-button-active-bg-color);--f7-button-text-color:var(--f7-segmented-strong-button-active-text-color);--f7-button-font-weight:var(--f7-segmented-strong-button-active-font-weight);--f7-button-box-shadow:var(--f7-segmented-strong-button-active-box-shadow)}.aurora .segmented-round-aurora,.ios .segmented-round-ios,.md .segmented-round-md,.segmented-round{border-radius:var(--f7-button-height)}.subnavbar .segmented{width:100%}.ios .button{transition-duration:.1s}.ios .button-fill,.ios .button-fill-ios{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-tint))}.ios .button-small,.ios .button-small-ios{transition-duration:.2s}.md .button{transition-duration:.3s;transform:translate3d(0,0,0)}.md .button-fill,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .button{transition-duration:.1s;transform:translate3d(0,0,0)}.aurora.device-desktop .button:not(.active-state):not(.no-hover):hover{background-color:var(--f7-button-hover-bg-color,rgba(var(--f7-theme-color-rgb),.07))}.aurora .button-fill,.aurora .button-fill-aurora{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .button-active,.aurora .button-fill,.aurora .button-fill-aurora,.aurora .button.tab-link-active{--f7-button-hover-bg-color:var(--f7-button-fill-hover-bg-color, var(--f7-theme-color-tint))}:root{--f7-touch-ripple-black:rgba(0, 0, 0, 0.1);--f7-touch-ripple-white:rgba(255, 255, 255, 0.3);--f7-touch-ripple-color:var(--f7-touch-ripple-black)}.theme-dark{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.actions-button,.button,.checkbox,.dialog-button,.fab a,.item-link,.link,.list-button,.radio,.ripple,.speed-dial-buttons a,.tab-link{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ripple-wave{left:0;top:0;position:absolute!important;border-radius:50%;pointer-events:none;z-index:-1;padding:0;margin:0;font-size:0;transform:translate3d(0px,0px,0) scale(0);transition-duration:1.4s;background-color:var(--f7-touch-ripple-color);will-change:transform,opacity}.ripple-wave.ripple-wave-fill{transition-duration:.3s;opacity:.35}.ripple-wave.ripple-wave-out{transition-duration:.6s;opacity:0}.button-fill .ripple-wave,.menu .ripple-wave,.picker-calendar-day .ripple-wave{z-index:1}.checkbox .ripple-wave,.data-table .sortable-cell .ripple-wave,.radio .ripple-wave{z-index:0}[class*=ripple-color-]{--f7-touch-ripple-color:var(--f7-theme-color-ripple-color)}i.icon{display:inline-block;vertical-align:middle;background-size:100% auto;background-position:center;background-repeat:no-repeat;font-style:normal;position:relative}.icon-back:after,.icon-forward:after,.icon-next:after,.icon-prev:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.icon[class*=color-]{color:var(--f7-theme-color)}.ios .icon-back,.ios .icon-forward,.ios .icon-next,.ios .icon-prev{width:12px;height:20px;line-height:20px}.ios .icon-back:after,.ios .icon-forward:after,.ios .icon-next:after,.ios .icon-prev:after{line-height:inherit}.ios .icon-next:after,.ios .icon-prev:after{font-size:16px}.ios .item-media .icon{color:grey}.ios .item-media .f7-icons{font-size:28px;width:28px;height:28px}.ios .icon-back:after,.ios .icon-prev:after{content:'chevron_left_ios'}.ios .icon-forward:after,.ios .icon-next:after{content:'chevron_right_ios'}.md .icon-back,.md .icon-forward,.md .icon-next,.md .icon-prev{width:24px;height:24px}.md .icon-back:after,.md .icon-forward:after,.md .icon-next:after,.md .icon-prev:after{line-height:1.2}.md .item-media .icon{color:#737373}.md .item-media .material-icons{font-size:24px;width:24px;height:24px}.md .icon-back:after{content:'arrow_left_md'}.md .icon-forward:after{content:'arrow_right_md'}.md .icon-next:after{content:'chevron_right_md'}.md .icon-prev:after{content:'chevron_left_md'}.aurora .f7-icons,.aurora .material-icons{font-size:18px}.aurora .icon-back,.aurora .icon-forward,.aurora .icon-next,.aurora .icon-prev{width:9px;height:14px;line-height:14px}.aurora .icon-back:after,.aurora .icon-forward:after,.aurora .icon-next:after,.aurora .icon-prev:after{line-height:inherit}.aurora .item-media .icon{color:grey}.aurora .item-media .f7-icons{font-size:18px;width:18px;height:18px}.aurora .icon-back:after,.aurora .icon-prev:after{content:'chevron_left_aurora'}.aurora .icon-forward:after,.aurora .icon-next:after{content:'chevron_right_aurora'}.custom-modal-backdrop{z-index:10500}.actions-backdrop,.custom-modal-backdrop,.dialog-backdrop,.popover-backdrop,.popup-backdrop,.preloader-backdrop,.sheet-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;transition-duration:.4s}.actions-backdrop.not-animated,.custom-modal-backdrop.not-animated,.dialog-backdrop.not-animated,.popover-backdrop.not-animated,.popup-backdrop.not-animated,.preloader-backdrop.not-animated,.sheet-backdrop.not-animated{transition-duration:0s}.actions-backdrop.backdrop-in,.custom-modal-backdrop.backdrop-in,.dialog-backdrop.backdrop-in,.popover-backdrop.backdrop-in,.popup-backdrop.backdrop-in,.preloader-backdrop.backdrop-in,.sheet-backdrop.backdrop-in{visibility:visible;opacity:1}:root{--f7-appbar-shadow-image:none}.ios{--f7-appbar-height:44px;--f7-appbar-inner-padding-left:8px;--f7-appbar-inner-padding-right:8px}.md{--f7-appbar-height:48px;--f7-appbar-inner-padding-left:16px;--f7-appbar-inner-padding-right:16px}.aurora{--f7-appbar-height:38px;--f7-appbar-inner-padding-left:15px;--f7-appbar-inner-padding-right:15px}.appbar{position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;margin:0;transform:translate3d(0,0,0);height:calc(var(--f7-appbar-height) + var(--f7-safe-area-top));background-image:var(--f7-appbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-appbar-bg-color,var(--f7-bars-bg-color));color:var(--f7-appbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-appbar-font-size);z-index:7000}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .appbar{background-color:rgba(var(--f7-appbar-bg-color-rgb,var(--f7-bars-bg-color-rgb)),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.appbar .panel~.appbar{z-index:5500}.appbar a{color:var(--f7-appbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.appbar a.link{display:flex;justify-content:flex-start;line-height:var(--f7-appbar-link-line-height,var(--f7-appbar-height));height:var(--f7-appbar-link-height,var(--f7-appbar-height))}.appbar .center,.appbar .left,.appbar .right{display:flex;align-items:center}.appbar.no-border:after,.appbar.no-hairline:after{display:none!important}.appbar.no-border .title-large:after,.appbar.no-hairline .title-large:after{display:none!important}.appbar.no-shadow:before{display:none!important}.appbar:after,.appbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.appbar:after{content:'';position:absolute;background-color:var(--f7-appbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.appbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-appbar-shadow-image)}.appbar:after{z-index:1}.appbar~*{--f7-appbar-app-offset:calc(var(--f7-appbar-height) + var(--f7-appbar-extra-offset, 0px) + var(--f7-safe-area-top))}.appbar~.appbar,.appbar~.view,.appbar~.views{--f7-safe-area-top:0px}.appbar~.panel .page,.appbar~.panel .page-content,.appbar~.panel .view{--f7-safe-area-top:0px}.appbar-inner{position:absolute;left:0;top:var(--f7-safe-area-top);width:100%;height:var(--f7-appbar-height);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 calc(var(--f7-appbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-appbar-inner-padding-left) + var(--f7-safe-area-left))}.appbar-inner.stacked{display:none}:root{--f7-dialog-button-text-color:var(--f7-theme-color);--f7-dialog-button-text-align:center;--f7-dialog-input-bg-color:#fff}.ios{--f7-dialog-bg-color:rgba(255, 255, 255, 0.95);--f7-dialog-bg-color-rgb:255,255,255;--f7-dialog-box-shadow:none;--f7-dialog-width:270px;--f7-dialog-inner-padding:15px;--f7-dialog-border-radius:13px;--f7-dialog-text-color:#000;--f7-dialog-text-align:center;--f7-dialog-font-size:14px;--f7-dialog-title-text-color:inherit;--f7-dialog-title-font-size:18px;--f7-dialog-title-font-weight:600;--f7-dialog-title-line-height:inherit;--f7-dialog-button-font-size:17px;--f7-dialog-button-height:44px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-font-weight:400;--f7-dialog-button-text-transform:none;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-dialog-input-border-radius:4px;--f7-dialog-input-font-size:14px;--f7-dialog-input-height:32px;--f7-dialog-input-border-color:rgba(0, 0, 0, 0.3);--f7-dialog-input-border-width:1px;--f7-dialog-input-placeholder-color:#a9a9a9;--f7-dialog-preloader-size:34px}.md{--f7-dialog-bg-color:#fff;--f7-dialog-box-shadow:var(--f7-elevation-24);--f7-dialog-width:280px;--f7-dialog-inner-padding:24px;--f7-dialog-border-radius:4px;--f7-dialog-text-color:#757575;--f7-dialog-text-align:left;--f7-dialog-font-size:16px;--f7-dialog-title-text-color:#212121;--f7-dialog-title-font-size:20px;--f7-dialog-title-font-weight:500;--f7-dialog-title-line-height:1.3;--f7-dialog-button-font-size:14px;--f7-dialog-button-height:36px;--f7-dialog-button-letter-spacing:0.03em;--f7-dialog-button-font-weight:500;--f7-dialog-button-text-transform:uppercase;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-dialog-input-border-radius:0px;--f7-dialog-input-font-size:16px;--f7-dialog-input-height:36px;--f7-dialog-input-border-color:transparent;--f7-dialog-input-border-width:0px;--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.35);--f7-dialog-preloader-size:32px}.aurora{--f7-dialog-bg-color:#fff;--f7-dialog-box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.15),0 25px 30px 0 rgba(0,0,0,0.35);--f7-dialog-width:300px;--f7-dialog-inner-padding:20px;--f7-dialog-border-radius:4px;--f7-dialog-text-color:#000;--f7-dialog-text-align:left;--f7-dialog-font-size:14px;--f7-dialog-title-text-color:inherit;--f7-dialog-title-font-size:14px;--f7-dialog-title-font-weight:700;--f7-dialog-title-line-height:inherit;--f7-dialog-button-text-color:#fff;--f7-dialog-button-font-size:13px;--f7-dialog-button-height:28px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-font-weight:500;--f7-dialog-button-text-transform:none;--f7-dialog-input-border-radius:4px;--f7-dialog-input-font-size:13px;--f7-dialog-input-height:24px;--f7-dialog-input-border-color:rgba(0, 0, 0, 0.12);--f7-dialog-input-border-width:1px;--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.32);--f7-dialog-preloader-size:24px}.dialog{position:absolute;z-index:13500;left:50%;margin-top:0;top:50%;overflow:hidden;opacity:0;transform:translate3d(0,-50%,0) scale(1.185);transition-property:transform,opacity;display:none;transition-duration:.4s;box-shadow:var(--f7-dialog-box-shadow);width:var(--f7-dialog-width);margin-left:calc(-1 * var(--f7-dialog-width)/ 2);border-radius:var(--f7-dialog-border-radius);text-align:var(--f7-dialog-text-align);color:var(--f7-dialog-text-color);font-size:var(--f7-dialog-font-size);will-change:transform,opacity}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .dialog{background-color:rgba(var(--f7-dialog-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.dialog.modal-in{opacity:1;transform:translate3d(0,-50%,0) scale(1)}.dialog.modal-out{opacity:0;z-index:13499}.dialog.not-animated{transition-duration:0s}.dialog-inner{position:relative;padding:var(--f7-dialog-inner-padding)}.dialog-title{color:var(--f7-dialog-title-text-color);font-size:var(--f7-dialog-title-font-size);font-weight:var(--f7-dialog-title-font-weight);line-height:var(--f7-dialog-title-line-height)}.dialog-buttons{position:relative;display:flex}.dialog-buttons-vertical .dialog-buttons{display:block;height:auto!important}.dialog-button{box-sizing:border-box;overflow:hidden;position:relative;white-space:nowrap;text-overflow:ellipsis;color:var(--f7-dialog-button-text-color);font-size:var(--f7-dialog-button-font-size);height:var(--f7-dialog-button-height);line-height:var(--f7-dialog-button-height);letter-spacing:var(--f7-dialog-button-letter-spacing);text-align:var(--f7-dialog-button-text-align);font-weight:var(--f7-dialog-button-font-weight);text-transform:var(--f7-dialog-button-text-transform);display:block;cursor:pointer}.dialog-button.active-state{background-color:var(--f7-dialog-button-pressed-bg-color)}.dialog-no-buttons .dialog-buttons{display:none}.dialog-input-field{position:relative}input.dialog-input[type]{box-sizing:border-box;margin:0;margin-top:15px;border-radius:var(--f7-dialog-input-border-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:block;font-family:inherit;box-shadow:none;font-size:var(--f7-dialog-input-font-size);height:var(--f7-dialog-input-height);background-color:var(--f7-dialog-input-bg-color);border:var(--f7-dialog-input-border-width) solid var(--f7-dialog-input-border-color)}input.dialog-input[type]::-webkit-input-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::-moz-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::-ms-input-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::placeholder{color:var(--f7-dialog-input-placeholder-color)}.dialog-input-double input.dialog-input{border-radius:var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius) 0 0}.dialog-input-double+.dialog-input-double input.dialog-input{border-radius:0 0 var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius)}.dialog-preloader .preloader{--f7-preloader-size:var(--f7-dialog-preloader-size)}html.with-modal-dialog .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.ios .dialog.modal-out{transform:translate3d(0,-50%,0) scale(1)}.ios .dialog-inner{border-radius:var(--f7-dialog-border-radius) var(--f7-dialog-border-radius) 0 0}.ios .dialog-inner:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-title+.dialog-text{margin-top:5px}.ios .dialog-buttons{height:44px;justify-content:center}.ios .dialog-button{width:100%;padding:0 5px;-webkit-box-flex:1;-ms-flex:1}.ios .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-button:first-child{border-radius:0 0 0 var(--f7-dialog-border-radius)}.ios .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) 0}.ios .dialog-button:last-child:after{display:none!important}.ios .dialog-button:first-child:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-button.dialog-button-bold{font-weight:500}.ios .dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.ios .dialog-buttons-vertical .dialog-buttons{height:auto}.ios .dialog-buttons-vertical .dialog-button{border-radius:0}.ios .dialog-buttons-vertical .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-buttons-vertical .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-buttons-vertical .dialog-button:last-child:after{display:none!important}.ios .dialog-no-buttons .dialog-inner{border-radius:var(--f7-dialog-border-radius)}.ios .dialog-no-buttons .dialog-inner:after{display:none!important}.ios .dialog-input-field{margin-top:15px}.ios .dialog-input{padding:0 5px}.ios .dialog-input+.dialog-input{margin-top:5px}.ios .dialog-input-double+.dialog-input-double{margin-top:0}.ios .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.ios .dialog-preloader .dialog-text~.preloader,.ios .dialog-preloader .dialog-title~.preloader{margin-top:15px}.ios .dialog-progress .dialog-text~.progressbar,.ios .dialog-progress .dialog-text~.progressbar-infinite,.ios .dialog-progress .dialog-title~.progressbar,.ios .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px}.md .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.md .dialog-title+.dialog-text{margin-top:20px}.md .dialog-text{line-height:1.5}.md .dialog-buttons{height:48px;padding:6px 8px;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.md .dialog-button{border-radius:4px;min-width:64px;padding:0 8px;border:none;transition-duration:.3s;transform:translate3d(0,0,0)}.md .dialog-button.dialog-button-bold{font-weight:700}.md .dialog-button+.dialog-button{margin-left:4px}.md .dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.md .dialog-buttons-vertical .dialog-buttons{padding:0 0 8px 0}.md .dialog-buttons-vertical .dialog-button{margin-left:0;text-align:right;height:48px;line-height:48px;border-radius:0;padding-left:16px;padding-right:16px}.md .dialog-input{padding:0;transition-duration:.2s;position:relative}.md .dialog-input+.dialog-input{margin-top:16px}.md .dialog-preloader .dialog-inner,.md .dialog-preloader .dialog-title,.md .dialog-progress .dialog-inner,.md .dialog-progress .dialog-title{text-align:center}.md .dialog-preloader .dialog-text~.preloader,.md .dialog-preloader .dialog-title~.preloader{margin-top:20px}.md .dialog-progress .dialog-text~.progressbar,.md .dialog-progress .dialog-text~.progressbar-infinite,.md .dialog-progress .dialog-title~.progressbar,.md .dialog-progress .dialog-title~.progressbar-infinite{margin-top:16px}.aurora .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.aurora .dialog-title+.dialog-text{margin-top:10px}.aurora .dialog-text{line-height:1.5}.aurora .dialog-buttons{padding:var(--f7-dialog-inner-padding);padding-top:0;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.aurora .dialog-button{border-radius:4px;min-width:64px;padding:0 10px;border:none;transition-duration:.3s;transform:translate3d(0,0,0);background:var(--f7-theme-color)}.aurora .dialog-button.dialog-button-bold{font-weight:600}.aurora .dialog-button+.dialog-button{margin-left:15px}.aurora .dialog-buttons-vertical .dialog-buttons{display:flex;flex-direction:column;align-items:flex-end}.aurora .dialog-buttons-vertical .dialog-button{margin-left:0;flex-shrink:0}.aurora .dialog-buttons-vertical .dialog-button+.dialog-button{margin-top:5px}.aurora .dialog-input-field{margin-top:10px}.aurora .dialog-input-field input.dialog-input{margin-top:0}.aurora .dialog-input{padding:0 4px;transition-duration:.2s;position:relative}.aurora .dialog-input+.dialog-input{margin-top:10px}.aurora .dialog-input-double+.dialog-input-double{margin-top:0}.aurora .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.aurora .dialog-preloader .dialog-inner,.aurora .dialog-preloader .dialog-title,.aurora .dialog-progress .dialog-inner,.aurora .dialog-progress .dialog-title{text-align:center}.aurora .dialog-preloader .dialog-text~.preloader,.aurora .dialog-preloader .dialog-title~.preloader{margin-top:10px}.aurora .dialog-progress .dialog-text~.progressbar,.aurora .dialog-progress .dialog-text~.progressbar-infinite,.aurora .dialog-progress .dialog-title~.progressbar,.aurora .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px}:root{--f7-popup-border-radius:0px;--f7-popup-tablet-width:630px;--f7-popup-tablet-height:630px;--f7-popup-transition-duration:400ms;--f7-popup-push-border-radius:10px;--f7-popup-push-offset:var(--f7-safe-area-top)}.ios{--f7-popup-box-shadow:none}.md{--f7-popup-box-shadow:0px 20px 44px rgba(0, 0, 0, 0.5)}.aurora{--f7-popup-tablet-border-radius:4px;--f7-popup-box-shadow:0px 20px 44px rgba(0, 0, 0, 0.5)}.popup-backdrop{z-index:10500}.popup{position:absolute;left:0;top:0px;width:100%;height:100%;display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:#fff;z-index:11000;will-change:transform;overflow:hidden;border-radius:var(--f7-popup-border-radius)}.popup.modal-in,.popup.modal-out{transition-duration:var(--f7-popup-transition-duration)}.popup.not-animated{transition-duration:0s}.popup.modal-in{display:block;transform:translate3d(0,0,0)}.popup.modal-out{transform:translate3d(0,100%,0)}.popup.swipe-close-to-top.modal-out{transform:translate3d(0,-100%,0)}@media (min-width:630px) and (min-height:630px){.popup:not(.popup-tablet-fullscreen){--f7-safe-area-top:0px;width:var(--f7-popup-tablet-width);height:var(--f7-popup-tablet-height);left:50%;top:50%;margin-left:calc(-1 * var(--f7-popup-tablet-width)/ 2);margin-top:calc(-1 * var(--f7-popup-tablet-height)/ 2);transform:translate3d(0,100vh,0);box-shadow:var(--f7-popup-box-shadow);border-radius:var(--f7-popup-tablet-border-radius,var(--f7-popup-border-radius))}.popup:not(.popup-tablet-fullscreen).modal-in{transform:translate3d(0,0,0)}.popup:not(.popup-tablet-fullscreen).modal-out{transform:translate3d(0,100vh,0)}.popup:not(.popup-tablet-fullscreen).swipe-close-to-top.modal-out{transform:translate3d(0,-100vh,0)}}html.with-modal-popup .framework7-root>.panel .page-content,html.with-modal-popup .framework7-root>.view .page-content,html.with-modal-popup .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html.with-modal-popup-push .popup-push,html.with-modal-popup-push-closing .popup-push{top:calc(var(--f7-popup-push-offset) + 10px);height:calc(100% - var(--f7-popup-push-offset) - 10px);border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0}html.with-modal-popup-push .popup-push .page,html.with-modal-popup-push .popup-push .view,html.with-modal-popup-push-closing .popup-push .page,html.with-modal-popup-push-closing .popup-push .view{--f7-safe-area-top:0px}html.with-modal-popup-push .framework7-root,html.with-modal-popup-push-closing .framework7-root{background:#000}html.with-modal-popup-push .framework7-root>.view,html.with-modal-popup-push .framework7-root>.views,html.with-modal-popup-push-closing .framework7-root>.view,html.with-modal-popup-push-closing .framework7-root>.views{transition-duration:var(--f7-popup-transition-duration)}html.with-modal-popup-push .framework7-root>.view,html.with-modal-popup-push .framework7-root>.views{border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;transform:translate3d(0,0,0px) scale(var(--f7-popup-push-scale,1))}:root{--f7-login-screen-bg-color:#fff;--f7-login-screen-content-bg-color:#fff;--f7-login-screen-blocks-max-width:480px;--f7-login-screen-title-text-align:center;--f7-login-screen-title-text-color:inherit;--f7-login-screen-title-letter-spacing:0;--f7-login-screen-title-font-weight:600;--f7-login-screen-title-font-size:28px}:root .theme-dark,:root.theme-dark{--f7-login-screen-content-bg-color:transparent}.ios{--f7-login-screen-blocks-margin-vertical:25px}.ios .theme-dark,.ios.theme-dark{--f7-login-screen-bg-color:#000}.md{--f7-login-screen-blocks-margin-vertical:24px}.md .theme-dark,.md.theme-dark{--f7-login-screen-bg-color:#171717}.aurora{--f7-login-screen-blocks-margin-vertical:15px}.aurora .theme-dark,.aurora.theme-dark{--f7-login-screen-bg-color:#171717}.login-screen{position:absolute;left:0;top:0;width:100%;height:100%;display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:var(--f7-login-screen-bg-color);z-index:11000;will-change:transform}.login-screen.modal-in,.login-screen.modal-out{transition-duration:.4s}.login-screen.not-animated{transition-duration:0s}.login-screen.modal-in{display:block;transform:translate3d(0,0,0)}.login-screen.modal-out{transform:translate3d(0,100%,0)}.login-screen .page,.login-screen-content,.login-screen-page{background:var(--f7-login-screen-content-bg-color)}.login-screen-content .list-button,.login-screen-page .list-button{text-align:center;color:var(--f7-login-screen-list-button-text-color,var(--f7-theme-color))}.login-screen-content .block,.login-screen-content .list,.login-screen-content .login-screen-title,.login-screen-page .block,.login-screen-page .list,.login-screen-page .login-screen-title{margin:var(--f7-login-screen-blocks-margin-vertical) auto}.login-screen-content .block,.login-screen-content .block-footer,.login-screen-content .block-header,.login-screen-content .list,.login-screen-content .login-screen-title,.login-screen-page .block,.login-screen-page .block-footer,.login-screen-page .block-header,.login-screen-page .list,.login-screen-page .login-screen-title{max-width:var(--f7-login-screen-blocks-max-width)}.login-screen-content .list ul,.login-screen-page .list ul{background:0 0}.login-screen-content .list ul:before,.login-screen-page .list ul:before{display:none!important}.login-screen-content .list ul:after,.login-screen-page .list ul:after{display:none!important}.login-screen-content .block-footer,.login-screen-content .block-header,.login-screen-page .block-footer,.login-screen-page .block-header{text-align:center;margin-left:auto;margin-right:auto}.login-screen-title{text-align:var(--f7-login-screen-title-text-align);font-size:var(--f7-login-screen-title-font-size);font-weight:var(--f7-login-screen-title-font-weight);color:var(--f7-login-screen-title-text-color);letter-spacing:var(--f7-login-screen-title-letter-spacing)}.login-screen-page,.login-screen>.page,.login-screen>.view>.page{display:flex;flex-direction:column}.login-screen-page .login-screen-content,.login-screen-page .page-content,.login-screen>.page .login-screen-content,.login-screen>.page .page-content,.login-screen>.view>.page .login-screen-content,.login-screen>.view>.page .page-content{margin-top:auto;margin-bottom:auto;height:auto;max-height:100%;width:100%}.theme-dark .login-screen-content .block-strong,.theme-dark .login-screen-content .list ul,.theme-dark .login-screen-page .block-strong,.theme-dark .login-screen-page .list ul,.theme-dark.login-screen-page .block-strong,.theme-dark.login-screen-page .list ul{background-color:transparent}:root{--f7-popover-width:260px}.ios{--f7-popover-bg-color:rgba(255, 255, 255, 0.95);--f7-popover-border-radius:13px;--f7-popover-box-shadow:none;--f7-popover-actions-icon-size:28px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.45)}.ios .theme-dark,.ios.theme-dark{--f7-popover-bg-color:rgba(30, 30, 30, 0.95);--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-popover-bg-color:#fff;--f7-popover-border-radius:4px;--f7-popover-box-shadow:var(--f7-elevation-8);--f7-popover-actions-icon-size:24px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-popover-bg-color:#202020;--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-popover-width:200px;--f7-popover-bg-color:#fff;--f7-popover-border-radius:4px;--f7-popover-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1),0 5px 11px 0 rgba(0,0,0,0.28);--f7-popover-actions-icon-size:24px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.6)}.aurora .theme-dark,.aurora.theme-dark{--f7-popover-bg-color:#202020;--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.6)}.popover{width:var(--f7-popover-width);z-index:13500;margin:0;top:0;opacity:0;left:0;position:absolute;display:none;transition-duration:.3s;background-color:var(--f7-popover-bg-color);border-radius:var(--f7-popover-border-radius);box-shadow:var(--f7-popover-box-shadow);will-change:transform,opacity}.popover .list{margin:0}.popover .list ul{background:0 0}.popover .list:first-child ul:before{display:none!important}.popover .list:last-child ul:after{display:none!important}.popover .list:first-child ul{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:first-child li:first-child,.popover .list:first-child li:first-child a,.popover .list:first-child li:first-child>label{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:last-child ul{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:last-child li:last-child,.popover .list:last-child li:last-child a,.popover .list:last-child li:last-child>label{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:first-child:last-child li:first-child:last-child,.popover .list:first-child:last-child li:first-child:last-child a,.popover .list:first-child:last-child li:first-child:last-child>label,.popover .list:first-child:last-child ul{border-radius:var(--f7-popover-border-radius)}.popover .list+.list{margin-top:var(--f7-list-margin-vertical)}.popover.modal-in{opacity:1}.popover.not-animated{transition-duration:0s}.popover-inner{overflow:auto;-webkit-overflow-scrolling:touch}.popover-from-actions .item-link i.icon{width:var(--f7-popover-actions-icon-size);height:var(--f7-popover-actions-icon-size);font-size:var(--f7-popover-actions-icon-size)}.popover-from-actions-bold{font-weight:600}.popover-from-actions-label{line-height:1.3;position:relative;display:flex;align-items:center;padding:var(--f7-actions-label-padding);color:var(--f7-popover-actions-label-text-color);font-size:var(--f7-actions-label-font-size);justify-content:var(--f7-actions-label-justify-content)}.popover-from-actions-label:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.popover-from-actions-label:last-child:after{display:none!important}.ios .popover{transform:none;transition-property:opacity}.ios .popover-angle{width:26px;height:26px;position:absolute;left:-26px;top:0;z-index:100;overflow:hidden}.ios .popover-angle:after{content:'';background:var(--f7-popover-bg-color);width:26px;height:26px;position:absolute;left:0;top:0;border-radius:3px;transform:rotate(45deg)}.ios .popover-angle.on-left{left:-26px}.ios .popover-angle.on-left:after{left:19px;top:0}.ios .popover-angle.on-right{left:100%}.ios .popover-angle.on-right:after{left:-19px;top:0}.ios .popover-angle.on-top{left:0;top:-26px}.ios .popover-angle.on-top:after{left:0;top:19px}.ios .popover-angle.on-bottom{left:0;top:100%}.ios .popover-angle.on-bottom:after{left:0;top:-19px}.md .popover{transform:scale(.85,.6);transition-property:opacity,transform}.md .popover.modal-in{opacity:1;transform:scale(1)}.md .popover.modal-out{opacity:0;transform:scale(1)}.md .popover-on-top{transform-origin:center bottom}.md .popover-on-top.popover-on-right{transform-origin:left bottom}.md .popover-on-top.popover-on-left{transform-origin:right bottom}.md .popover-on-middle{transform-origin:center center}.md .popover-on-middle.popover-on-right{transform-origin:left center}.md .popover-on-middle.popover-on-left{transform-origin:right center}.md .popover-on-bottom{transform-origin:center top}.md .popover-on-bottom.popover-on-right{transform-origin:left top}.md .popover-on-bottom.popover-on-left{transform-origin:right top}.aurora .popover{transform:none;transition-property:opacity}.aurora .popover-angle{width:18px;height:18px;position:absolute;left:-18px;top:0;z-index:100;overflow:hidden}.aurora .popover-angle:after{content:'';background:var(--f7-popover-bg-color);width:18px;height:18px;position:absolute;left:0;top:0;border-radius:2px;transform:rotate(45deg)}.aurora .popover-angle.on-left{left:-18px}.aurora .popover-angle.on-left:after{left:13px;top:0}.aurora .popover-angle.on-right{left:100%}.aurora .popover-angle.on-right:after{left:-13px;top:0}.aurora .popover-angle.on-top{left:0;top:-18px}.aurora .popover-angle.on-top:after{left:0;top:13px}.aurora .popover-angle.on-bottom{left:0;top:100%}.aurora .popover-angle.on-bottom:after{left:0;top:-13px}:root{--f7-actions-grid-button-font-size:12px;--f7-actions-grid-button-text-color:#757575}.ios{--f7-actions-bg-color:rgba(255, 255, 255, 0.95);--f7-actions-bg-color-rgb:255,255,255;--f7-actions-border-radius:13px;--f7-actions-button-border-color:rgba(0, 0, 0, 0.2);--f7-actions-button-pressed-bg-color:rgba(230, 230, 230, 0.9);--f7-actions-button-padding:0px;--f7-actions-button-text-align:center;--f7-actions-button-height:57px;--f7-actions-button-height-landscape:44px;--f7-actions-button-font-size:20px;--f7-actions-button-icon-size:28px;--f7-actions-button-justify-content:center;--f7-actions-label-padding:8px 10px;--f7-actions-label-text-color:#8a8a8a;--f7-actions-label-font-size:13px;--f7-actions-label-justify-content:center;--f7-actions-group-border-color:transparent;--f7-actions-group-margin:8px;--f7-actions-grid-button-icon-size:48px}.ios .theme-dark,.ios.theme-dark{--f7-actions-bg-color:rgba(30, 30, 30, 0.95);--f7-actions-bg-color-rgb:30,30,30;--f7-actions-button-border-color:rgba(255, 255, 255, 0.15);--f7-actions-button-pressed-bg-color:rgba(50, 50, 50, 0.9);--f7-actions-button-pressed-bg-color-rgb:50,50,50;--f7-actions-label-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-actions-bg-color:#fff;--f7-actions-border-radius:0px;--f7-actions-button-border-color:transparent;--f7-actions-button-text-color:rgba(0, 0, 0, 0.87);--f7-actions-button-pressed-bg-color:#e5e5e5;--f7-actions-button-padding:0 16px;--f7-actions-button-text-align:left;--f7-actions-button-height:48px;--f7-actions-button-height-landscape:48px;--f7-actions-button-font-size:16px;--f7-actions-button-icon-size:24px;--f7-actions-button-justify-content:space-between;--f7-actions-label-padding:12px 16px;--f7-actions-label-text-color:rgba(0, 0, 0, 0.54);--f7-actions-label-font-size:16px;--f7-actions-label-justify-content:flex-start;--f7-actions-group-border-color:#d2d2d6;--f7-actions-group-margin:0px;--f7-actions-grid-button-icon-size:48px}.aurora{--f7-actions-bg-color:#fff;--f7-actions-border-radius:4px;--f7-actions-button-border-color:rgba(0, 0, 0, 0.12);--f7-actions-button-pressed-bg-color:#e5e5e5;--f7-actions-button-padding:0 15px;--f7-actions-button-text-align:center;--f7-actions-button-height:32px;--f7-actions-button-height-landscape:32px;--f7-actions-button-font-size:14px;--f7-actions-button-icon-size:18px;--f7-actions-button-justify-content:space-between;--f7-actions-label-padding:10px 15px;--f7-actions-label-text-color:rgba(0, 0, 0, 0.5);--f7-actions-label-font-size:12px;--f7-actions-label-justify-content:center;--f7-actions-group-border-color:rgba(0, 0, 0, 0.1);--f7-actions-group-margin:15px;--f7-actions-grid-button-icon-size:32px}.actions-modal{position:absolute;left:0;bottom:0;z-index:13500;width:100%;transform:translate3d(0,100%,0);display:none;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch;transition-property:transform;will-change:transform}.actions-modal.modal-in,.actions-modal.modal-out{transition-duration:.3s}.actions-modal.not-animated{transition-duration:0s}.actions-modal.modal-in{transform:translate3d(0,calc(-1 * var(--f7-safe-area-bottom)),0)}.actions-modal.modal-out{z-index:13499;transform:translate3d(0,100%,0)}@media (min-width:496px){.actions-modal{width:480px;left:50%;margin-left:-240px}}@media (orientation:landscape){.actions-modal{--f7-actions-button-height:var(--f7-actions-button-height-landscape)}}.actions-group{overflow:hidden;position:relative;margin:var(--f7-actions-group-margin);border-radius:var(--f7-actions-border-radius);transform:translate3d(0,0,0)}.actions-group:after{content:'';position:absolute;background-color:var(--f7-actions-group-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.actions-group:last-child:after{display:none!important}.actions-button,.actions-label{width:100%;font-weight:400;margin:0;box-sizing:border-box;display:block;position:relative;overflow:hidden;text-align:var(--f7-actions-button-text-align);background:var(--f7-actions-bg-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .actions-button,.ios-translucent .actions-label{background-color:rgba(var(--f7-actions-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.actions-button:after,.actions-label:after{content:'';position:absolute;background-color:var(--f7-actions-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.actions-button:first-child,.actions-label:first-child{border-radius:var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0}.actions-button:last-child,.actions-label:last-child{border-radius:0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius)}.actions-button:last-child:after,.actions-label:last-child:after{display:none!important}.actions-button:first-child:last-child,.actions-label:first-child:last-child{border-radius:var(--f7-actions-border-radius)}.actions-button a,.actions-label a{text-decoration:none;color:inherit;display:block}.actions-button b,.actions-button.actions-button-bold,.actions-label b,.actions-label.actions-button-bold{font-weight:600}.actions-button{cursor:pointer;display:flex;color:var(--f7-actions-button-text-color,var(--f7-theme-color));font-size:var(--f7-actions-button-font-size);height:var(--f7-actions-button-height);line-height:var(--f7-actions-button-height);padding:var(--f7-actions-button-padding);justify-content:var(--f7-actions-button-justify-content);z-index:10}.actions-button.active-state{background-color:var(--f7-actions-button-pressed-bg-color)!important}.actions-button[class*=color-]{color:var(--f7-theme-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .actions-button.active-state{background-color:rgba(var(--f7-actions-button-pressed-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.actions-button-media{flex-shrink:0;display:flex;align-items:center}.actions-button-media i.icon{width:var(--f7-actions-button-icon-size);height:var(--f7-actions-button-icon-size);font-size:var(--f7-actions-button-icon-size)}.actions-button a,.actions-button-text{position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.actions-button-text{width:100%;flex-shrink:1;text-align:var(--f7-actions-button-text-align)}.actions-label{line-height:1.3;display:flex;align-items:center;font-size:var(--f7-actions-label-font-size);color:var(--f7-actions-label-text-color);padding:var(--f7-actions-label-padding);justify-content:var(--f7-actions-label-justify-content);min-height:var(--f7-actions-label-min-height,var(--f7-actions-button-height))}.actions-label[class*=" color-"]{--f7-actions-label-text-color:var(--f7-theme-color)}.actions-grid .actions-group{display:flex;flex-wrap:wrap;justify-content:flex-start;border-radius:0;background:var(--f7-actions-bg-color);margin-top:0}.actions-grid .actions-group:first-child{border-radius:var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0}.actions-grid .actions-group:last-child{border-radius:0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius)}.actions-grid .actions-group:first-child:last-child{border-radius:var(--f7-actions-border-radius)}.actions-grid .actions-group:not(:last-child){margin-bottom:0}.actions-grid .actions-button,.actions-grid .actions-label{border-radius:0!important;background:0 0}.actions-grid .actions-button{width:33.33333333%;display:block;color:var(--f7-actions-grid-button-text-color);height:auto;line-height:1;padding:16px}.actions-grid .actions-button:after{display:none!important}.actions-grid .actions-button-media{margin-left:auto!important;margin-right:auto!important;width:var(--f7-actions-grid-button-icon-size);height:var(--f7-actions-grid-button-icon-size)}.actions-grid .actions-button-media i.icon{width:var(--f7-actions-grid-button-icon-size);height:var(--f7-actions-grid-button-icon-size);font-size:var(--f7-actions-grid-button-icon-size)}.actions-grid .actions-button-text{margin-left:0!important;text-align:center!important;margin-top:8px;line-height:1.33em;height:1.33em;font-size:var(--f7-actions-grid-button-font-size)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .actions-grid .actions-group{background-color:rgba(var(--f7-actions-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.ios .actions-button-media{margin-left:15px}.ios .actions-button-media+.actions-button-text{text-align:left;margin-left:15px}.md .actions-button{transition-duration:.3s}.md .actions-button-media{min-width:40px}.md .actions-button-media+.actions-button-text{margin-left:16px}.aurora .actions-button-media{margin-left:15px}.aurora .actions-button-media+.actions-button-text{text-align:left;margin-left:15px}:root{--f7-sheet-height:260px;--f7-sheet-bg-color:#fff;--f7-sheet-border-color:transparent;--f7-sheet-transition-duration:300ms;--f7-sheet-push-border-radius:10px;--f7-sheet-push-offset:var(--f7-safe-area-top)}:root .theme-dark,:root.theme-dark{--f7-sheet-bg-color:#171717}.ios{--f7-sheet-border-color:var(--f7-bars-border-color)}.ios .theme-dark,.ios.theme-dark{--f7-sheet-bg-color:#000}.sheet-backdrop{z-index:11000}.sheet-modal{position:absolute;left:0;bottom:0;width:100%;height:var(--f7-sheet-height);display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:var(--f7-sheet-bg-color);z-index:12500;will-change:transform}.sheet-modal.modal-in,.sheet-modal.modal-out{transition-duration:var(--f7-sheet-transition-duration)}.sheet-modal.not-animated{transition-duration:0s}.sheet-modal.modal-in{display:block;transform:translate3d(0,0,0)}.sheet-modal.modal-in-swipe-step{display:block;transform:translate3d(0,var(--f7-sheet-swipe-step,0),0)}.sheet-modal.modal-out{transform:translate3d(0,100%,0)}.sheet-modal .sheet-modal-inner{height:100%;position:relative;overflow:hidden}.sheet-modal .toolbar{--f7-safe-area-bottom:0px;position:relative;width:100%}.sheet-modal .toolbar:after,.sheet-modal .toolbar:before{display:none}.sheet-modal .toolbar+.sheet-modal-inner{height:calc(100% - var(--f7-toolbar-height))}.sheet-modal .toolbar+.sheet-modal-inner .page-content{--f7-page-toolbar-top-offset:0px;--f7-page-toolbar-bottom-offset:0px}.sheet-modal-top:after{content:'';position:absolute;background-color:var(--f7-sheet-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.sheet-modal-top:after{z-index:600;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.sheet-modal-bottom,.sheet-modal:not(.sheet-modal-top){--f7-safe-area-top:0px}.sheet-modal-bottom:before,.sheet-modal:not(.sheet-modal-top):before{content:'';position:absolute;background-color:var(--f7-sheet-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.sheet-modal-bottom:before,.sheet-modal:not(.sheet-modal-top):before{z-index:600;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.sheet-modal-top{--f7-safe-area-bottom:0px;bottom:auto;top:0;transform:translate3d(0,-100%,0)}.sheet-modal-top.modal-out{transform:translate3d(0,-100%,0)}.sheet-modal-top .toolbar-bottom{position:absolute}.sheet-modal-top .page-content{padding-top:var(--f7-safe-area-top)}html.with-modal-sheet-push .sheet-modal-push,html.with-modal-sheet-push-closing .sheet-modal-push{border-radius:var(--f7-sheet-push-border-radius) var(--f7-sheet-push-border-radius) 0 0;overflow:hidden}html.with-modal-sheet-push .sheet-modal-push .page,html.with-modal-sheet-push .sheet-modal-push .view,html.with-modal-sheet-push-closing .sheet-modal-push .page,html.with-modal-sheet-push-closing .sheet-modal-push .view{--f7-safe-area-top:0px}html.with-modal-sheet-push .sheet-modal-push.sheet-modal-top,html.with-modal-sheet-push-closing .sheet-modal-push.sheet-modal-top{border-radius:0 0 var(--f7-sheet-push-border-radius) var(--f7-sheet-push-border-radius)}html.with-modal-sheet-push .framework7-root,html.with-modal-sheet-push-closing .framework7-root{background:#000}html.with-modal-sheet-push .framework7-root>.view,html.with-modal-sheet-push .framework7-root>.views,html.with-modal-sheet-push-closing .framework7-root>.view,html.with-modal-sheet-push-closing .framework7-root>.views{transition-duration:var(--f7-sheet-transition-duration)}html.with-modal-sheet-push .framework7-root>.view,html.with-modal-sheet-push .framework7-root>.views{border-radius:var(--f7-sheet-push-border-radius);transform:translate3d(0,0,0px) scale(var(--f7-sheet-push-scale,1))}.md .sheet-modal .toolbar a.link:not(.tab-link){flex-shrink:0}:root{--f7-toast-text-color:#fff;--f7-toast-font-size:14px;--f7-toast-icon-size:48px}.ios{--f7-toast-bg-color:rgba(0, 0, 0, 0.75);--f7-toast-bg-color-rgb:0,0,0;--f7-toast-padding-horizontal:15px;--f7-toast-padding-vertical:12px;--f7-toast-border-radius:8px;--f7-toast-button-min-width:64px}.md{--f7-toast-bg-color:#323232;--f7-toast-padding-horizontal:24px;--f7-toast-padding-vertical:14px;--f7-toast-border-radius:4px;--f7-toast-button-min-width:64px}.aurora{--f7-toast-bg-color:rgba(0, 0, 0, 0.85);--f7-toast-padding-horizontal:10px;--f7-toast-padding-vertical:10px;--f7-toast-border-radius:4px;--f7-toast-button-min-width:32px}.toast{--f7-touch-ripple-color:var(--f7-touch-ripple-white);transition-property:transform,opacity;position:absolute;max-width:568px;z-index:20000;color:var(--f7-toast-text-color);font-size:var(--f7-toast-font-size);box-sizing:border-box;background-color:var(--f7-toast-bg-color);opacity:0}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .toast{background-color:rgba(var(--f7-toast-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.toast.modal-in{opacity:1}.toast .toast-content{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:var(--f7-toast-padding-vertical) var(--f7-toast-padding-horizontal)}.toast .toast-text{line-height:20px;flex-shrink:1;min-width:0}.toast .toast-button{flex-shrink:0;min-width:var(--f7-toast-button-min-width);margin-top:-8px;margin-bottom:-8px}.toast.toast-with-icon .toast-content{display:block;text-align:center}.toast.toast-with-icon .toast-text{text-align:center}.toast.toast-with-icon .toast-icon .f7-icons,.toast.toast-with-icon .toast-icon .material-icons{font-size:var(--f7-toast-icon-size);width:var(--f7-toast-icon-size);height:var(--f7-toast-icon-size)}.toast.toast-center{top:50%}.toast.toast-top{margin-top:var(--f7-safe-area-top)}.ios .toast{transition-duration:.3s;width:100%;left:0}.ios .toast.toast-top{top:0;transform:translate3d(0,-100%,0)}.ios .toast.toast-top.modal-in{transform:translate3d(0,0%,0)}.ios .toast.toast-center{width:auto;left:50%;border-radius:var(--f7-toast-border-radius);transform:translate3d(-50%,-50%,0)}.ios .toast.toast-center.modal-in{transform:translate3d(-50%,-50%,0)}.ios .toast.toast-bottom{bottom:0;transform:translate3d(0,100%,0)}.ios .toast.toast-bottom.modal-in{transform:translate3d(0,0%,0)}@media (max-width:568px){.ios .toast.toast-top{margin-top:0}.ios .toast.toast-top .toast-content{padding-top:calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-top))}.ios .toast.toast-bottom .toast-content{padding-bottom:calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-bottom))}}@media (min-width:569px){.ios .toast{left:50%;margin-left:-284px;border-radius:var(--f7-toast-border-radius)}.ios .toast.toast-top{top:15px}.ios .toast.toast-center{margin-left:0}.ios .toast.toast-bottom{margin-bottom:calc(15px + var(--f7-safe-area-bottom))}}@media (min-width:1024px){.ios .toast{margin-left:0;width:auto}.ios .toast.toast-bottom,.ios .toast.toast-top{left:15px}}.ios .toast-button{margin-left:15px;margin-right:calc(-1 * var(--f7-button-padding-horizontal))}.md .toast{transition-duration:.2s;border-radius:var(--f7-toast-border-radius);left:8px;width:calc(100% - 16px);transform:scale(.9)}.md .toast.modal-in{transform:scale(1)}.md .toast.modal-out{transform:scale(1)}.md .toast.toast-top{top:8px}.md .toast.toast-center{left:50%;width:auto;transform:scale(.9) translate3d(-55%,-55%,0)}.md .toast.toast-center.modal-in{transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-center.modal-out{transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-bottom{bottom:calc(8px + var(--f7-safe-area-bottom))}@media (min-width:584px){.md .toast{left:50%;margin-left:-284px}.md .toast.toast-center{margin-left:0}}@media (min-width:1024px){.md .toast{margin-left:0;width:auto}.md .toast.toast-bottom,.md .toast.toast-top{left:24px}.md .toast.toast-bottom{bottom:calc(24px + var(--f7-safe-area-bottom))}.md .toast.toast-top{top:24px}}.md .toast-button{margin-left:16px;margin-right:-8px}.aurora .toast{transition-duration:.2s;border-radius:var(--f7-toast-border-radius);left:10px;width:calc(100% - 20px);transform:scale(.9)}.aurora .toast.modal-in{transform:scale(1)}.aurora .toast.modal-out{transform:scale(1)}.aurora .toast.toast-top{top:10px}.aurora .toast.toast-center{left:50%;width:auto;transform:scale(.9) translate3d(-55%,-55%,0)}.aurora .toast.toast-center.modal-in{transform:scale(1) translate3d(-50%,-50%,0)}.aurora .toast.toast-center.modal-out{transform:scale(1) translate3d(-50%,-50%,0)}.aurora .toast.toast-bottom{bottom:calc(10px + var(--f7-safe-area-bottom))}@media (min-width:584px){.aurora .toast{left:50%;margin-left:-284px}.aurora .toast.toast-center{margin-left:0}}@media (min-width:1024px){.aurora .toast{margin-left:0;width:auto}.aurora .toast.toast-bottom,.aurora .toast.toast-top{left:10px}}.aurora .toast-button{margin-left:10px}:root{--f7-preloader-modal-padding:8px;--f7-preloader-modal-bg-color:rgba(0, 0, 0, 0.8)}.ios{--f7-preloader-color:#6c6c6c;--f7-preloader-size:20px;--f7-preloader-modal-preloader-size:34px;--f7-preloader-modal-border-radius:5px}.md{--f7-preloader-color:#757575;--f7-preloader-size:32px;--f7-preloader-modal-preloader-size:32px;--f7-preloader-modal-border-radius:4px}.aurora{--f7-preloader-color:#757575;--f7-preloader-size:24px;--f7-preloader-modal-preloader-size:24px;--f7-preloader-modal-border-radius:4px}.preloader{display:inline-block;vertical-align:middle;width:var(--f7-preloader-size);height:var(--f7-preloader-size);font-size:0;position:relative}.preloader-backdrop{visibility:visible;opacity:0;background:0 0;z-index:14000}.preloader-modal{position:absolute;left:50%;top:50%;padding:var(--f7-preloader-modal-padding);background:var(--f7-preloader-modal-bg-color);z-index:14500;transform:translateX(-50%) translateY(-50%);border-radius:var(--f7-preloader-modal-border-radius)}.preloader-modal .preloader{--f7-preloader-size:var(--f7-preloader-modal-preloader-size);display:block!important}html.with-modal-preloader .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.preloader[class*=color-]{--f7-preloader-color:var(--f7-theme-color)}.ios .preloader{animation:ios-preloader-spin 1s steps(12,end) infinite}.ios .preloader .preloader-inner-line{display:block;width:10%;height:25%;border-radius:100px;background:var(--f7-preloader-color);position:absolute;left:50%;top:50%;transform-origin:center 200%}.ios .preloader .preloader-inner-line:nth-child(1){transform:translate(-50%,-200%) rotate(0deg);opacity:.27}.ios .preloader .preloader-inner-line:nth-child(2){transform:translate(-50%,-200%) rotate(30deg);opacity:.32272727}.ios .preloader .preloader-inner-line:nth-child(3){transform:translate(-50%,-200%) rotate(60deg);opacity:.37545455}.ios .preloader .preloader-inner-line:nth-child(4){transform:translate(-50%,-200%) rotate(90deg);opacity:.42818182}.ios .preloader .preloader-inner-line:nth-child(5){transform:translate(-50%,-200%) rotate(120deg);opacity:.48090909}.ios .preloader .preloader-inner-line:nth-child(6){transform:translate(-50%,-200%) rotate(150deg);opacity:.53363636}.ios .preloader .preloader-inner-line:nth-child(7){transform:translate(-50%,-200%) rotate(180deg);opacity:.58636364}.ios .preloader .preloader-inner-line:nth-child(8){transform:translate(-50%,-200%) rotate(210deg);opacity:.63909091}.ios .preloader .preloader-inner-line:nth-child(9){transform:translate(-50%,-200%) rotate(240deg);opacity:.69181818}.ios .preloader .preloader-inner-line:nth-child(10){transform:translate(-50%,-200%) rotate(270deg);opacity:.74454545}.ios .preloader .preloader-inner-line:nth-child(11){transform:translate(-50%,-200%) rotate(300deg);opacity:.79727273}.ios .preloader .preloader-inner-line:nth-child(12){transform:translate(-50%,-200%) rotate(330deg);opacity:.85}@keyframes ios-preloader-spin{100%{transform:rotate(360deg)}}.md .preloader{animation:md-preloader-outer 3.3s linear infinite}@keyframes md-preloader-outer{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.md .preloader-inner{position:relative;display:block;width:100%;height:100%;animation:md-preloader-inner-rotate 5.25s cubic-bezier(.35,0,.25,1) infinite}.md .preloader-inner .preloader-inner-gap{position:absolute;width:2px;left:50%;margin-left:-1px;top:0;bottom:0;box-sizing:border-box;border-top:4px solid var(--f7-preloader-color)}.md .preloader-inner .preloader-inner-left,.md .preloader-inner .preloader-inner-right{position:absolute;top:0;height:100%;width:50%;overflow:hidden}.md .preloader-inner .preloader-inner-half-circle{position:absolute;top:0;height:100%;width:200%;box-sizing:border-box;border:4px solid var(--f7-preloader-color);border-bottom-color:transparent!important;border-radius:50%;animation-iteration-count:infinite;animation-duration:1.3125s;animation-timing-function:cubic-bezier(.35,0,.25,1)}.md .preloader-inner .preloader-inner-left{left:0}.md .preloader-inner .preloader-inner-left .preloader-inner-half-circle{left:0;border-right-color:transparent!important;animation-name:md-preloader-left-rotate}.md .preloader-inner .preloader-inner-right{right:0}.md .preloader-inner .preloader-inner-right .preloader-inner-half-circle{right:0;border-left-color:transparent!important;animation-name:md-preloader-right-rotate}.md .preloader.color-multi .preloader-inner-left .preloader-inner-half-circle{animation-name:md-preloader-left-rotate-multicolor}.md .preloader.color-multi .preloader-inner-right .preloader-inner-half-circle{animation-name:md-preloader-right-rotate-multicolor}@keyframes md-preloader-left-rotate{0%,100%{transform:rotate(130deg)}50%{transform:rotate(-5deg)}}@keyframes md-preloader-right-rotate{0%,100%{transform:rotate(-130deg)}50%{transform:rotate(5deg)}}@keyframes md-preloader-inner-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}@keyframes md-preloader-left-rotate-multicolor{0%,100%{border-left-color:#4285f4;transform:rotate(130deg)}75%{border-left-color:#1b9a59;border-top-color:#1b9a59}50%{border-left-color:#f7c223;border-top-color:#f7c223;transform:rotate(-5deg)}25%{border-left-color:#de3e35;border-top-color:#de3e35}}@keyframes md-preloader-right-rotate-multicolor{0%,100%{border-right-color:#4285f4;transform:rotate(-130deg)}75%{border-right-color:#1b9a59;border-top-color:#1b9a59}50%{border-right-color:#f7c223;border-top-color:#f7c223;transform:rotate(5deg)}25%{border-top-color:#de3e35;border-right-color:#de3e35}}.aurora .preloader-inner{position:absolute;left:0;top:0;width:100%;height:100%}.aurora .preloader-inner-circle{width:100%;height:100%;position:absolute;left:0;top:0;border-radius:50%;border:calc(var(--f7-preloader-size)/ 8) solid var(--f7-preloader-color);border-top-color:transparent;box-sizing:border-box;animation:aurora-preloader-rotate 1s linear infinite}.aurora .preloader.color-multi .preloader-inner-circle{animation:aurora-preloader-rotate 1s linear infinite,aurora-preloader-multicolor 2s linear infinite}@keyframes aurora-preloader-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes aurora-preloader-multicolor{0%,100%{border-color:#2196f3;border-top-color:transparent}25%{border-color:#ff3b30;border-top-color:transparent}50%{border-color:#4cd964;border-top-color:transparent}75%{border-color:#ff9500;border-top-color:transparent}}.ios{--f7-progressbar-bg-color:rgba(0, 0, 0, 0.3);--f7-progressbar-height:2px;--f7-progressbar-border-radius:2px}.ios .theme-dark,.ios.theme-dark{--f7-progressbar-bg-color:rgba(255, 255, 255, 0.3)}.md{--f7-progressbar-height:4px;--f7-progressbar-border-radius:0px}.aurora{--f7-progressbar-bg-color:#dbdbdb;--f7-progressbar-height:6px;--f7-progressbar-border-radius:3px}.aurora .theme-dark,.aurora.theme-dark{--f7-progressbar-bg-color:#444}.progressbar,.progressbar-infinite{width:100%;overflow:hidden;position:relative;display:block;transform-style:preserve-3d;background:var(--f7-progressbar-bg-color,rgba(var(--f7-theme-color-rgb),.5));transform-origin:center top;height:var(--f7-progressbar-height);border-radius:var(--f7-progressbar-border-radius)}.progressbar{vertical-align:middle}.progressbar span{background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));width:100%;height:100%;position:absolute;left:0;top:0;transform:translate3d(-100%,0,0);transition-duration:150ms}.progressbar-infinite{z-index:15000}.progressbar-infinite:after,.progressbar-infinite:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:left center;transform:translate3d(0,0,0);display:block;background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color))}.progressbar-infinite.color-multi{background:0 0!important}.progressbar-in{animation:progressbar-in 150ms forwards}.progressbar-out{animation:progressbar-out 150ms forwards}.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,.page>.progressbar,.page>.progressbar-infinite,.panel>.progressbar,.panel>.progressbar-infinite,.popup>.progressbar,.popup>.progressbar-infinite,.view>.progressbar,.view>.progressbar-infinite,.views>.progressbar,.views>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{position:absolute;left:0;top:0;z-index:15000;border-radius:0!important;transform-origin:center top!important}.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{top:var(--f7-safe-area-top)}@keyframes progressbar-in{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes progressbar-out{from{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}.ios .progressbar-infinite:before{animation:ios-progressbar-infinite 1s linear infinite}.ios .progressbar-infinite:after{display:none}.ios .progressbar-infinite.color-multi:before{width:400%;background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;animation:ios-progressbar-infinite-multicolor 3s linear infinite}@keyframes ios-progressbar-infinite{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(100%,0,0)}}@keyframes ios-progressbar-infinite-multicolor{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-50%,0,0)}}.md .progressbar-infinite:before{animation:md-progressbar-infinite-1 2s linear infinite}.md .progressbar-infinite:after{animation:md-progressbar-infinite-2 2s linear infinite}.md .progressbar-infinite.color-multi:before{background:0 0;animation:md-progressbar-infinite-multicolor-bg 3s step-end infinite}.md .progressbar-infinite.color-multi:after{background:0 0;animation:md-progressbar-infinite-multicolor-fill 3s linear infinite;transform-origin:center center}@keyframes md-progressbar-infinite-1{0%{transform:translateX(-10%) scaleX(.1)}25%{transform:translateX(30%) scaleX(.6)}50%{transform:translateX(100%) scaleX(1)}100%{transform:translateX(100%) scaleX(1)}}@keyframes md-progressbar-infinite-2{0%{transform:translateX(-100%) scaleX(1)}40%{transform:translateX(-100%) scaleX(1)}75%{transform:translateX(60%) scaleX(.35)}90%{transform:translateX(100%) scaleX(.1)}100%{transform:translateX(100%) scaleX(.1)}}@keyframes md-progressbar-infinite-multicolor-bg{0%{background-color:#4caf50}25%{background-color:#f44336}50%{background-color:#2196f3}75%{background-color:#ffeb3b}}@keyframes md-progressbar-infinite-multicolor-fill{0%{transform:scaleX(0);background-color:#f44336}24.9%{transform:scaleX(1);background-color:#f44336}25%{transform:scaleX(0);background-color:#2196f3}49.9%{transform:scaleX(1);background-color:#2196f3}50%{transform:scaleX(0);background-color:#ffeb3b}74.9%{transform:scaleX(1);background-color:#ffeb3b}75%{transform:scaleX(0);background-color:#4caf50}100%{transform:scaleX(1);background-color:#4caf50}}.aurora .progressbar,.aurora .progressbar span,.aurora .progressbar-infinite,.aurora .progressbar-infinite:before{box-shadow:0px 0px 0px 1px rgba(0,0,0,.05) inset}.aurora .progressbar-infinite:before{animation:aurora-progressbar-infinite 1s linear infinite}.aurora .progressbar-infinite:after{display:none}.aurora .progressbar-infinite.color-multi:before{width:400%;background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;animation:aurora-progressbar-infinite-multicolor 3s linear infinite}@keyframes aurora-progressbar-infinite{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(100%,0,0)}}@keyframes aurora-progressbar-infinite-multicolor{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-50%,0,0)}}:root{--f7-sortable-handler-color:rgba(0, 0, 0, 0.22);--f7-sortable-sorting-item-bg-color:rgba(255, 255, 255, 0.8)}:root .theme-dark,:root.theme-dark{--f7-sortable-sorting-item-bg-color:rgba(50, 50, 50, 0.8);--f7-sortable-handler-color:rgba(255, 255, 255, 0.55)}.ios{--f7-sortable-handler-width:35px;--f7-sortable-sorting-item-box-shadow:0px 2px 8px rgba(0, 0, 0, 0.6)}.md{--f7-sortable-handler-width:42px;--f7-sortable-sorting-item-box-shadow:var(--f7-elevation-2)}.aurora{--f7-sortable-handler-width:32px;--f7-sortable-sorting-item-box-shadow:var(--f7-elevation-2)}.sortable .sortable-handler{width:var(--f7-sortable-handler-width);height:100%;position:absolute;top:0;z-index:10;opacity:0;pointer-events:none;cursor:move;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;right:var(--f7-safe-area-right)}.sortable .sortable-handler:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;transition-duration:.3s;transform:translateX(10px);color:var(--f7-sortable-handler-color);overflow:hidden;height:20px;width:18px}.sortable .item-inner{transition-duration:.3s}.sortable li.sorting{z-index:50;background:var(--f7-sortable-sorting-item-bg-color);transition-duration:0s;box-shadow:var(--f7-sortable-sorting-item-box-shadow)}.sortable li.sorting .item-inner:after{display:none!important}.sortable-sorting li{transition-duration:.3s}.sortable-enabled .sortable-handler{pointer-events:auto;opacity:1}.sortable-enabled .sortable-handler:after{transform:translateX(0px)}.sortable-enabled .item-link .item-inner,.sortable-enabled .item-link .item-title-row{background-image:none!important}.list.sortable-enabled .item-inner,.list.sortable-enabled .item-link .item-inner,.list.sortable-enabled .item-link.no-chevron .item-inner,.list.sortable-enabled .no-chevron .item-link .item-inner,.list.sortable-enabled.no-chevron .item-link .item-inner,.no-chevron .list.sortable-enabled .item-link .item-inner{padding-right:calc(var(--f7-sortable-handler-width) + var(--f7-safe-area-right))}.ios .sortable-handler:after{content:'sort_ios'}.md .sortable-handler:after{content:'sort_md'}.aurora .sortable-handler:after{content:'sort_md';font-size:16px;height:16px}:root{--f7-swipeout-button-text-color:#fff;--f7-swipeout-button-bg-color:rgba(0, 0, 0, 0.22);--f7-swipeout-delete-button-bg-color:#ff3b30;--f7-swipeout-button-font-size:inherit;--f7-swipeout-button-font-weight:inherit}:root .theme-dark,:root.theme-dark{--f7-swipeout-button-bg-color:rgba(255, 255, 255, 0.55)}.ios{--f7-swipeout-button-padding:0 30px}.md{--f7-swipeout-button-padding:0 24px}.aurora{--f7-swipeout-button-padding:0 12px;--f7-swipeout-button-font-weight:500}.swipeout{overflow:hidden;transform-style:preserve-3d}.swipeout-deleting{transition-duration:.3s}.swipeout-deleting .swipeout-content{transform:translateX(-100%)}.swipeout-transitioning .swipeout-actions-left a,.swipeout-transitioning .swipeout-actions-right a,.swipeout-transitioning .swipeout-content,.swipeout-transitioning .swipeout-overswipe{transition-duration:.3s;transition-property:transform,left}.swipeout-content{position:relative;z-index:10}.swipeout-overswipe{transition-duration:.2s;transition-property:left}.swipeout-actions-left,.swipeout-actions-right{position:absolute;top:0;height:100%;display:flex;direction:ltr}.swipeout-actions-left>a,.swipeout-actions-left>button,.swipeout-actions-left>div,.swipeout-actions-left>span,.swipeout-actions-right>a,.swipeout-actions-right>button,.swipeout-actions-right>div,.swipeout-actions-right>span{color:var(--f7-swipeout-button-text-color);background:var(--f7-swipeout-button-bg-color);padding:var(--f7-swipeout-button-padding);display:flex;align-items:center;position:relative;left:0;font-size:var(--f7-swipeout-button-font-size);font-weight:var(--f7-swipeout-button-font-weight)}.swipeout-actions-left>a:after,.swipeout-actions-left>button:after,.swipeout-actions-left>div:after,.swipeout-actions-left>span:after,.swipeout-actions-right>a:after,.swipeout-actions-right>button:after,.swipeout-actions-right>div:after,.swipeout-actions-right>span:after{content:'';position:absolute;top:0;width:600%;height:100%;background:inherit;z-index:-1;transform:translate3d(0,0,0);pointer-events:none}.swipeout-actions-left .swipeout-delete,.swipeout-actions-right .swipeout-delete{background:var(--f7-swipeout-delete-button-bg-color)}.swipeout-actions-right{right:0%;transform:translateX(100%)}.swipeout-actions-right>a:after,.swipeout-actions-right>button:after,.swipeout-actions-right>div:after,.swipeout-actions-right>span:after{left:100%;margin-left:-1px}.swipeout-actions-left{left:0%;transform:translateX(-100%)}.swipeout-actions-left>a:after,.swipeout-actions-left>button:after,.swipeout-actions-left>div:after,.swipeout-actions-left>span:after{right:100%;margin-right:-1px}.swipeout-actions-left [class*=color-],.swipeout-actions-right [class*=color-]{--f7-swipeout-button-bg-color:var(--f7-theme-color)}.accordion-item-toggle{cursor:pointer;transition-duration:.3s}.accordion-item-toggle.active-state{transition-duration:.3s}.accordion-item-toggle.active-state>.item-inner:after{background-color:transparent}.accordion-item-toggle .item-inner{transition-duration:.3s;transition-property:background-color}.accordion-item-toggle .item-inner:after{transition-duration:.3s}.accordion-item .item-link .item-inner:after{transition-duration:.3s}.accordion-item .block,.accordion-item .list{margin-top:0;margin-bottom:0}.accordion-item .block>h1:first-child,.accordion-item .block>h2:first-child,.accordion-item .block>h3:first-child,.accordion-item .block>h4:first-child,.accordion-item .block>p:first-child{margin-top:10px}.accordion-item .block>h1:last-child,.accordion-item .block>h2:last-child,.accordion-item .block>h3:last-child,.accordion-item .block>h4:last-child,.accordion-item .block>p:last-child{margin-bottom:10px}.accordion-item-opened .accordion-item-toggle .item-inner:after,.accordion-item-opened>.item-link .item-inner:after{background-color:transparent}.list li.accordion-item ul{padding-left:0}.accordion-item-content{position:relative;overflow:hidden;height:0;font-size:14px;transition-duration:.3s}.accordion-item-opened>.accordion-item-content{height:auto}html.device-android-4 .accordion-item-content{transform:none}.list .accordion-item-toggle .item-inner{padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-safe-area-right))}.list .accordion-item-toggle .item-inner:before{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;position:absolute;top:50%;width:14px;height:8px;margin-top:-4px;font-size:20px;line-height:14px;color:var(--f7-list-chevron-icon-color);pointer-events:none;right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));content:'chevron_right'}.list .accordion-item-toggle.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.accordion-item.media-item .accordion-item-toggle .item-title-row:before,.accordion-item.media-item>.item-link .item-title-row:before,.links-list .accordion-item>a:before,.list .accordion-item-toggle .item-inner:before,.list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner:before,.list:not(.media-list) .accordion-item:not(.media-item)>.item-link .item-inner:before,.media-list .accordion-item .accordion-item-toggle .item-title-row:before,.media-list .accordion-item>.item-link .item-title-row:before{content:'chevron_down';width:14px;height:8px;margin-top:-4px;line-height:8px}.accordion-item-opened.media-item .accordion-item-toggle .item-title-row:before,.accordion-item-opened.media-item>.item-link .item-title-row:before,.links-list .accordion-item-opened>a:before,.list .accordion-item-toggle.accordion-item-opened .item-inner:before,.list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner:before,.list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner:before,.media-list .accordion-item-opened .accordion-item-toggle .item-title-row:before,.media-list .accordion-item-opened>.item-link .item-title-row:before{content:'chevron_up';width:14px;height:8px;margin-top:-4px;line-height:8px}.aurora .accordion-item.media-item .accordion-item-toggle .item-title-row:before,.aurora .accordion-item.media-item>.item-link .item-title-row:before,.aurora .links-list .accordion-item>a:before,.aurora .list .accordion-item-toggle .item-inner:before,.aurora .list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner:before,.aurora .list:not(.media-list) .accordion-item:not(.media-item)>.item-link .item-inner:before,.aurora .media-list .accordion-item .accordion-item-toggle .item-title-row:before,.aurora .media-list .accordion-item>.item-link .item-title-row:before{content:'chevron_down_aurora'}.aurora .accordion-item-opened.media-item .accordion-item-toggle .item-title-row:before,.aurora .accordion-item-opened.media-item>.item-link .item-title-row:before,.aurora .links-list .accordion-item-opened>a:before,.aurora .list .accordion-item-toggle.accordion-item-opened .item-inner:before,.aurora .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner:before,.aurora .list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner:before,.aurora .media-list .accordion-item-opened .accordion-item-toggle .item-title-row:before,.aurora .media-list .accordion-item-opened>.item-link .item-title-row:before{content:'chevron_up_aurora'}:root .theme-dark,:root.theme-dark{--f7-contacts-list-title-text-color:#fff}.ios{--f7-contacts-list-title-font-size:inherit;--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-text-color:#000;--f7-contacts-list-title-height:22px;--f7-contacts-list-title-bg-color:#f7f7f7}.ios .theme-dark,.ios.theme-dark{--f7-contacts-list-title-bg-color:#323234}.md{--f7-contacts-list-title-font-size:20px;--f7-contacts-list-title-font-weight:500;--f7-contacts-list-title-height:48px;--f7-contacts-list-title-bg-color:transparent}.aurora{--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-text-color:#000}.contacts-list{--f7-list-margin-vertical:0px}.contacts-list .list-group-title,.contacts-list li.list-group-title{background-color:var(--f7-contacts-list-title-bg-color,var(--f7-list-group-title-bg-color));font-weight:var(--f7-contacts-list-title-font-weight,var(--f7-list-group-title-font-weight));font-size:var(--f7-contacts-list-title-font-size,var(--f7-list-group-title-font-size));color:var(--f7-contacts-list-title-text-color,var(--f7-theme-color));line-height:var(--f7-contacts-list-title-height,var(--f7-list-group-title-height));height:var(--f7-contacts-list-title-height,var(--f7-list-group-title-height))}.contacts-list .list-group:first-child ul:before{display:none!important}.contacts-list .list-group:last-child ul:after{display:none!important}.md .contacts-list .list-group-title{pointer-events:none;overflow:visible;width:56px}.md .contacts-list .list-group-title+li{margin-top:calc(var(--f7-contacts-list-title-height) * -1)}.md .contacts-list li:not(.list-group-title){padding-left:56px}:root{--f7-list-index-width:16px;--f7-list-index-font-size:11px;--f7-list-index-font-weight:600;--f7-list-index-item-height:14px;--f7-list-index-label-text-color:#fff;--f7-list-index-label-font-weight:500}.ios{--f7-list-index-label-size:44px;--f7-list-index-label-font-size:17px;--f7-list-index-skip-dot-size:6px}.md{--f7-list-index-label-size:56px;--f7-list-index-label-font-size:20px;--f7-list-index-skip-dot-size:4px}.aurora{--f7-list-index-font-size:12px;--f7-list-index-label-size:32px;--f7-list-index-label-font-size:12px;--f7-list-index-label-font-weight:600;--f7-list-index-skip-dot-size:4px}.list-index{position:absolute;top:0;bottom:0;text-align:center;z-index:10;width:var(--f7-list-index-width);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;right:var(--f7-safe-area-right)}.list-index:before{content:'';position:absolute;width:20px;top:0;right:100%;height:100%}.list-index ul{color:var(--f7-list-index-text-color,var(--f7-theme-color));font-size:var(--f7-list-index-font-size);font-weight:var(--f7-list-index-font-weight);list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;height:100%;width:100%;position:relative}.list-index li{margin:0;padding:0;list-style:none;position:relative;height:var(--f7-list-index-item-height);line-height:var(--f7-list-index-item-height);flex-shrink:0;display:block;width:100%}.list-index .list-index-skip-placeholder:after{content:'';position:absolute;left:50%;top:50%;border-radius:50%;width:var(--f7-list-index-skip-dot-size);height:var(--f7-list-index-skip-dot-size);margin-left:calc(-1 * var(--f7-list-index-skip-dot-size)/ 2);margin-top:calc(-1 * var(--f7-list-index-skip-dot-size)/ 2);background:var(--f7-list-index-text-color,var(--f7-theme-color))}.list-index .list-index-label{position:absolute;bottom:0;right:100%;text-align:center;background-color:var(--f7-list-index-label-bg-color,var(--f7-theme-color));color:var(--f7-list-index-label-text-color);width:var(--f7-list-index-label-size);height:var(--f7-list-index-label-size);line-height:var(--f7-list-index-label-size);font-size:var(--f7-list-index-label-font-size);font-weight:var(--f7-list-index-label-font-weight)}.navbar~.list-index,.navbar~.page>.list-index{top:var(--f7-navbar-height)}.ios .navbar~.toolbar-top-ios~.list-index,.md .navbar~.toolbar-top-md~.list-index,.navbar~.toolbar-top~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height))}.ios .navbar~.toolbar-top-ios.tabbar-labels~.list-index,.md .navbar~.toolbar-top-md.tabbar-labels~.list-index,.navbar~.toolbar-top.tabbar-labels~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height))}.navbar~.subnavbar~.list-index,.page-with-subnavbar .navbar~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height))}.ios .toolbar-bottom-ios~* .page>.list-index,.ios .toolbar-bottom-ios~.list-index,.ios .toolbar-bottom-ios~.page>.list-index,.md .toolbar-bottom-md~* .page>.list-index,.md .toolbar-bottom-md~.list-index,.md .toolbar-bottom-md~.page>.list-index,.toolbar-bottom~* .page>.list-index,.toolbar-bottom~.list-index,.toolbar-bottom~.page>.list-index{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios.tabbar-labels~* .page>.list-index,.ios .toolbar-bottom-ios.tabbar-labels~.list-index,.ios .toolbar-bottom-ios.tabbar-labels~.page>.list-index,.md .toolbar-bottom-md.tabbar-labels~* .page>.list-index,.md .toolbar-bottom-md.tabbar-labels~.list-index,.md .toolbar-bottom-md.tabbar-labels~.page>.list-index,.toolbar-bottom.tabbar-labels~* .page>.list-index,.toolbar-bottom.tabbar-labels~.list-index,.toolbar-bottom.tabbar-labels~.page>.list-index{bottom:calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom))}.ios .list-index .list-index-label{margin-bottom:calc(-1 * var(--f7-list-index-label-size)/ 2);margin-right:calc(var(--f7-list-index-width) - 1px);border-radius:50%}.ios .list-index .list-index-label:before{position:absolute;width:100%;height:100%;border-radius:50% 0% 50% 50%;content:'';background-color:inherit;left:0;top:0;transform:rotate(45deg);z-index:-1}.md .list-index .list-index-label{border-radius:50% 50% 0 50%}.aurora .list-index .list-index-label{margin-bottom:calc(-1 * var(--f7-list-index-label-size)/ 2);margin-right:calc(var(--f7-list-index-width) - 1px);border-radius:50%}.aurora .list-index .list-index-label:before{position:absolute;width:100%;height:100%;border-radius:50% 1px 50% 50%;content:'';background-color:inherit;left:0;top:0;transform:rotate(45deg);z-index:-1}:root{--f7-timeline-horizontal-date-height:34px;--f7-timeline-year-height:24px;--f7-timeline-year-font-weight:inherit;--f7-timeline-month-height:24px;--f7-timeline-month-font-size:inherit;--f7-timeline-month-font-weight:inherit;--f7-timeline-item-inner-bg-color:#fff;--f7-timeline-item-text-font-weight:inherit;--f7-timeline-item-subtitle-font-weight:inherit}:root .theme-dark,:root.theme-dark{--f7-timeline-item-inner-bg-color:#1c1c1d;--f7-timeline-horizontal-item-border-color:rgba(255, 255, 255, 0.15);--f7-timeline-horizontal-item-date-border-color:rgba(255, 255, 255, 0.15)}.ios{--f7-timeline-padding-horizontal:15px;--f7-timeline-margin-vertical:35px;--f7-timeline-divider-margin-horizontal:15px;--f7-timeline-inner-block-margin-vertical:15px;--f7-timeline-item-inner-border-radius:7px;--f7-timeline-item-inner-box-shadow:none;--f7-timeline-item-time-font-size:13px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.45);--f7-timeline-item-title-font-size:17px;--f7-timeline-item-title-line-height:inherit;--f7-timeline-item-title-font-weight:600;--f7-timeline-item-subtitle-font-size:15px;--f7-timeline-item-subtitle-line-height:inherit;--f7-timeline-item-text-font-size:inherit;--f7-timeline-item-text-color:inherit;--f7-timeline-item-text-line-height:inherit;--f7-timeline-year-font-size:16px;--f7-timeline-horizontal-item-padding:10px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.22);--f7-timeline-horizontal-item-date-border-color:rgba(0, 0, 0, 0.22);--f7-timeline-horizontal-item-date-shadow-image:none}.ios .theme-dark,.ios.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-timeline-padding-horizontal:16px;--f7-timeline-margin-vertical:32px;--f7-timeline-divider-margin-horizontal:16px;--f7-timeline-inner-block-margin-vertical:16px;--f7-timeline-item-inner-border-radius:4px;--f7-timeline-item-inner-box-shadow:var(--f7-elevation-1);--f7-timeline-item-time-font-size:13px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.54);--f7-timeline-item-title-font-size:16px;--f7-timeline-item-title-line-height:inherit;--f7-timeline-item-title-font-weight:400;--f7-timeline-item-subtitle-font-size:inherit;--f7-timeline-item-subtitle-line-height:inherit;--f7-timeline-item-text-font-size:inherit;--f7-timeline-item-text-line-height:inherit;--f7-timeline-item-text-color:inherit;--f7-timeline-year-font-size:16px;--f7-timeline-horizontal-item-padding:12px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.12);--f7-timeline-horizontal-item-date-border-color:transparent;--f7-timeline-horizontal-item-date-shadow-image:var(--f7-bars-shadow-bottom-image)}.md .theme-dark,.md.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-timeline-padding-horizontal:10px;--f7-timeline-margin-vertical:15px;--f7-timeline-divider-margin-horizontal:15px;--f7-timeline-inner-block-margin-vertical:15px;--f7-timeline-item-inner-border-radius:4px;--f7-timeline-item-inner-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);--f7-timeline-item-time-font-size:12px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.5);--f7-timeline-item-title-font-size:14px;--f7-timeline-item-title-line-height:1.3;--f7-timeline-item-title-font-weight:600;--f7-timeline-item-subtitle-font-size:14px;--f7-timeline-item-subtitle-line-height:1.3;--f7-timeline-item-text-color:rgba(0, 0, 0, 0.6);--f7-timeline-item-text-font-size:12px;--f7-timeline-item-text-line-height:1.33;--f7-timeline-year-font-size:14px;--f7-timeline-year-font-weight:500;--f7-timeline-horizontal-item-padding:10px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.2);--f7-timeline-horizontal-item-date-border-color:rgba(0, 0, 0, 0.2);--f7-timeline-horizontal-item-date-shadow-image:none}.aurora .theme-dark,.aurora.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.52);--f7-timeline-item-text-color:rgba(255, 255, 255, 0.52)}.timeline{box-sizing:border-box;margin:var(--f7-timeline-margin-vertical) 0;padding:0 var(--f7-timeline-padding-horizontal);padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-right))}.block-strong .timeline{padding:0;margin:0}.timeline-item{display:flex;justify-content:flex-start;overflow:hidden;box-sizing:border-box;position:relative;padding:2px 0px var(--f7-timeline-padding-horizontal)}.timeline-item:last-child{padding-bottom:2px}.timeline-item-date{flex-shrink:0;width:50px;text-align:right;box-sizing:border-box}.timeline-item-date small{font-size:10px}.timeline-item-content{margin:2px;min-width:0;position:relative;flex-shrink:10}.timeline-item-content .block,.timeline-item-content .card,.timeline-item-content .list,.timeline-item-content.block,.timeline-item-content.card,.timeline-item-content.list{margin:0;width:100%}.timeline-item-content .block+.block,.timeline-item-content .block+.card,.timeline-item-content .block+.list,.timeline-item-content .card+.block,.timeline-item-content .card+.card,.timeline-item-content .card+.list,.timeline-item-content .list+.block,.timeline-item-content .list+.card,.timeline-item-content .list+.list{margin:var(--f7-timeline-inner-block-margin-vertical) 0 0}.timeline-item-content h1:first-child,.timeline-item-content h2:first-child,.timeline-item-content h3:first-child,.timeline-item-content h4:first-child,.timeline-item-content ol:first-child,.timeline-item-content p:first-child,.timeline-item-content ul:first-child{margin-top:0}.timeline-item-content h1:last-child,.timeline-item-content h2:last-child,.timeline-item-content h3:last-child,.timeline-item-content h4:last-child,.timeline-item-content ol:last-child,.timeline-item-content p:last-child,.timeline-item-content ul:last-child{margin-bottom:0}.timeline-item-inner{background:var(--f7-timeline-item-inner-bg-color);box-sizing:border-box;border-radius:var(--f7-timeline-item-inner-border-radius);padding:8px var(--f7-timeline-padding-horizontal);box-shadow:var(--f7-timeline-item-inner-box-shadow)}.timeline-item-inner+.timeline-item-inner{margin-top:var(--f7-timeline-inner-block-margin-vertical)}.timeline-item-inner .block{padding:0;color:inherit}.timeline-item-inner .block-strong{padding-left:0;padding-right:0;margin:0}.timeline-item-inner .block-strong:before{display:none!important}.timeline-item-inner .block-strong:after{display:none!important}.timeline-item-inner .list ul:before{display:none!important}.timeline-item-inner .list ul:after{display:none!important}.timeline-item-divider{width:1px;position:relative;width:10px;height:10px;background:#bbb;border-radius:50%;flex-shrink:0;margin:3px var(--f7-timeline-divider-margin-horizontal) 0}.timeline-item-divider:after,.timeline-item-divider:before{content:' ';width:1px;height:100vh;position:absolute;left:50%;background:inherit;transform:translate3d(-50%,0,0)}.timeline-item-divider:after{top:100%}.timeline-item-divider:before{bottom:100%}.timeline-item:last-child .timeline-item-divider:after{display:none}.timeline-item:first-child .timeline-item-divider:before{display:none}.timeline-item-time{font-size:var(--f7-timeline-item-time-font-size);margin-top:var(--f7-timeline-inner-block-margin-vertical);color:var(--f7-timeline-item-time-text-color)}.timeline-item-time:first-child,.timeline-item-time:last-child{margin-top:0}.timeline-item-title+.timeline-item-time{margin-top:0}.timeline-item-title{font-size:var(--f7-timeline-item-title-font-size);font-weight:var(--f7-timeline-item-title-font-weight);line-height:var(--f7-timeline-item-title-line-height)}.timeline-item-subtitle{font-size:var(--f7-timeline-item-subtitle-font-size);font-weight:var(--f7-timeline-item-subtitle-font-weight);line-height:var(--f7-timeline-item-subtitle-line-height)}.timeline-item-text{color:var(--f7-timeline-item-text-color);font-size:var(--f7-timeline-item-text-font-size);font-weight:var(--f7-timeline-item-text-font-weight);line-height:var(--f7-timeline-item-text-line-height)}.timeline-sides .timeline-item,.timeline-sides .timeline-item-right{margin-left:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-right:0}.timeline-sides .timeline-item .timeline-item-date,.timeline-sides .timeline-item-right .timeline-item-date{text-align:right}.timeline-sides .timeline-item-left,.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n){flex-direction:row-reverse;margin-right:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-left:0}.timeline-sides .timeline-item-left .timeline-item-date,.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:left}@media (min-width:768px){.tablet-sides .timeline-item,.tablet-sides .timeline-item-right{margin-left:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-right:0}.tablet-sides .timeline-item .timeline-item-date,.tablet-sides .timeline-item-right .timeline-item-date{text-align:right}.tablet-sides .timeline-item-left,.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n){flex-direction:row-reverse;margin-right:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-left:0}.tablet-sides .timeline-item-left .timeline-item-date,.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:left}}.timeline-horizontal{height:100%;display:flex;padding:0;margin:0;position:relative;padding-left:var(--f7-safe-area-left);padding-right:0}.timeline-horizontal .timeline-item{display:block;width:33.33333333vw;margin:0;padding:0;flex-shrink:0;position:relative;height:100%;padding-top:var(--f7-timeline-horizontal-date-height)!important;padding-bottom:var(--f7-timeline-horizontal-item-padding)}.timeline-horizontal .timeline-item:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-horizontal .timeline-item-date{padding:0px var(--f7-timeline-horizontal-item-padding);width:auto;line-height:var(--f7-timeline-horizontal-date-height);position:absolute;left:0;top:0;width:100%;height:var(--f7-timeline-horizontal-date-height);background-color:var(--f7-bars-bg-color);color:var(--f7-bars-text-color);text-align:left}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .timeline-horizontal .timeline-item-date{background-color:rgba(var(--f7-bars-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.timeline-horizontal .timeline-item-date:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-date-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-horizontal .timeline-item-date:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-timeline-horizontal-item-date-shadow-image)}.timeline-horizontal.no-shadow .timeline-item-date:before{display:none}.timeline-horizontal .timeline-item-content{padding:var(--f7-timeline-horizontal-item-padding);height:calc(100% - var(--f7-timeline-horizontal-item-padding));overflow:auto;-webkit-overflow-scrolling:touch;margin:0}.timeline-horizontal .timeline-item-divider{display:none}.timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after,.timeline-horizontal>.timeline-item:last-child:after{display:none!important}.timeline-horizontal.col-5 .timeline-item{width:5vw}.timeline-horizontal.col-10 .timeline-item{width:10vw}.timeline-horizontal.col-15 .timeline-item{width:15vw}.timeline-horizontal.col-20 .timeline-item{width:20vw}.timeline-horizontal.col-25 .timeline-item{width:25vw}.timeline-horizontal.col-30 .timeline-item{width:30vw}.timeline-horizontal.col-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.col-35 .timeline-item{width:35vw}.timeline-horizontal.col-40 .timeline-item{width:40vw}.timeline-horizontal.col-45 .timeline-item{width:45vw}.timeline-horizontal.col-50 .timeline-item{width:50vw}.timeline-horizontal.col-55 .timeline-item{width:55vw}.timeline-horizontal.col-60 .timeline-item{width:60vw}.timeline-horizontal.col-65 .timeline-item{width:65vw}.timeline-horizontal.col-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.col-70 .timeline-item{width:70vw}.timeline-horizontal.col-75 .timeline-item{width:75vw}.timeline-horizontal.col-80 .timeline-item{width:80vw}.timeline-horizontal.col-85 .timeline-item{width:85vw}.timeline-horizontal.col-90 .timeline-item{width:90vw}.timeline-horizontal.col-95 .timeline-item{width:95vw}.timeline-horizontal.col-100 .timeline-item{width:100vw}@media (min-width:768px){.timeline-horizontal.tablet-5 .timeline-item{width:5vw}.timeline-horizontal.tablet-10 .timeline-item{width:10vw}.timeline-horizontal.tablet-15 .timeline-item{width:15vw}.timeline-horizontal.tablet-20 .timeline-item{width:20vw}.timeline-horizontal.tablet-25 .timeline-item{width:25vw}.timeline-horizontal.tablet-30 .timeline-item{width:30vw}.timeline-horizontal.tablet-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.tablet-35 .timeline-item{width:35vw}.timeline-horizontal.tablet-40 .timeline-item{width:40vw}.timeline-horizontal.tablet-45 .timeline-item{width:45vw}.timeline-horizontal.tablet-50 .timeline-item{width:50vw}.timeline-horizontal.tablet-55 .timeline-item{width:55vw}.timeline-horizontal.tablet-60 .timeline-item{width:60vw}.timeline-horizontal.tablet-65 .timeline-item{width:65vw}.timeline-horizontal.tablet-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.tablet-70 .timeline-item{width:70vw}.timeline-horizontal.tablet-75 .timeline-item{width:75vw}.timeline-horizontal.tablet-80 .timeline-item{width:80vw}.timeline-horizontal.tablet-85 .timeline-item{width:85vw}.timeline-horizontal.tablet-90 .timeline-item{width:90vw}.timeline-horizontal.tablet-95 .timeline-item{width:95vw}.timeline-horizontal.tablet-100 .timeline-item{width:100vw}}.timeline-year{padding-top:var(--f7-timeline-year-height)}.timeline-year:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-year:last-child:after{display:none!important}.timeline-month{padding-top:var(--f7-timeline-month-height)}.timeline-month .timeline-item:before{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-month,.timeline-year{display:flex;flex-shrink:0;position:relative;box-sizing:border-box;height:100%}.timeline-year-title{line-height:var(--f7-timeline-year-height);height:var(--f7-timeline-year-height);font-size:var(--f7-timeline-year-font-size);font-weight:var(--f7-timeline-year-font-weight)}.timeline-month-title{line-height:var(--f7-timeline-month-height);height:var(--f7-timeline-month-height);font-size:var(--f7-timeline-month-font-size);font-weight:var(--f7-timeline-month-font-weight)}.timeline-month-title,.timeline-year-title{position:absolute;left:0;top:0;width:100%;box-sizing:border-box;padding:0 var(--f7-timeline-horizontal-item-padding);background-color:var(--f7-bars-bg-color);color:var(--f7-bars-text-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .timeline-month-title,.ios-translucent .timeline-year-title{background-color:rgba(var(--f7-bars-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.timeline-month-title span,.timeline-year-title span{display:inline-block;position:-webkit-sticky;position:sticky;left:calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left))}.timeline-month-title span{margin-top:-2px}.timeline-year:first-child .timeline-month:first-child .timeline-month-title,.timeline-year:first-child .timeline-year-title,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title{left:calc(var(--f7-safe-area-left) * -1);right:0;width:auto}.timeline-horizontal .timeline-item:first-child,.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item{overflow:visible}.timeline-horizontal .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date{width:auto;padding-left:calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left));left:calc(0px - var(--f7-safe-area-left));right:0}.timeline-year:last-child .timeline-month:last-child .timeline-month-title,.timeline-year:last-child .timeline-year-title{width:auto;right:calc(0px - var(--f7-safe-area-right))}.timeline-horizontal .timeline-item:last-child,.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child{overflow:visible}.timeline-horizontal .timeline-item:last-child .timeline-item-date,.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date{width:auto;right:calc(0px - var(--f7-safe-area-right));left:0}.ios .block-strong .timeline-item-inner{border-radius:3px;border:1px solid rgba(0,0,0,.1)}.ios .timeline-year-title span{margin-top:3px}.md .timeline-year-title span{margin-top:2px}.aurora .timeline-year-title span{margin-top:2px}.tabs .tab{display:none}.tabs .tab-active{display:block}.tabs-animated-wrap{position:relative;width:100%;overflow:hidden;height:100%}.tabs-animated-wrap>.tabs{display:flex;height:100%;transition-duration:.3s}.tabs-animated-wrap>.tabs>.tab{width:100%;display:block;flex-shrink:0}.tabs-animated-wrap.not-animated>.tabs{transition-duration:0s}.tabs-swipeable-wrap{height:100%}.tabs-swipeable-wrap>.tabs{height:100%}.tabs-swipeable-wrap>.tabs>.tab{display:block}.page>.tabs{height:100%}:root{--f7-panel-width:260px;--f7-panel-bg-color:#fff}.ios{--f7-panel-collapsed-width:58px;--f7-panel-backdrop-bg-color:rgba(0, 0, 0, 0);--f7-panel-transition-duration:400ms;--f7-panel-shadow:transparent}.md{--f7-panel-collapsed-width:60px;--f7-panel-backdrop-bg-color:rgba(0, 0, 0, 0.3);--f7-panel-transition-duration:300ms;--f7-panel-shadow:rgba(0, 0, 0, 0.2) 0%,rgba(0, 0, 0, 0.07) 30%,rgba(0, 0, 0, 0.03) 40%,rgba(0, 0, 0, 0) 60%,rgba(0, 0, 0, 0) 100%}.aurora{--f7-panel-collapsed-width:44px;--f7-panel-backdrop-bg-color:rgba(0, 0, 0, 0.2);--f7-panel-transition-duration:400ms;--f7-panel-shadow:transparent}.panel-backdrop{position:absolute;left:0;top:var(--f7-appbar-app-offset,0px);width:100%;height:calc(100% - var(--f7-appbar-app-offset,0px));opacity:0;z-index:5999;visibility:hidden;pointer-events:none;transform:translate3d(0,0,0);background-color:var(--f7-panel-backdrop-bg-color);transition-property:transform,opacity;transition-duration:var(--f7-panel-transition-duration)}.panel-backdrop .with-panel,.panel-backdrop .with-panel-closing{visibility:visible}.panel-backdrop.not-animated{transition-duration:0s!important}.panel{z-index:1000;box-sizing:border-box;position:absolute;top:var(--f7-appbar-app-offset,0px);height:calc(100% - var(--f7-appbar-app-offset,0px));transform:translate3d(0,0,0);width:var(--f7-panel-width);background-color:var(--f7-panel-bg-color);overflow:visible;transition-property:transform;transition-duration:var(--f7-panel-transition-duration)}.panel:not(.panel-in):not(.panel-out):not(.panel-in-breakpoint):not(.panel-in-collapsed):not(.panel-in-swipe){display:none}.panel:after{pointer-events:none;opacity:0;z-index:5999;position:absolute;content:'';top:0;width:20px;height:100%;transition-property:transform,opacity;transition-duration:var(--f7-panel-transition-duration)}.panel.not-animated,.panel.not-animated:after{transition-duration:0s!important}.panel.panel-reveal.not-animated~.view,.panel.panel-reveal.not-animated~.views{transition-duration:0s!important}.panel.panel-resizing{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.panel.panel-resizing,.panel.panel-resizing:after,.panel.panel-resizing~.view,.panel.panel-resizing~.views{transition-duration:0s!important}.panel-cover{z-index:6000}.panel-left{left:0;width:var(--f7-panel-left-width,var(--f7-panel-width))}.panel-left.panel-cover{transform:translate3d(-100%,0,0)}.panel-left.panel-cover:after{left:100%;background:linear-gradient(to right,var(--f7-panel-shadow))}html.with-panel-left-cover .panel-left.panel-cover:after{opacity:1}.panel-left.panel-reveal:after{right:0;transform:translate3d(calc(-1 * var(--f7-panel-left-width,var(--f7-panel-width))),0,0);background:linear-gradient(to left,var(--f7-panel-shadow))}html.with-panel-left-reveal .panel-left.panel-reveal:after{opacity:1;transform:translate3d(0,0,0)}.panel-right{right:0;width:var(--f7-panel-right-width,var(--f7-panel-width))}.panel-right.panel-cover{transform:translate3d(100%,0,0)}.panel-right.panel-cover:after{right:100%;background:linear-gradient(to left,var(--f7-panel-shadow))}html.with-panel-right-cover .panel-right.panel-cover:after{opacity:1}.panel-right.panel-reveal:after{left:0;background:linear-gradient(to right,var(--f7-panel-shadow));transform:translate3d(var(--f7-panel-right-width,var(--f7-panel-width)),0,0)}html.with-panel-right-reveal .panel-right.panel-reveal:after{opacity:1;transform:translate3d(0,0,0)}.panel-in-breakpoint{transform:translate3d(0,0,0)!important;transition-duration:0s}.panel-in-breakpoint:after{display:none}.panel-in-breakpoint.panel-cover{z-index:5900}html.with-panel-closing .framework7-root>.view,html.with-panel-closing .views,html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .views,html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .views{transition-duration:var(--f7-panel-transition-duration);transition-property:transform}html.with-panel-closing .panel-backdrop,html.with-panel-left-reveal .panel-backdrop,html.with-panel-right-reveal .panel-backdrop{visibility:visible;pointer-events:auto;opacity:0}html.with-panel .framework7-root>.view .page-content,html.with-panel .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html.with-panel-left-cover .panel-backdrop,html.with-panel-right-cover .panel-backdrop{visibility:visible;pointer-events:auto;opacity:1}html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .panel-backdrop,html.with-panel-left-reveal .views{transform:translate3d(var(--f7-panel-left-width,var(--f7-panel-width)),0,0)}html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .panel-backdrop,html.with-panel-right-reveal .views{transform:translate3d(calc(-1 * var(--f7-panel-right-width,var(--f7-panel-width))),0,0)}html.with-panel-left-cover .panel-left{transform:translate3d(0px,0,0)}html.with-panel-right-cover .panel-right{transform:translate3d(0px,0,0)}.panel-resize-handler{position:absolute;top:0;height:100%;width:6px;cursor:col-resize;z-index:6000;display:none}.panel-resizable .panel-resize-handler{display:block}.panel-left.panel-cover .panel-resize-handler{right:-3px}.panel-left.panel-reveal .panel-resize-handler{right:0}.panel-right.panel-cover .panel-resize-handler{left:-3px}.panel-right.panel-reveal .panel-resize-handler{left:0}.panel-left.panel-in-collapsed~.view,.panel-left.panel-in-collapsed~.views{margin-left:var(--f7-panel-left-collapsed-width,var(--f7-panel-collapsed-width))}html.with-panel-left-reveal .panel-left.panel-in-collapsed~.view,html.with-panel-left-reveal .panel-left.panel-in-collapsed~.views{transform:translate3d(calc(var(--f7-panel-left-width,var(--f7-panel-width)) - var(--f7-panel-left-collapsed-width,var(--f7-panel-collapsed-width))),0,0)}.panel-right.panel-in-collapsed~.view,.panel-right.panel-in-collapsed~.views{margin-right:var(--f7-panel-right-collapsed-width,var(--f7-panel-collapsed-width))}html.with-panel-right-reveal .panel-right.panel-in-collapsed~.view,html.with-panel-right-reveal .panel-right.panel-in-collapsed~.views{transform:translate3d(calc(var(--f7-panel-right-collapsed-width,var(--f7-panel-collapsed-width)) - var(--f7-panel-right-width,var(--f7-panel-width))),0,0)}:root{--f7-card-bg-color:#fff;--f7-card-outline-border-color:rgba(0, 0, 0, 0.12);--f7-card-border-radius:4px;--f7-card-font-size:inherit;--f7-card-header-text-color:inherit;--f7-card-header-font-weight:400;--f7-card-header-border-color:rgba(0, 0, 0, 0.1);--f7-card-footer-border-color:rgba(0, 0, 0, 0.1);--f7-card-footer-font-weight:400;--f7-card-footer-font-size:inherit;--f7-card-expandable-bg-color:#fff;--f7-card-expandable-font-size:16px;--f7-card-expandable-tablet-width:670px;--f7-card-expandable-tablet-height:670px}:root .theme-dark,:root.theme-dark{--f7-card-bg-color:#1c1c1d;--f7-card-expandable-bg-color:#1c1c1d;--f7-card-outline-border-color:rgba(255, 255, 255, 0.15);--f7-card-header-border-color:rgba(255, 255, 255, 0.15);--f7-card-footer-border-color:rgba(255, 255, 255, 0.15);--f7-card-footer-text-color:rgba(255, 255, 255, 0.55)}.ios{--f7-card-margin-horizontal:10px;--f7-card-margin-vertical:10px;--f7-card-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);--f7-card-content-padding-horizontal:15px;--f7-card-content-padding-vertical:15px;--f7-card-header-font-size:17px;--f7-card-header-padding-vertical:10px;--f7-card-header-padding-horizontal:15px;--f7-card-header-min-height:44px;--f7-card-footer-text-color:rgba(0, 0, 0, 0.45);--f7-card-footer-padding-vertical:10px;--f7-card-footer-padding-horizontal:15px;--f7-card-footer-min-height:44px;--f7-card-expandable-margin-horizontal:20px;--f7-card-expandable-margin-vertical:30px;--f7-card-expandable-box-shadow:0px 20px 40px rgba(0, 0, 0, 0.3);--f7-card-expandable-border-radius:15px;--f7-card-expandable-tablet-border-radius:5px;--f7-card-expandable-header-font-size:27px;--f7-card-expandable-header-font-weight:bold}.md{--f7-card-margin-horizontal:8px;--f7-card-margin-vertical:8px;--f7-card-box-shadow:var(--f7-elevation-1);--f7-card-content-padding-horizontal:16px;--f7-card-content-padding-vertical:16px;--f7-card-header-font-size:16px;--f7-card-header-padding-vertical:4px;--f7-card-header-padding-horizontal:16px;--f7-card-header-min-height:48px;--f7-card-footer-text-color:#757575;--f7-card-footer-padding-vertical:4px;--f7-card-footer-padding-horizontal:16px;--f7-card-footer-min-height:48px;--f7-card-expandable-margin-horizontal:12px;--f7-card-expandable-margin-vertical:24px;--f7-card-expandable-box-shadow:var(--f7-elevation-10);--f7-card-expandable-border-radius:8px;--f7-card-expandable-tablet-border-radius:4px;--f7-card-expandable-header-font-size:24px;--f7-card-expandable-header-font-weight:500}.aurora{--f7-card-margin-horizontal:10px;--f7-card-margin-vertical:10px;--f7-card-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);--f7-card-content-padding-horizontal:15px;--f7-card-content-padding-vertical:15px;--f7-card-header-font-size:14px;--f7-card-header-font-weight:bold;--f7-card-header-padding-vertical:10px;--f7-card-header-padding-horizontal:15px;--f7-card-header-min-height:38px;--f7-card-footer-text-color:rgba(0, 0, 0, 0.6);--f7-card-footer-padding-vertical:10px;--f7-card-footer-padding-horizontal:15px;--f7-card-footer-min-height:38px;--f7-card-expandable-margin-horizontal:10px;--f7-card-expandable-margin-vertical:20px;--f7-card-expandable-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.15);--f7-card-expandable-border-radius:15px;--f7-card-expandable-tablet-border-radius:5px;--f7-card-expandable-header-font-size:27px;--f7-card-expandable-header-font-weight:bold}.card .list>ul:before,.cards-list>ul:before{display:none!important}.card .list>ul:after,.cards-list>ul:after{display:none!important}.card .list ul,.cards-list ul{background:0 0}.card{background:var(--f7-card-bg-color);position:relative;border-radius:var(--f7-card-border-radius);font-size:var(--f7-card-font-size);margin-top:var(--f7-card-margin-vertical);margin-bottom:var(--f7-card-margin-vertical);margin-left:calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right));box-shadow:var(--f7-card-box-shadow)}.card .block,.card .list{margin:0}.row:not(.no-gap) .col>.card{margin-left:0;margin-right:0}.card.no-shadow{box-shadow:none}.aurora .card-outline-aurora,.card-outline,.ios .card-outline-ios,.md .card-outline-md{box-shadow:none;border:1px solid var(--f7-card-outline-border-color)}.aurora .card-outline-aurora.no-border,.aurora .card-outline-aurora.no-hairlines,.card-outline.no-border,.card-outline.no-hairlines,.ios .card-outline-ios.no-border,.ios .card-outline-ios.no-hairlines,.md .card-outline-md.no-border,.md .card-outline-md.no-hairlines{border:none}.card-content{position:relative}.card-content-padding{position:relative;padding:var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal)}.card-content-padding>.block,.card-content-padding>.list{margin:calc(-1 * var(--f7-card-content-padding-vertical)) calc(-1 * var(--f7-card-content-padding-horizontal))}.card-content-padding>p:first-child{margin-top:0}.card-content-padding>p:last-child{margin-bottom:0}.card-header{min-height:var(--f7-card-header-min-height);color:var(--f7-card-header-text-color);font-size:var(--f7-card-header-font-size);font-weight:var(--f7-card-header-font-weight);padding:var(--f7-card-header-padding-vertical) var(--f7-card-header-padding-horizontal)}.card-footer{min-height:var(--f7-card-footer-min-height);color:var(--f7-card-footer-text-color);font-size:var(--f7-card-footer-font-size);font-weight:var(--f7-card-footer-font-weight);padding:var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal)}.card-footer a.link{overflow:hidden}.card-footer,.card-header{position:relative;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.card-footer[valign=top],.card-header[valign=top]{align-items:flex-start}.card-footer[valign=bottom],.card-header[valign=bottom]{align-items:flex-end}.card-footer a.link,.card-header a.link{position:relative}.card-footer a.link i.icon,.card-header a.link i.icon{display:block}.card-footer a.icon-only,.card-header a.icon-only{display:flex;justify-content:center;align-items:center;margin:0}.card-header{border-radius:var(--f7-card-border-radius) var(--f7-card-border-radius) 0 0}.card-header:after{content:'';position:absolute;background-color:var(--f7-card-header-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.card-header.no-hairline:after{display:none!important}.card-footer{border-radius:0 0 var(--f7-card-border-radius) var(--f7-card-border-radius)}.card-footer:before{content:'';position:absolute;background-color:var(--f7-card-footer-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.card-footer.no-hairline:before{display:none!important}.card-expandable{overflow:hidden;height:300px;background:var(--f7-card-expandable-bg-color);position:relative;transform-origin:center center;transition-property:transform,border-radius;border-radius:var(--f7-card-expandable-border-radius);z-index:2;transition-duration:.2s;margin-left:calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-right));margin-top:var(--f7-card-expandable-margin-vertical);margin-bottom:var(--f7-card-expandable-margin-vertical);box-shadow:var(--f7-card-expandable-box-shadow);font-size:var(--f7-card-expandable-font-size)}.card-expandable.card-no-transition{transition-duration:0s}.card-expandable.card-expandable-animate-width .card-content{transition-property:width,transform;width:100%}.card-expandable.active-state{transform:scale(.97)}.card-expandable .card-opened-fade-in,.card-expandable .card-opened-fade-out{transition-duration:.4s}.card-expandable .card-opened-fade-in{opacity:0;pointer-events:none}.card-expandable .card-content{position:absolute;top:0;width:100vw;height:100vh;transform-origin:center top;overflow:hidden;transition-property:transform;box-sizing:border-box;pointer-events:none;left:0}.card-expandable .card-content .card-content-padding{padding-left:calc(var(--f7-safe-area-left) + var(--f7-card-content-padding-horizontal));padding-right:calc(var(--f7-safe-area-right) + var(--f7-card-content-padding-horizontal))}.card-expandable.card-opened{transition-duration:0s}.card-expandable.card-closing,.card-expandable.card-opening,.card-expandable.card-transitioning{transition-duration:.4s}.card-expandable.card-opening .card-content{transition-duration:.3s}.card-expandable.card-closing .card-content{transition-duration:.5s}.card-expandable.card-closing,.card-expandable.card-opened,.card-expandable.card-opening{z-index:100}.card-expandable.card-opened,.card-expandable.card-opening{border-radius:0}.card-expandable.card-opened .card-opened-fade-in,.card-expandable.card-opening .card-opened-fade-in{opacity:1;pointer-events:auto}.card-expandable.card-opened .card-opened-fade-out,.card-expandable.card-opening .card-opened-fade-out{opacity:0;pointer-events:none}.card-expandable.card-opened .card-content{overflow:auto;-webkit-overflow-scrolling:touch;pointer-events:auto}.card-expandable .card-header{font-size:var(--f7-card-expandable-header-font-size);font-weight:var(--f7-card-expandable-header-font-weight)}.card-expandable .card-header:after{display:none!important}.card-prevent-open{pointer-events:auto}.card-expandable-size{width:0;height:0;position:absolute;left:0;top:0;opacity:0;pointer-events:none;visibility:hidden}@media (min-width:768px) and (min-height:670px){.card-expandable:not(.card-tablet-fullscreen){max-width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen).card-opened,.card-expandable:not(.card-tablet-fullscreen).card-opening{border-radius:var(--f7-card-expandable-tablet-border-radius)}.card-expandable:not(.card-tablet-fullscreen):not(.card-expandable-animate-width) .card-content{width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen) .card-expandable-size{width:var(--f7-card-expandable-tablet-width);height:var(--f7-card-expandable-tablet-height)}}.page.page-with-card-opened .page-content{overflow:hidden}.card-backdrop{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;pointer-events:none;background:rgba(0,0,0,.2);opacity:0}.card-backdrop-in{animation:card-backdrop-fade-in .4s forwards;pointer-events:auto}.card-backdrop-out{animation:card-backdrop-fade-out .4s forwards}@supports ((-webkit-backdrop-filter:blur(15px)) or (backdrop-filter:blur(15px))){.card-backdrop{background:0 0;opacity:1}.card-backdrop-in{animation:card-backdrop-blur-in .4s forwards}.card-backdrop-out{animation:card-backdrop-blur-out .4s forwards}}@keyframes card-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes card-backdrop-fade-out{from{opacity:1}to{opacity:0}}@keyframes card-backdrop-blur-in{from{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}}@keyframes card-backdrop-blur-out{from{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}to{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}:root{--f7-chip-bg-color:rgba(0, 0, 0, 0.12);--f7-chip-font-size:13px;--f7-chip-font-weight:normal;--f7-chip-outline-border-color:rgba(0, 0, 0, 0.12);--f7-chip-media-font-size:16px;--f7-chip-delete-button-color:#000}:root .theme-dark,:root.theme-dark{--f7-chip-delete-button-color:#fff;--f7-chip-bg-color:#333;--f7-chip-outline-border-color:rgba(255, 255, 255, 0.12)}.ios{--f7-chip-text-color:#000;--f7-chip-height:24px;--f7-chip-padding-horizontal:10px}.ios .theme-dark,.ios.theme-dark{--f7-chip-text-color:#fff}.md{--f7-chip-text-color:rgba(0, 0, 0, 0.87);--f7-chip-height:32px;--f7-chip-padding-horizontal:12px}.md .theme-dark,.md.theme-dark{--f7-chip-text-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-chip-text-color:#000;--f7-chip-height:20px;--f7-chip-padding-horizontal:10px;--f7-chip-font-size:12px;--f7-chip-media-font-size:14px}.aurora .theme-dark,.aurora.theme-dark{--f7-chip-text-color:#fff}.chip{padding-left:var(--f7-chip-padding-horizontal);padding-right:var(--f7-chip-padding-horizontal);font-weight:var(--f7-chip-font-weight);display:inline-flex;box-sizing:border-box;vertical-align:middle;align-items:center;margin:2px 0;background-color:var(--f7-chip-bg-color);font-size:var(--f7-chip-font-size);color:var(--f7-chip-text-color);height:var(--f7-chip-height);line-height:var(--f7-chip-height);border-radius:var(--f7-chip-height);position:relative}.chip-media{border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;height:var(--f7-chip-height);width:var(--f7-chip-height);border-radius:var(--f7-chip-height);text-align:center;line-height:var(--f7-chip-height);box-sizing:border-box;color:#fff;font-size:var(--f7-chip-media-font-size);vertical-align:middle;margin-left:calc(-1 * var(--f7-chip-padding-horizontal))}.chip-media i.icon{font-size:calc(var(--f7-chip-height) - 8px);height:calc(var(--f7-chip-height) - 8px)}.chip-media img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:50%;display:block}.chip-media+.chip-label{margin-left:4px}.chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;flex-shrink:1;min-width:0}.chip-delete{text-align:center;cursor:pointer;flex-shrink:0;background-repeat:no-repeat;width:24px;height:24px;color:var(--f7-chip-delete-button-color);opacity:.54;position:relative}.chip-delete:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;content:'delete_round_ios';line-height:24px}.chip .chip-delete.active-state{opacity:1}.aurora .chip-outline-aurora,.chip-outline,.ios .chip-outline-ios,.md .chip-outline-md{border:1px solid var(--f7-chip-outline-border-color);background:0 0}.chip[class*=color-]{--f7-chip-bg-color:var(--f7-theme-color);--f7-chip-text-color:#fff}.aurora .chip-outline-aurora[class*=color-],.chip-outline[class*=color-],.ios .chip-outline-ios[class*=color-],.md .chip-outline-md[class*=color-]{--f7-chip-outline-border-color:var(--f7-theme-color);--f7-chip-text-color:var(--f7-theme-color)}.ios .chip-delete{margin-right:calc(-1 * var(--f7-chip-padding-horizontal))}.ios .chip-delete:after{font-size:10px}.md .chip-label+.chip-delete{margin-left:4px}.md .chip-delete{margin-right:calc(-1 * var(--f7-chip-padding-horizontal) + 4px)}.md .chip-delete:after{font-size:12px}.aurora .chip-delete{margin-right:calc(-1 * var(--f7-chip-padding-horizontal))}.aurora .chip-delete:after{font-size:10px}:root{--f7-input-bg-color:transparent;--f7-label-font-weight:400;--f7-label-line-height:1.2;--f7-input-padding-left:0px;--f7-input-padding-right:0px;--f7-input-error-text-color:#ff3b30;--f7-input-error-font-size:12px;--f7-input-error-line-height:1.4;--f7-input-error-font-weight:400;--f7-input-info-font-size:12px;--f7-input-info-line-height:1.4;--f7-input-outline-height:40px;--f7-input-outline-border-color:#999;--f7-input-outline-border-radius:4px;--f7-input-outline-padding-horizontal:12px;--f7-textarea-height:100px}:root .theme-dark,:root.theme-dark{--f7-input-outline-border-color:#444}.ios{--f7-input-height:44px;--f7-input-text-color:#000000;--f7-input-font-size:17px;--f7-input-placeholder-color:#a9a9a9;--f7-textarea-padding-vertical:11px;--f7-label-font-size:12px;--f7-label-text-color:inherit;--f7-floating-label-scale:calc(17 / 12);--f7-inline-label-font-size:17px;--f7-inline-label-line-height:1.4;--f7-inline-label-padding-top:3px;--f7-input-info-text-color:rgba(0, 0, 0, 0.45);--f7-input-clear-button-size:14px;--f7-input-clear-button-color:rgba(0, 0, 0, 0.45)}.ios .theme-dark,.ios.theme-dark{--f7-input-text-color:#fff;--f7-input-info-text-color:rgba(255, 255, 255, 0.55);--f7-input-clear-button-color:rgba(255, 255, 255, 0.5)}.md{--f7-input-height:36px;--f7-input-text-color:#212121;--f7-input-font-size:16px;--f7-input-placeholder-color:rgba(0, 0, 0, 0.35);--f7-textarea-padding-vertical:7px;--f7-label-font-size:12px;--f7-label-text-color:rgba(0, 0, 0, 0.65);--f7-floating-label-scale:calc(16 / 12);--f7-inline-label-font-size:16px;--f7-inline-label-line-height:1.5;--f7-inline-label-padding-top:7px;--f7-input-info-text-color:rgba(0, 0, 0, 0.45);--f7-input-clear-button-size:18px;--f7-input-clear-button-color:#aaa}.md .theme-dark,.md.theme-dark{--f7-input-text-color:rgba(255, 255, 255, 0.87);--f7-input-placeholder-color:rgba(255, 255, 255, 0.35);--f7-label-text-color:rgba(255, 255, 255, 0.54);--f7-input-info-text-color:rgba(255, 255, 255, 0.35)}.aurora{--f7-input-height:24px;--f7-input-text-color:#000000;--f7-input-font-size:13px;--f7-input-placeholder-color:rgba(0, 0, 0, 0.32);--f7-textarea-padding-vertical:2px;--f7-label-font-size:11px;--f7-label-text-color:inherit;--f7-floating-label-scale:calc(13 / 11);--f7-inline-label-font-size:14px;--f7-inline-label-line-height:1.4;--f7-inline-label-padding-top:1px;--f7-input-info-text-color:rgba(0, 0, 0, 0.5);--f7-input-clear-button-size:14px;--f7-input-clear-button-color:#666;--f7-input-outline-height:32px;--f7-input-outline-padding-horizontal:8px}.aurora .theme-dark,.aurora.theme-dark{--f7-input-text-color:#fff;--f7-input-clear-button-color:#aaa;--f7-input-placeholder-color:rgba(255, 255, 255, 0.35)}input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:none;border-radius:0;outline:0;display:block;padding:0;margin:0;font-family:inherit;background:0 0;resize:none;font-size:inherit;color:inherit}.textarea-resizable-shadow{opacity:0;position:absolute;z-index:-1000;pointer-events:none;left:-1000px;top:-1000px;visibility:hidden}.list input[type=date],.list input[type=datetime-local],.list input[type=email],.list input[type=number],.list input[type=password],.list input[type=search],.list input[type=tel],.list input[type=text],.list input[type=time],.list input[type=url],.list select{width:100%;height:var(--f7-input-height);color:var(--f7-input-text-color);font-size:var(--f7-input-font-size);background-color:var(--f7-input-bg-color,transparent);padding-left:var(--f7-input-padding-left);padding-right:var(--f7-input-padding-right)}.list input[type=date]::-webkit-input-placeholder,.list input[type=datetime-local]::-webkit-input-placeholder,.list input[type=email]::-webkit-input-placeholder,.list input[type=number]::-webkit-input-placeholder,.list input[type=password]::-webkit-input-placeholder,.list input[type=search]::-webkit-input-placeholder,.list input[type=tel]::-webkit-input-placeholder,.list input[type=text]::-webkit-input-placeholder,.list input[type=time]::-webkit-input-placeholder,.list input[type=url]::-webkit-input-placeholder,.list select::-webkit-input-placeholder{color:var(--f7-input-placeholder-color)}.list input[type=date]::-moz-placeholder,.list input[type=datetime-local]::-moz-placeholder,.list input[type=email]::-moz-placeholder,.list input[type=number]::-moz-placeholder,.list input[type=password]::-moz-placeholder,.list input[type=search]::-moz-placeholder,.list input[type=tel]::-moz-placeholder,.list input[type=text]::-moz-placeholder,.list input[type=time]::-moz-placeholder,.list input[type=url]::-moz-placeholder,.list select::-moz-placeholder{color:var(--f7-input-placeholder-color)}.list input[type=date]::-ms-input-placeholder,.list input[type=datetime-local]::-ms-input-placeholder,.list input[type=email]::-ms-input-placeholder,.list input[type=number]::-ms-input-placeholder,.list input[type=password]::-ms-input-placeholder,.list input[type=search]::-ms-input-placeholder,.list input[type=tel]::-ms-input-placeholder,.list input[type=text]::-ms-input-placeholder,.list input[type=time]::-ms-input-placeholder,.list input[type=url]::-ms-input-placeholder,.list select::-ms-input-placeholder{color:var(--f7-input-placeholder-color)}.list input[type=date]::placeholder,.list input[type=datetime-local]::placeholder,.list input[type=email]::placeholder,.list input[type=number]::placeholder,.list input[type=password]::placeholder,.list input[type=search]::placeholder,.list input[type=tel]::placeholder,.list input[type=text]::placeholder,.list input[type=time]::placeholder,.list input[type=url]::placeholder,.list select::placeholder{color:var(--f7-input-placeholder-color)}.list textarea{width:100%;color:var(--f7-input-text-color);font-size:var(--f7-input-font-size);resize:none;line-height:1.4;height:var(--f7-textarea-height);background-color:var(--f7-input-bg-color,transparent);padding-top:var(--f7-textarea-padding-vertical);padding-bottom:var(--f7-textarea-padding-vertical);padding-left:var(--f7-input-padding-left);padding-right:var(--f7-input-padding-right)}.list textarea::-webkit-input-placeholder{color:var(--f7-input-placeholder-color)}.list textarea::-moz-placeholder{color:var(--f7-input-placeholder-color)}.list textarea::-ms-input-placeholder{color:var(--f7-input-placeholder-color)}.list textarea::placeholder{color:var(--f7-input-placeholder-color)}.list textarea.resizable{height:var(--f7-input-height)}.list input[type=datetime-local]{max-width:50vw}.list input[type=date],.list input[type=datetime-local],.list input[type=time]{line-height:var(--f7-input-height)}.list .item-floating-label,.list .item-label{width:100%;vertical-align:top;flex-shrink:0;font-size:var(--f7-label-font-size);font-weight:var(--f7-label-font-weight);line-height:var(--f7-label-line-height);color:var(--f7-label-text-color);transition-duration:.2s;transition-property:transform,color}.list .item-floating-label{--label-height:calc(var(--f7-label-font-size) * var(--f7-label-line-height));transform:scale(var(--f7-floating-label-scale)) translateY(calc((var(--f7-input-height)/ 2 + 50%)/ var(--f7-floating-label-scale)));color:var(--f7-input-placeholder-color);width:auto;max-width:calc(100% / var(--f7-floating-label-scale));pointer-events:none;left:var(--f7-input-padding-left);transform-origin:left center}.list .item-floating-label~.item-input-wrap input::-webkit-input-placeholder,.list .item-floating-label~.item-input-wrap textarea::-webkit-input-placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input::-moz-placeholder,.list .item-floating-label~.item-input-wrap textarea::-moz-placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input::-ms-input-placeholder,.list .item-floating-label~.item-input-wrap textarea::-ms-input-placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input::placeholder,.list .item-floating-label~.item-input-wrap textarea::placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input.input-focused::-webkit-input-placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::-webkit-input-placeholder{opacity:1;transition-duration:.3s}.list .item-floating-label~.item-input-wrap input.input-focused::-moz-placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::-moz-placeholder{opacity:1;transition-duration:.3s}.list .item-floating-label~.item-input-wrap input.input-focused::-ms-input-placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::-ms-input-placeholder{opacity:1;transition-duration:.3s}.list .item-floating-label~.item-input-wrap input.input-focused::placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::placeholder{opacity:1;transition-duration:.3s}.list .item-input-with-value .item-floating-label{color:var(--f7-label-text-color)}.list .item-input-focused .item-floating-label,.list .item-input-with-value .item-floating-label{transform:scale(1) translateY(0)}.list .item-input-wrap{width:100%;flex-shrink:1;position:relative}.item-input .item-inner{display:flex;flex-direction:column;align-items:flex-start}.input-error-message,.item-input-error-message{font-size:var(--f7-input-error-font-size);line-height:var(--f7-input-error-line-height);color:var(--f7-input-error-text-color);font-weight:var(--f7-input-error-font-weight);display:none;box-sizing:border-box}.input-info,.item-input-info{font-size:var(--f7-input-info-font-size);line-height:var(--f7-input-info-line-height);color:var(--f7-input-info-text-color)}.input-invalid .input-error-message,.input-invalid .item-input-error-message,.item-input-invalid .input-error-message,.item-input-invalid .item-input-error-message{display:block}.input-invalid .input-info,.input-invalid .item-input-info,.item-input-invalid .input-info,.item-input-invalid .item-input-info{display:none}.inline-label .item-inner,.inline-labels .item-inner{display:flex;align-items:center;flex-direction:row}.inline-label .item-floating-label,.inline-label .item-label,.inline-labels .item-floating-label,.inline-labels .item-label{padding-top:var(--f7-inline-label-padding-top);align-self:flex-start;width:35%;font-size:var(--f7-inline-label-font-size);line-height:var(--f7-inline-label-line-height)}.inline-label .item-floating-label+.item-input-wrap,.inline-label .item-label+.item-input-wrap,.inline-labels .item-floating-label+.item-input-wrap,.inline-labels .item-label+.item-input-wrap{margin-left:8px}.input{position:relative}.input input,.input select,.input textarea{width:100%}.input-clear-button{opacity:0;pointer-events:none;visibility:hidden;transition-duration:.1s;position:absolute;top:50%;border:none;padding:0;margin:0;outline:0;z-index:1;cursor:pointer;background:0 0;width:var(--f7-input-clear-button-size);height:var(--f7-input-clear-button-size);margin-top:calc(-1 * var(--f7-input-clear-button-size)/ 2);color:var(--f7-input-clear-button-color);right:0}.input-clear-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.input-clear-button:before{position:absolute;content:'';left:50%;top:50%}.item-input-wrap .input-clear-button{top:calc(var(--f7-input-height)/ 2)}.input-clear-button.active-state{opacity:.75!important}.input-with-value .input-clear-button,.input-with-value~.input-clear-button,.item-input-with-value .input-clear-button{opacity:1;pointer-events:auto;visibility:visible}.input-dropdown,.input-dropdown-wrap{position:relative}.input-dropdown-wrap:before,.input-dropdown:before{content:'';pointer-events:none;position:absolute;top:50%;margin-top:-2px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #727272;right:6px}.input-dropdown input,.input-dropdown select,.input-dropdown textarea,.input-dropdown-wrap input,.input-dropdown-wrap select,.input-dropdown-wrap textarea{padding-right:calc(20px + var(--f7-input-padding-right))}.input-outline:after,.item-input-outline .item-input-wrap:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:1px solid var(--f7-input-outline-border-color);border-radius:var(--f7-input-outline-border-radius);transition-duration:.2s;pointer-events:none}.input-outline.input-focused:after,.item-input-outline.item-input-focused .item-input-wrap:after{border-width:2px;border-color:var(--f7-input-outline-focused-border-color,var(--f7-theme-color))}.input-outline.input-invalid:after,.item-input-outline.item-input-invalid .item-input-wrap:after{border-width:2px;border-color:var(--f7-input-outline-invalid-border-color,var(--f7-input-error-text-color))}.input-outline input,.input-outline select,.input-outline textarea,.item-input-outline input,.item-input-outline select,.item-input-outline textarea,.list .item-input-outline input,.list .item-input-outline select,.list .item-input-outline textarea{border-radius:var(--f7-input-outline-border-radius);padding-left:var(--f7-input-outline-padding-horizontal);padding-right:var(--f7-input-outline-padding-horizontal)}.input-outline.input-dropdown:before,.item-input-outline .input-dropdown-wrap:before{right:8px}.input-outline.input-dropdown input,.input-outline.input-dropdown select,.input-outline.input-dropdown textarea,.item-input-outline .input-dropdown-wrap input,.item-input-outline .input-dropdown-wrap select,.item-input-outline .input-dropdown-wrap textarea{padding-right:20px}.input-outline .input-clear-button,.item-input-outline .input-clear-button{right:8px}.item-input-outline{--f7-input-height:var(--f7-input-outline-height)}.item-input-outline .item-inner:after{display:none!important}.item-input-outline .item-label{left:var(--f7-input-outline-padding-horizontal)}.inline-label .item-input-outline .item-label,.inline-labels .item-input-outline .item-label,.item-input-outline .inline-label .item-label,.item-input-outline .inline-label.item-label{left:0}.item-input-outline .item-floating-label{left:calc(var(--f7-input-outline-padding-horizontal) - 4px);padding-left:4px;padding-right:4px;background:var(--f7-page-bg-color);z-index:10;margin-top:calc(-.5 * (var(--f7-label-font-size) * var(--f7-label-line-height)))}.item-input-outline.item-input-focused .item-floating-label,.item-input-outline.item-input-with-value .item-floating-label{transform:scale(1) translateY(50%)}.item-input-outline .item-input-error-message,.item-input-outline .item-input-info{padding-left:var(--f7-input-outline-padding-horizontal)}.block-strong .item-input-outline .item-floating-label{background:var(--f7-block-strong-bg-color)}.list .item-input-outline .item-floating-label{background:var(--f7-list-bg-color)}.ios .item-floating-label+.item-input-wrap,.ios .item-label+.item-input-wrap{margin-top:0}.ios .item-input-focused .item-floating-label{color:var(--f7-label-text-color)}.ios .item-input .item-media{align-self:flex-start}.ios .item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical));margin-bottom:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .inline-label .item-floating-label+.item-input-wrap,.ios .inline-label .item-label+.item-input-wrap,.ios .inline-labels .item-floating-label+.item-input-wrap,.ios .inline-labels .item-label+.item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .inline-label .item-input-wrap,.ios .inline-labels .item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .input-error-message,.ios .input-info,.ios .item-input-error-message,.ios .item-input-info{position:relative;margin-bottom:6px;margin-top:-8px}.ios .item-input-focused .item-floating-label,.ios .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-label-text-color))}.ios .item-input-focused .item-inner:after{background:var(--f7-input-focused-border-color,var(--f7-list-item-border-color))}.ios .item-input-invalid .item-floating-label,.ios .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-label-text-color))}.ios .item-input-invalid .item-inner:after{background:var(--f7-input-invalid-border-color,var(--f7-list-item-border-color))}.ios .input-invalid input,.ios .input-invalid select,.ios .input-invalid textarea,.ios .item-input-invalid input,.ios .item-input-invalid select,.ios .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-error-text-color))}.ios .input-clear-button:after{content:'delete_round_ios';font-size:calc(var(--f7-input-clear-button-size)/ (14 / 10));line-height:1.4}.ios .input-clear-button:before{width:44px;height:44px;margin-left:-22px;margin-top:-22px}.ios .input-outline .item-input-wrap,.ios .item-input-outline .item-input-wrap{margin-top:0;margin-bottom:0}.ios .input-outline .input-error-message,.ios .input-outline .input-info,.ios .input-outline .item-input-error-message,.ios .input-outline .item-input-info,.ios .item-input-outline .input-error-message,.ios .item-input-outline .input-info,.ios .item-input-outline .item-input-error-message,.ios .item-input-outline .item-input-info{margin-top:0;white-space:normal;overflow:hidden;text-overflow:ellipsis}.ios .input-outline .input-info,.ios .input-outline .item-input-info,.ios .item-input-outline .input-info,.ios .item-input-outline .item-input-info{margin-bottom:calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.ios .input-outline .input-error-message,.ios .input-outline .item-input-error-message,.ios .item-input-outline .input-error-message,.ios .item-input-outline .item-input-error-message{margin-bottom:calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.ios .input-outline.input-with-info .item-input-wrap,.ios .input-outline.item-input-with-info .item-input-wrap,.ios .item-input-outline.input-with-info .item-input-wrap,.ios .item-input-outline.item-input-with-info .item-input-wrap{margin-bottom:calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.ios .input-outline.input-with-error-message .item-input-wrap,.ios .input-outline.item-input-with-error-message .item-input-wrap,.ios .item-input-outline.input-with-error-message .item-input-wrap,.ios .item-input-outline.item-input-with-error-message .item-input-wrap{margin-bottom:calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.md .input:not(.input-outline):after,.md .item-input:not(.item-input-outline) .item-input-wrap:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.md .input:not(.input-outline):after,.md .item-input:not(.item-input-outline) .item-input-wrap:after{transition-duration:.2s}.md .item-input-wrap{min-height:var(--f7-input-height)}.md .item-input .item-media{align-self:flex-end}.md .item-input .item-inner:after{display:none!important}.md .inline-label .item-media,.md .inline-labels .item-media{align-self:flex-start;padding-top:14px}.md .input-with-error-message,.md .input-with-info,.md .item-input-with-error-message,.md .item-input-with-info{padding-bottom:20px}.md .input-error-message,.md .input-info,.md .item-input-error-message,.md .item-input-info{position:absolute;top:100%;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;left:0}.md .item-input-focused .item-floating-label,.md .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-theme-color))}.md .input-focused:not(.input-outline):after,.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after{background:var(--f7-input-focused-border-color,var(--f7-theme-color))}.md .input-focused:not(.input-outline):after,.md .input-invalid:not(.input-outline):after,.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after,.md .item-input-invalid:not(.item-input-outline) .item-input-wrap:after{transform:scaleY(2)!important}.md .input-invalid:not(.input-outline):after,.md .item-input-invalid:not(.item-input-outline) .item-input-wrap:after{background:var(--f7-input-invalid-border-color,var(--f7-input-error-text-color))}.md .item-input-invalid .item-floating-label,.md .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-input-error-text-color))}.md .input-invalid input,.md .input-invalid select,.md .input-invalid textarea,.md .item-input-invalid input,.md .item-input-invalid select,.md .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-text-color))}.md .input-clear-button:after{font-size:calc(var(--f7-input-clear-button-size)/ (24 / 20));content:'delete_round_md';line-height:1.2}.md .input-clear-button:before{width:48px;height:48px;margin-left:-24px;margin-top:-24px}.aurora .item-floating-label+.item-input-wrap,.aurora .item-label+.item-input-wrap{margin-top:0}.aurora .item-input-focused .item-floating-label{color:var(--f7-label-text-color)}.aurora .item-input .item-media{align-self:flex-start}.aurora .input-error-message,.aurora .input-info,.aurora .item-input-error-message,.aurora .item-input-info{position:relative}.aurora .item-input-focused .item-floating-label,.aurora .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-label-text-color))}.aurora .item-input-focused .item-inner:after{background:var(--f7-input-focused-border-color,var(--f7-list-item-border-color))}.aurora .item-input-invalid .item-floating-label,.aurora .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-label-text-color))}.aurora .item-input-invalid .item-inner:after{background:var(--f7-input-invalid-border-color,var(--f7-list-item-border-color))}.aurora .input-invalid input,.aurora .input-invalid select,.aurora .input-invalid textarea,.aurora .item-input-invalid input,.aurora .item-input-invalid select,.aurora .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-error-text-color))}.aurora .input-clear-button:after{content:'delete_round_ios';font-size:calc(var(--f7-input-clear-button-size)/ (14 / 10));line-height:1.4}.aurora .input-clear-button:before{width:28px;height:28px;margin-left:-14px;margin-top:-14px}.aurora .input-outline .item-input-wrap,.aurora .item-input-outline .item-input-wrap{margin-top:0;margin-bottom:0}.aurora .input-outline .input-error-message,.aurora .input-outline .input-info,.aurora .input-outline .item-input-error-message,.aurora .input-outline .item-input-info,.aurora .item-input-outline .input-error-message,.aurora .item-input-outline .input-info,.aurora .item-input-outline .item-input-error-message,.aurora .item-input-outline .item-input-info{margin-top:0;white-space:normal;overflow:hidden;text-overflow:ellipsis}.aurora .input-outline .input-info,.aurora .input-outline .item-input-info,.aurora .item-input-outline .input-info,.aurora .item-input-outline .item-input-info{margin-bottom:calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.aurora .input-outline .input-error-message,.aurora .input-outline .item-input-error-message,.aurora .item-input-outline .input-error-message,.aurora .item-input-outline .item-input-error-message{margin-bottom:calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.aurora .input-outline.input-with-info .item-input-wrap,.aurora .input-outline.item-input-with-info .item-input-wrap,.aurora .item-input-outline.input-with-info .item-input-wrap,.aurora .item-input-outline.item-input-with-info .item-input-wrap{margin-bottom:calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.aurora .input-outline.input-with-error-message .item-input-wrap,.aurora .input-outline.item-input-with-error-message .item-input-wrap,.aurora .item-input-outline.input-with-error-message .item-input-wrap,.aurora .item-input-outline.item-input-with-error-message .item-input-wrap{margin-bottom:calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}:root{--f7-checkbox-icon-color:#fff}:root .theme-dark,:root.theme-dark{--f7-checkbox-inactive-color:rgba(255, 255, 255, 0.3)}.ios{--f7-checkbox-size:22px;--f7-checkbox-border-radius:50%;--f7-checkbox-border-width:1px;--f7-checkbox-inactive-color:#c7c7cc;--f7-checkbox-extra-margin:0px}.md{--f7-checkbox-size:18px;--f7-checkbox-border-radius:2px;--f7-checkbox-border-width:2px;--f7-checkbox-inactive-color:#6d6d6d;--f7-checkbox-extra-margin:22px}.aurora{--f7-checkbox-size:14px;--f7-checkbox-border-radius:2px;--f7-checkbox-border-width:1px;--f7-checkbox-inactive-color:#888;--f7-checkbox-extra-margin:0px}.checkbox{position:relative;display:inline-block;vertical-align:middle;z-index:1;background-color:transparent;--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb), 0.5)}.checkbox i,.icon-checkbox{flex-shrink:0;border:var(--f7-checkbox-border-width) solid var(--f7-checkbox-inactive-color);width:var(--f7-checkbox-size);height:var(--f7-checkbox-size);border-radius:var(--f7-checkbox-border-radius);box-sizing:border-box;position:relative;display:block}.checkbox i:after,.icon-checkbox:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;width:var(--f7-checkbox-size);height:var(--f7-checkbox-size);line-height:var(--f7-checkbox-size);left:calc(0px - var(--f7-checkbox-border-width));top:calc(0px - var(--f7-checkbox-border-width));opacity:0;color:var(--f7-checkbox-icon-color);position:relative;transition-property:opacity}.checkbox input[type=checkbox]:not(:checked)~i:after,label.item-checkbox input[type=checkbox]:not(:checked)~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:not(:checked)~.icon-checkbox:after{font-size:0}.checkbox input[type=checkbox]:checked~i,.checkbox input[type=checkbox]:indeterminate~i,label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,label.item-checkbox input[type=checkbox]:checked~.icon-checkbox,label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox,label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox{border-color:var(--f7-checkbox-active-color,var(--f7-theme-color));background-color:var(--f7-checkbox-active-color,var(--f7-theme-color))}.checkbox input[type=checkbox]:checked~i:after,.checkbox input[type=checkbox]:indeterminate~i:after,label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:checked~.icon-checkbox:after,label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox:after{opacity:1}.checkbox input[type=checkbox]:indeterminate~i:after,label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox:after{font-size:0;content:'';position:absolute;top:50%;width:70%;background:#fff;height:2px;border-radius:2px;margin-top:-1px;left:15%;transition:0s}.checkbox,label.item-checkbox{cursor:pointer}.checkbox input[type=checkbox],.checkbox input[type=radio],label.item-checkbox input[type=checkbox],label.item-checkbox input[type=radio]{display:none}label.item-checkbox{transition-duration:.3s}label.item-checkbox .item-content .item-media,label.item-checkbox.item-content .item-media{align-self:center}label.item-checkbox>.icon-checkbox{margin-right:calc(var(--f7-list-item-media-margin) + var(--f7-checkbox-extra-margin))}label.item-checkbox.active-state{background-color:var(--f7-list-link-pressed-bg-color)}label.item-checkbox.active-state:after{background-color:transparent}.disabled label.item-checkbox,label.item-checkbox.disabled{opacity:.55;pointer-events:none;opacity:.55!important;pointer-events:none!important}.ios .checkbox i:after,.ios .icon-checkbox:after{content:'checkbox_ios';font-size:21px}.ios label.item-checkbox.active-state{transition-duration:0s}.ios .checkbox input[type=checkbox]:indeterminate~i:after,.ios label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox:after,.ios label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox:after{height:1px;margin-top:0px}.md .checkbox i,.md .icon-checkbox{transition-duration:.2s}.md .checkbox i:after,.md .icon-checkbox:after{content:'checkbox_md';transition-duration:.2s;font-size:15px}.md label.item-checkbox{position:relative;overflow:hidden;z-index:0}.aurora .checkbox i,.aurora .icon-checkbox{transition-duration:150ms}.aurora .checkbox i:after,.aurora .icon-checkbox:after{content:'checkbox_aurora';transition-duration:150ms;font-size:19px}.aurora .checkbox i:before,.aurora .icon-checkbox:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.1);opacity:0;transition-duration:150ms}.aurora .checkbox.active-state i:before{opacity:1}.aurora label.item-checkbox{position:relative;overflow:hidden;z-index:0}:root{--f7-radio-border-radius:50%}:root .theme-dark,:root.theme-dark{--f7-radio-inactive-color:rgba(255, 255, 255, 0.3)}.ios{--f7-radio-size:22px;--f7-radio-border-width:1px;--f7-radio-inactive-color:#c7c7cc;--f7-radio-extra-margin:0px}.md{--f7-radio-size:20px;--f7-radio-border-width:2px;--f7-radio-inactive-color:#6d6d6d;--f7-radio-extra-margin:22px}.aurora{--f7-radio-size:16px;--f7-radio-border-width:1px;--f7-radio-inactive-color:#888;--f7-radio-extra-margin:0px}.radio{position:relative;display:inline-block;vertical-align:middle;z-index:1;--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb), 0.5)}.icon-radio{width:var(--f7-radio-size);height:var(--f7-radio-size);border-radius:var(--f7-radio-border-radius);position:relative;box-sizing:border-box;display:block;flex-shrink:0}.aurora .icon-radio,.md .icon-radio,.radio .icon-radio{border:var(--f7-radio-border-width) solid var(--f7-radio-inactive-color)}.radio,label.item-radio{cursor:pointer}.radio input[type=checkbox],.radio input[type=radio],label.item-radio input[type=checkbox],label.item-radio input[type=radio]{display:none}label.item-radio{transition-duration:.3s}label.item-radio .item-content .item-media,label.item-radio.item-content .item-media{align-self:center}label.item-radio.active-state{background-color:var(--f7-list-link-pressed-bg-color)}label.item-radio.active-state:after{background-color:transparent}.disabled label.item-radio,label.item-radio.disabled{opacity:.55;pointer-events:none;opacity:.55!important;pointer-events:none!important}.ios .icon-radio:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;width:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2);height:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2);line-height:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2 + 1px);font-size:20px;content:'radio_ios';color:var(--f7-radio-active-color,var(--f7-theme-color));opacity:0}.ios .radio input[type=radio]:checked~.icon-radio:after,.ios label.item-radio input[type=radio]:checked~* .icon-radio:after,.ios label.item-radio input[type=radio]:checked~.icon-radio:after{opacity:1}.ios .radio input[type=radio]:checked~.icon-radio{border-color:var(--f7-radio-active-color,var(--f7-theme-color))}.ios label.item-radio input[type=radio]~.icon-radio{position:absolute;top:50%;margin-top:-11px;right:calc(var(--f7-safe-area-right) + 10px)}.ios label.item-radio .item-inner{padding-right:calc(var(--f7-safe-area-right) + 35px)}.ios label.item-radio.active-state{transition-duration:0s}.md .icon-radio{transition-duration:.2s}.md .icon-radio:after{content:'';position:absolute;width:10px;height:10px;left:50%;top:50%;margin-left:-5px;margin-top:-5px;background-color:var(--f7-radio-active-color,var(--f7-theme-color));border-radius:50%;transform:scale(0);transition-duration:.2s}.md .radio input[type=radio]:checked~.icon-radio,.md label.item-radio input[type=radio]:checked~* .icon-radio,.md label.item-radio input[type=radio]:checked~.icon-radio{border-color:var(--f7-radio-active-color,var(--f7-theme-color))}.md .radio input[type=radio]:checked~.icon-radio:after,.md label.item-radio input[type=radio]:checked~* .icon-radio:after,.md label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:var(--f7-radio-active-color,var(--f7-theme-color));transform:scale(1)}.md label.item-radio{position:relative;overflow:hidden;z-index:0}.md label.item-radio>.icon-radio{margin-right:calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin))}.aurora .icon-radio{transition-duration:150ms;overflow:hidden}.aurora .icon-radio:after{content:'';position:absolute;width:6px;height:6px;left:50%;top:50%;margin-left:-3px;margin-top:-3px;background-color:#fff;border-radius:50%;transform:scale(0);transition-duration:150ms}.aurora .icon-radio:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.1);opacity:0;transition-duration:150ms}.aurora .radio.active-state i:before{opacity:1}.aurora .radio input[type=radio]:checked~.icon-radio,.aurora label.item-radio input[type=radio]:checked~* .icon-radio,.aurora label.item-radio input[type=radio]:checked~.icon-radio{border-color:var(--f7-radio-active-color,var(--f7-theme-color));background-color:var(--f7-radio-active-color,var(--f7-theme-color))}.aurora .radio input[type=radio]:checked~.icon-radio:after,.aurora label.item-radio input[type=radio]:checked~* .icon-radio:after,.aurora label.item-radio input[type=radio]:checked~.icon-radio:after{transform:scale(1)}.aurora label.item-radio{position:relative;overflow:hidden;z-index:0}.aurora label.item-radio>.icon-radio{margin-right:calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin))}:root{--f7-toggle-handle-color:#fff}.ios{--f7-toggle-width:52px;--f7-toggle-height:32px;--f7-toggle-border-color:#e5e5e5;--f7-toggle-inactive-color:#fff}.ios .theme-dark,.ios.theme-dark{--f7-toggle-border-color:#555;--f7-toggle-inactive-color:#222}.md{--f7-toggle-width:36px;--f7-toggle-height:14px;--f7-toggle-inactive-color:#b0afaf}.md .theme-dark,.md.theme-dark{--f7-toggle-inactive-color:#555}.aurora{--f7-toggle-width:40px;--f7-toggle-height:20px;--f7-toggle-inactive-color:#aaa}.aurora .theme-dark,.aurora.theme-dark{--f7-toggle-inactive-color:#555}.toggle,.toggle-icon{width:var(--f7-toggle-width);height:var(--f7-toggle-height);border-radius:var(--f7-toggle-height)}.toggle{display:inline-block;vertical-align:middle;position:relative;box-sizing:border-box;align-self:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle input[type=checkbox]{display:none}.toggle input[disabled]~.toggle-icon{pointer-events:none}.toggle-icon{z-index:0;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;position:relative;transition:.3s;box-sizing:border-box;display:block;cursor:pointer}.toggle-icon:after,.toggle-icon:before{content:'';will-change:transform}.toggle-icon:after{background:var(--f7-toggle-handle-color);position:absolute;z-index:2;transform:translateX(0px);transition-duration:.3s}.ios .toggle input[type=checkbox]:checked+.toggle-icon{background:var(--f7-toggle-active-color,var(--f7-theme-color))}.ios .toggle input[type=checkbox]:checked+.toggle-icon:before{transform:scale(0)}.ios .toggle input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height)))}.ios .toggle-icon{background:var(--f7-toggle-border-color)}.ios .toggle-icon:before{position:absolute;left:2px;top:2px;width:calc(var(--f7-toggle-width) - 4px);height:calc(var(--f7-toggle-height) - 4px);border-radius:var(--f7-toggle-height);box-sizing:border-box;background:var(--f7-toggle-inactive-color);z-index:1;transition-duration:.3s;transform:scale(1)}.ios .toggle-icon:after{height:calc(var(--f7-toggle-height) - 4px);width:calc(var(--f7-toggle-height) - 4px);top:2px;left:2px;box-shadow:0 2px 4px rgba(0,0,0,.3);border-radius:calc(var(--f7-toggle-height) - 4px)}.ios .toggle-active-state input[type=checkbox]:not(:checked)+.toggle-icon:before{transform:scale(0)}.ios .toggle-active-state input[type=checkbox]+.toggle-icon:after{width:calc(var(--f7-toggle-height) + 4px)}.ios .toggle-active-state input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height) - 8px))}.md .toggle input[type=checkbox]:checked+.toggle-icon{background:var(--f7-toggle-active-color,rgba(var(--f7-theme-color-rgb),.5))}.md .toggle input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height) - 6px));background:var(--f7-toggle-active-color,var(--f7-theme-color))}.md .toggle-icon{background:var(--f7-toggle-inactive-color)}.md .toggle-icon:after{height:calc(var(--f7-toggle-height) + 6px);width:calc(var(--f7-toggle-height) + 6px);top:-3px;box-shadow:0 2px 5px rgba(0,0,0,.4);border-radius:var(--f7-toggle-height);left:0}.aurora .toggle input[type=checkbox]:checked+.toggle-icon{background:var(--f7-toggle-active-color,var(--f7-theme-color))}.aurora .toggle input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height)))}.aurora .toggle-icon{background:var(--f7-toggle-inactive-color)}.aurora .toggle-icon:after{height:calc(var(--f7-toggle-height) - 4px);width:calc(var(--f7-toggle-height) - 4px);top:2px;left:2px;border-radius:calc(var(--f7-toggle-height) - 4px)}:root{--f7-range-scale-step-height:5px;--f7-range-scale-text-color:#666;--f7-range-scale-substep-width:1px;--f7-range-scale-substep-height:4px}.ios{--f7-range-size:28px;--f7-range-bar-bg-color:#b7b8b7;--f7-range-bar-size:1px;--f7-range-bar-border-radius:2px;--f7-range-knob-size:28px;--f7-range-knob-color:#fff;--f7-range-knob-box-shadow:0 2px 4px rgba(0, 0, 0, 0.3);--f7-range-label-size:20px;--f7-range-label-text-color:#000;--f7-range-label-bg-color:#fff;--f7-range-label-font-size:12px;--f7-range-label-font-weight:normal;--f7-range-label-border-radius:5px;--f7-range-label-padding:0px;--f7-range-scale-step-width:1px;--f7-range-scale-font-size:12px;--f7-range-scale-font-weight:400;--f7-range-scale-label-offset:4px}.md{--f7-range-size:20px;--f7-range-bar-bg-color:#b9b9b9;--f7-range-bar-size:2px;--f7-range-bar-border-radius:0px;--f7-range-knob-size:12px;--f7-range-knob-box-shadow:none;--f7-range-label-size:26px;--f7-range-label-font-weight:normal;--f7-range-label-text-color:#fff;--f7-range-label-font-size:10px;--f7-range-label-border-radius:50%;--f7-range-label-padding:0px;--f7-range-scale-step-width:2px;--f7-range-scale-font-size:12px;--f7-range-scale-font-weight:400;--f7-range-scale-label-offset:4px}.aurora{--f7-range-size:20px;--f7-range-bar-bg-color:#c7c7c7;--f7-range-bar-size:2px;--f7-range-bar-border-radius:2px;--f7-range-knob-size:16px;--f7-range-knob-box-shadow:none;--f7-range-label-size:20px;--f7-range-label-text-color:#fff;--f7-range-label-font-size:10px;--f7-range-label-font-weight:600;--f7-range-label-border-radius:4px;--f7-range-label-padding:0px 4px;--f7-range-scale-step-width:2px;--f7-range-scale-font-size:11px;--f7-range-scale-font-weight:500;--f7-range-scale-label-offset:2px}.range-slider{display:block;position:relative;align-self:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.range-slider input[type=range]{display:none}.range-slider.range-slider-horizontal{width:100%;height:var(--f7-range-size)}.range-slider.range-slider-vertical{height:100%;width:var(--f7-range-size)}.range-bar{position:absolute;overflow:hidden;background:var(--f7-range-bar-bg-color);border-radius:var(--f7-range-bar-border-radius)}.range-slider-vertical .range-bar{left:50%;top:0;height:100%;width:var(--f7-range-bar-size);margin-left:calc(-1 * var(--f7-range-bar-size)/ 2)}.range-slider-horizontal .range-bar{left:0;top:50%;width:100%;height:var(--f7-range-bar-size);margin-top:calc(-1 * var(--f7-range-bar-size)/ 2)}.range-bar-active{position:absolute;background:var(--f7-range-bar-active-bg-color,var(--f7-theme-color))}.range-slider-horizontal .range-bar-active{left:0;top:0;height:100%}.range-slider-vertical .range-bar-active{left:0;bottom:0;width:100%}.range-slider-vertical-reversed .range-bar-active{top:0;bottom:auto}.range-knob-wrap{z-index:20;position:absolute;height:var(--f7-range-knob-size);width:var(--f7-range-knob-size)}.range-slider-horizontal .range-knob-wrap{top:50%;margin-top:calc(-1 * var(--f7-range-knob-size)/ 2);margin-left:calc(-1 * var(--f7-range-knob-size)/ 2);left:0}.range-slider-vertical .range-knob-wrap{left:50%;margin-left:calc(-1 * var(--f7-range-knob-size)/ 2);bottom:0;margin-bottom:calc(-1 * var(--f7-range-knob-size)/ 2)}.range-slider-vertical-reversed .range-knob-wrap{bottom:auto;top:0;margin-bottom:0;margin-top:calc(-1 * var(--f7-range-knob-size)/ 2)}.range-knob{box-sizing:border-box;border-radius:50%;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:var(--f7-range-knob-color,var(--f7-range-knob-bg-color,var(--f7-theme-color)));box-shadow:var(--f7-range-knob-box-shadow)}.range-knob:after{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.range-knob-label{position:absolute;left:50%;bottom:100%;text-align:center;transition-duration:120ms;transition-property:transform;box-sizing:border-box;transform:translateY(100%) scale(0);height:var(--f7-range-label-size);line-height:var(--f7-range-label-size);min-width:var(--f7-range-label-size);color:var(--f7-range-label-text-color);background-color:var(--f7-range-label-bg-color,var(--f7-theme-color));font-size:var(--f7-range-label-font-size);font-weight:var(--f7-range-label-font-weight);border-radius:var(--f7-range-label-border-radius);padding:var(--f7-range-label-padding)}.range-knob-active-state .range-knob-label{transform:translateY(0%) scale(1)}.range-scale{position:absolute}.range-slider-horizontal .range-scale{top:50%;left:0;width:100%;margin-top:calc(var(--f7-range-bar-size)/ 2)}.range-slider-vertical .range-scale{right:50%;top:0;height:100%;margin-right:calc(var(--f7-range-bar-size)/ 2)}.range-scale-step{position:absolute;box-sizing:border-box;display:flex;font-size:var(--f7-range-scale-font-size);font-weight:var(--f7-range-scale-font-weight);color:var(--f7-range-scale-text-color,var(--f7-range-bar-bg-color));line-height:1}.range-scale-step:before{content:'';position:absolute;background:var(--f7-range-scale-step-bg-color,var(--f7-range-bar-bg-color))}.range-slider-horizontal .range-scale-step{justify-content:center;align-items:flex-start;width:var(--f7-range-scale-step-width);height:var(--f7-range-scale-step-height);padding-top:calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset));top:0;margin-left:calc(-1 * var(--f7-range-scale-step-width)/ 2)}.range-slider-horizontal .range-scale-step:before{left:0;top:0;width:100%;height:var(--f7-range-scale-step-height)}.range-slider-horizontal .range-scale-step:first-child{margin-left:0}.range-slider-horizontal .range-scale-step:last-child{margin-left:calc(-1 * var(--f7-range-scale-step-width))}.range-slider-vertical .range-scale-step{line-height:1;justify-content:flex-end;align-items:center;height:var(--f7-range-scale-step-width);width:var(--f7-range-scale-step-height);padding-right:calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset));right:0;margin-bottom:calc(-1 * var(--f7-range-scale-step-width)/ 2)}.range-slider-vertical .range-scale-step:first-child{margin-bottom:0}.range-slider-vertical .range-scale-step:last-child{margin-bottom:calc(-1 * var(--f7-range-scale-step-width))}.range-slider-vertical .range-scale-step:before{right:0;top:0;height:100%;width:var(--f7-range-scale-step-height)}.range-scale-substep{--f7-range-scale-step-bg-color:var(--f7-range-scale-substep-bg-color, var(--f7-range-bar-bg-color));--f7-range-scale-step-width:var(--f7-range-scale-substep-width);--f7-range-scale-step-height:var(--f7-range-scale-substep-height)}.ios .range-knob-label{margin-bottom:6px;transform:translateX(-50%) translateY(100%) scale(0)}.ios .range-knob-active-state .range-knob-label{transform:translateX(-50%) translateY(0%) scale(1)}.md .range-knob{transition-duration:.2s;transition-property:transform,background-color}.md .range-knob-active-state .range-knob{transform:scale(1.5)}.md .range-slider-min:not(.range-slider-dual) .range-knob{background:#fff!important;border:2px solid var(--f7-range-bar-bg-color)}.md .range-knob-label{width:var(--f7-range-label-size);margin-left:calc(-1 * var(--f7-range-label-size)/ 2);margin-bottom:8px}.md .range-knob-label:before{content:'';left:50%;top:0px;margin-left:calc(-1 * var(--f7-range-label-size)/ 2);position:absolute;z-index:-1;width:var(--f7-range-label-size);height:var(--f7-range-label-size);background:var(--f7-range-label-bg-color,var(--f7-theme-color));transform:rotate(-45deg);border-radius:50% 50% 50% 0}.md .range-knob-active-state .range-knob-label{transform:translateY(0%) scale(1)}.md .range-slider-label .range-knob-active-state .range-knob{transform:scale(0)}.aurora .range-knob-label{margin-bottom:6px;transform:translateX(-50%) translateY(100%) scale(0)}.aurora .range-knob-active-state .range-knob-label{transform:translateX(-50%) translateY(0%) scale(1)}:root{--f7-stepper-fill-button-text-color:#fff;--f7-stepper-raised-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0,0,0,0.24)}.ios{--f7-stepper-height:29px;--f7-stepper-border-radius:5px;--f7-stepper-border-width:1px;--f7-stepper-large-height:44px;--f7-stepper-small-height:26px;--f7-stepper-small-border-width:2px;--f7-stepper-value-font-size:17px;--f7-stepper-value-font-weight:400}.md{--f7-stepper-height:36px;--f7-stepper-border-radius:4px;--f7-stepper-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-stepper-border-width:2px;--f7-stepper-large-height:48px;--f7-stepper-small-border-width:2px;--f7-stepper-small-height:28px;--f7-stepper-value-font-size:14px;--f7-stepper-value-font-weight:500}.md .theme-dark,.md.theme-dark{--f7-stepper-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}.aurora{--f7-stepper-height:28px;--f7-stepper-border-radius:4px;--f7-stepper-border-width:2px;--f7-stepper-large-height:34px;--f7-stepper-small-border-width:1px;--f7-stepper-small-height:22px;--f7-stepper-value-font-size:14px;--f7-stepper-value-font-weight:500}.stepper{display:inline-flex;align-items:stretch;height:var(--f7-stepper-height);border-radius:var(--f7-stepper-border-radius)}.stepper-button,.stepper-button-minus,.stepper-button-plus{background-color:var(--f7-stepper-button-bg-color);width:40px;border-radius:var(--f7-stepper-border-radius);border:var(--f7-stepper-border-width) solid var(--f7-theme-color);color:var(--f7-stepper-button-text-color,var(--f7-theme-color));line-height:calc(var(--f7-stepper-height) - var(--f7-stepper-border-width,0px));text-align:center;display:flex;justify-content:center;align-content:center;align-items:center;flex-shrink:0;box-sizing:border-box;position:relative;cursor:pointer}.stepper-button-minus.active-state,.stepper-button-plus.active-state,.stepper-button.active-state{background-color:var(--f7-stepper-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-stepper-button-pressed-text-color,var(--f7-stepper-button-text-color,var(--f7-theme-color)))}.stepper-button-minus:first-child,.stepper-button-plus:first-child,.stepper-button:first-child{border-radius:var(--f7-stepper-border-radius) 0 0 var(--f7-stepper-border-radius)}.stepper-button-minus:last-child,.stepper-button-plus:last-child,.stepper-button:last-child{border-radius:0 var(--f7-stepper-border-radius) var(--f7-stepper-border-radius) 0}.stepper-button .icon,.stepper-button-minus .icon,.stepper-button-plus .icon{pointer-events:none}.stepper-button+.stepper-button,.stepper-button+.stepper-button-minus,.stepper-button+.stepper-button-plus,.stepper-button-minus+.stepper-button,.stepper-button-minus+.stepper-button-minus,.stepper-button-minus+.stepper-button-plus,.stepper-button-plus+.stepper-button,.stepper-button-plus+.stepper-button-minus,.stepper-button-plus+.stepper-button-plus{border-left:none}.stepper-button-minus,.stepper-button-plus{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stepper-button-minus:after,.stepper-button-minus:before,.stepper-button-plus:after,.stepper-button-plus:before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--f7-stepper-button-text-color,var(--f7-theme-color))}.stepper-button-minus:after,.stepper-button-plus:after{width:15px;height:2px}.stepper-button-plus:before{height:15px;width:2px}.stepper-value{display:flex;align-content:center;align-items:center;justify-content:center}.stepper-input-wrap,.stepper-value{flex-shrink:1;text-align:center;border-top:var(--f7-stepper-border-width) solid var(--f7-theme-color);border-bottom:var(--f7-stepper-border-width) solid var(--f7-theme-color)}.stepper .stepper-input-wrap input,.stepper-value{width:45px;color:var(--f7-stepper-value-text-color,var(--f7-theme-color));font-size:var(--f7-stepper-value-font-size);font-weight:var(--f7-stepper-value-font-weight);text-align:center}.stepper .stepper-input-wrap input{height:100%}.aurora .stepper-round-aurora,.ios .stepper-round-ios,.md .stepper-round-md,.stepper-round{--f7-stepper-border-radius:var(--f7-stepper-height)}.aurora .stepper-fill-aurora,.ios .stepper-fill-ios,.md .stepper-fill-md,.stepper-fill{--f7-stepper-button-bg-color:var(--f7-stepper-fill-button-bg-color, var(--f7-theme-color));--f7-stepper-button-text-color:var(--f7-stepper-fill-button-text-color);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.aurora .stepper-fill-aurora .stepper-button+.stepper-button,.aurora .stepper-fill-aurora .stepper-button-minus+.stepper-button-plus,.aurora .stepper-raised-aurora .stepper-button+.stepper-button,.aurora .stepper-raised-aurora .stepper-button-minus+.stepper-button-plus,.ios .stepper-fill-ios .stepper-button+.stepper-button,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus,.ios .stepper-raised-ios .stepper-button+.stepper-button,.ios .stepper-raised-ios .stepper-button-minus+.stepper-button-plus,.md .stepper-fill-md .stepper-button+.stepper-button,.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus,.md .stepper-raised-md .stepper-button+.stepper-button,.md .stepper-raised-md .stepper-button-minus+.stepper-button-plus,.stepper-fill .stepper-button+.stepper-button,.stepper-fill .stepper-button-minus+.stepper-button-plus,.stepper-raised .stepper-button+.stepper-button,.stepper-raised .stepper-button-minus+.stepper-button-plus{border-left:1px solid rgba(0,0,0,.1)}.aurora .stepper-fill-aurora .stepper-button+.stepper-button.active-state,.aurora .stepper-fill-aurora .stepper-button-minus+.stepper-button-plus.active-state,.ios .stepper-fill-ios .stepper-button+.stepper-button.active-state,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus.active-state,.md .stepper-fill-md .stepper-button+.stepper-button.active-state,.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus.active-state,.stepper-fill .stepper-button+.stepper-button.active-state,.stepper-fill .stepper-button-minus+.stepper-button-plus.active-state{border-left-color:var(--f7-stepper-button-pressed-bg-color)}.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):not(.stepper-fill) .stepper-input-wrap,.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):not(.stepper-fill) .stepper-value,.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-input-wrap,.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-value,.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-input-wrap,.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-value,.stepper-raised:not(.stepper-fill) .stepper-input-wrap,.stepper-raised:not(.stepper-fill) .stepper-value{border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}.aurora .stepper-large-aurora,.ios .stepper-large-ios,.md .stepper-large-md,.stepper-large{--f7-stepper-height:var(--f7-stepper-large-height)}.aurora .stepper-small-aurora,.ios .stepper-small-ios,.md .stepper-small-md,.stepper-small{--f7-stepper-border-width:var(--f7-stepper-small-border-width);--f7-stepper-height:var(--f7-stepper-small-height)}.ios .stepper-fill.stepper-small,.ios .stepper-fill.stepper-small-ios{--f7-stepper-button-pressed-bg-color:transparent;--f7-stepper-button-pressed-text-color:var(--f7-theme-color)}.aurora .stepper-raised-aurora,.ios .stepper-raised-ios,.md .stepper-raised-md,.stepper-raised{--f7-stepper-border-width:0;box-shadow:var(--f7-stepper-raised-box-shadow)}.ios .stepper-button .f7-icons,.ios .stepper-button-minus .f7-icons,.ios .stepper-button-plus .f7-icons{font-size:22px}.ios .stepper-fill,.ios .stepper-fill-ios{--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-tint))}.ios .stepper-small-ios.stepper-raised,.ios .stepper-small-ios.stepper-raised-ios,.ios .stepper-small.stepper-raised,.ios .stepper-small.stepper-raised-ios{--f7-stepper-border-width:0px}.ios .stepper-small .stepper-button,.ios .stepper-small .stepper-button-minus,.ios .stepper-small .stepper-button-plus,.ios .stepper-small-ios .stepper-button,.ios .stepper-small-ios .stepper-button-minus,.ios .stepper-small-ios .stepper-button-plus{transition-duration:.2s}.ios .stepper-small .stepper-button-minus.active-state:after,.ios .stepper-small .stepper-button-minus.active-state:before,.ios .stepper-small .stepper-button-plus.active-state:after,.ios .stepper-small .stepper-button-plus.active-state:before,.ios .stepper-small .stepper-button.active-state:after,.ios .stepper-small .stepper-button.active-state:before,.ios .stepper-small-ios .stepper-button-minus.active-state:after,.ios .stepper-small-ios .stepper-button-minus.active-state:before,.ios .stepper-small-ios .stepper-button-plus.active-state:after,.ios .stepper-small-ios .stepper-button-plus.active-state:before,.ios .stepper-small-ios .stepper-button.active-state:after,.ios .stepper-small-ios .stepper-button.active-state:before{transition-duration:.2s;background-color:var(--f7-theme-color)}.md .stepper-button,.md .stepper-button-minus,.md .stepper-button-plus{transition-duration:.3s;transform:translate3d(0,0,0);overflow:hidden}.md .stepper-fill,.md .stepper-fill-md{--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .stepper-button,.aurora .stepper-button-minus,.aurora .stepper-button-plus{transition-duration:.1s;transform:translate3d(0,0,0);overflow:hidden}.aurora.device-desktop .stepper-button-minus:not(.active-state):not(.no-hover):hover,.aurora.device-desktop .stepper-button-plus:not(.active-state):not(.no-hover):hover,.aurora.device-desktop .stepper-button:not(.active-state):not(.no-hover):hover{background-color:var(--f7-stepper-button-hover-bg-color,rgba(var(--f7-theme-color-rgb),.07))}.aurora .stepper-fill,.aurora .stepper-fill-aurora{--f7-stepper-button-hover-bg-color:var(--f7-stepper-button-fill-hover-bg-color, var(--f7-theme-color-tint));--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade))}.smart-select select{display:none}.smart-select .item-after{max-width:70%;overflow:hidden;text-overflow:ellipsis;position:relative;display:block}.smart-select-sheet .list ul,.smart-select-sheet .page,.smart-select-sheet .sheet-modal-inner{background:var(--f7-smart-select-sheet-bg,var(--f7-list-bg-color))}.smart-select-sheet .toolbar:after{content:'';position:absolute;background-color:var(--f7-smart-select-sheet-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.smart-select-sheet .toolbar:after{display:block}.smart-select-sheet .list{margin:0}.smart-select-sheet .list ul:before{display:none!important}.smart-select-sheet .list ul:after{display:none!important}.smart-select-popover .popover-inner{max-height:40vh}.ios{--f7-grid-gap:15px}.md{--f7-grid-gap:16px}.aurora{--f7-grid-gap:15px}.row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;--f7-cols-per-row:1}.row>.col,.row>[class*=col-]{box-sizing:border-box;width:calc((100% - var(--f7-grid-gap) * (var(--f7-cols-per-row) - 1))/ var(--f7-cols-per-row))}.row.no-gap{--f7-grid-gap:0px}.row .col-5{--f7-cols-per-row:20}.row .col-10{--f7-cols-per-row:10}.row .col-15{--f7-cols-per-row:6.66666667}.row .col-20{--f7-cols-per-row:5}.row .col-25{--f7-cols-per-row:4}.row .col-30{--f7-cols-per-row:3.33333333}.row .col-33{--f7-cols-per-row:3}.row .col-35{--f7-cols-per-row:2.85714286}.row .col-40{--f7-cols-per-row:2.5}.row .col-45{--f7-cols-per-row:2.22222222}.row .col-50{--f7-cols-per-row:2}.row .col-55{--f7-cols-per-row:1.81818182}.row .col-60{--f7-cols-per-row:1.66666667}.row .col-65{--f7-cols-per-row:1.53846154}.row .col-66{--f7-cols-per-row:1.5}.row .col-70{--f7-cols-per-row:1.42857143}.row .col-75{--f7-cols-per-row:1.33333333}.row .col-80{--f7-cols-per-row:1.25}.row .col-85{--f7-cols-per-row:1.17647059}.row .col-90{--f7-cols-per-row:1.11111111}.row .col-95{--f7-cols-per-row:1.05263158}.row .col-100{--f7-cols-per-row:1}.row .col:nth-last-child(1),.row .col:nth-last-child(1)~.col{--f7-cols-per-row:1}.row .col:nth-last-child(2),.row .col:nth-last-child(2)~.col{--f7-cols-per-row:2}.row .col:nth-last-child(3),.row .col:nth-last-child(3)~.col{--f7-cols-per-row:3}.row .col:nth-last-child(4),.row .col:nth-last-child(4)~.col{--f7-cols-per-row:4}.row .col:nth-last-child(5),.row .col:nth-last-child(5)~.col{--f7-cols-per-row:5}.row .col:nth-last-child(6),.row .col:nth-last-child(6)~.col{--f7-cols-per-row:6}.row .col:nth-last-child(7),.row .col:nth-last-child(7)~.col{--f7-cols-per-row:7}.row .col:nth-last-child(8),.row .col:nth-last-child(8)~.col{--f7-cols-per-row:8}.row .col:nth-last-child(9),.row .col:nth-last-child(9)~.col{--f7-cols-per-row:9}.row .col:nth-last-child(10),.row .col:nth-last-child(10)~.col{--f7-cols-per-row:10}.row .col:nth-last-child(11),.row .col:nth-last-child(11)~.col{--f7-cols-per-row:11}.row .col:nth-last-child(12),.row .col:nth-last-child(12)~.col{--f7-cols-per-row:12}.row .col:nth-last-child(13),.row .col:nth-last-child(13)~.col{--f7-cols-per-row:13}.row .col:nth-last-child(14),.row .col:nth-last-child(14)~.col{--f7-cols-per-row:14}.row .col:nth-last-child(15),.row .col:nth-last-child(15)~.col{--f7-cols-per-row:15}.row .col:nth-last-child(16),.row .col:nth-last-child(16)~.col{--f7-cols-per-row:16}.row .col:nth-last-child(17),.row .col:nth-last-child(17)~.col{--f7-cols-per-row:17}.row .col:nth-last-child(18),.row .col:nth-last-child(18)~.col{--f7-cols-per-row:18}.row .col:nth-last-child(19),.row .col:nth-last-child(19)~.col{--f7-cols-per-row:19}.row .col:nth-last-child(20),.row .col:nth-last-child(20)~.col{--f7-cols-per-row:20}.row .col:nth-last-child(21),.row .col:nth-last-child(21)~.col{--f7-cols-per-row:21}.row .col:nth-last-child(22),.row .col:nth-last-child(22)~.col{--f7-cols-per-row:22}@media (min-width:768px){.row .tablet-5{--f7-cols-per-row:20}.row .tablet-10{--f7-cols-per-row:10}.row .tablet-15{--f7-cols-per-row:6.66666667}.row .tablet-20{--f7-cols-per-row:5}.row .tablet-25{--f7-cols-per-row:4}.row .tablet-30{--f7-cols-per-row:3.33333333}.row .tablet-33{--f7-cols-per-row:3}.row .tablet-35{--f7-cols-per-row:2.85714286}.row .tablet-40{--f7-cols-per-row:2.5}.row .tablet-45{--f7-cols-per-row:2.22222222}.row .tablet-50{--f7-cols-per-row:2}.row .tablet-55{--f7-cols-per-row:1.81818182}.row .tablet-60{--f7-cols-per-row:1.66666667}.row .tablet-65{--f7-cols-per-row:1.53846154}.row .tablet-66{--f7-cols-per-row:1.5}.row .tablet-70{--f7-cols-per-row:1.42857143}.row .tablet-75{--f7-cols-per-row:1.33333333}.row .tablet-80{--f7-cols-per-row:1.25}.row .tablet-85{--f7-cols-per-row:1.17647059}.row .tablet-90{--f7-cols-per-row:1.11111111}.row .tablet-95{--f7-cols-per-row:1.05263158}.row .tablet-100{--f7-cols-per-row:1}.row .tablet-auto:nth-last-child(1),.row .tablet-auto:nth-last-child(1)~.tablet-auto{--f7-cols-per-row:1}.row .tablet-auto:nth-last-child(2),.row .tablet-auto:nth-last-child(2)~.tablet-auto{--f7-cols-per-row:2}.row .tablet-auto:nth-last-child(3),.row .tablet-auto:nth-last-child(3)~.tablet-auto{--f7-cols-per-row:3}.row .tablet-auto:nth-last-child(4),.row .tablet-auto:nth-last-child(4)~.tablet-auto{--f7-cols-per-row:4}.row .tablet-auto:nth-last-child(5),.row .tablet-auto:nth-last-child(5)~.tablet-auto{--f7-cols-per-row:5}.row .tablet-auto:nth-last-child(6),.row .tablet-auto:nth-last-child(6)~.tablet-auto{--f7-cols-per-row:6}.row .tablet-auto:nth-last-child(7),.row .tablet-auto:nth-last-child(7)~.tablet-auto{--f7-cols-per-row:7}.row .tablet-auto:nth-last-child(8),.row .tablet-auto:nth-last-child(8)~.tablet-auto{--f7-cols-per-row:8}.row .tablet-auto:nth-last-child(9),.row .tablet-auto:nth-last-child(9)~.tablet-auto{--f7-cols-per-row:9}.row .tablet-auto:nth-last-child(10),.row .tablet-auto:nth-last-child(10)~.tablet-auto{--f7-cols-per-row:10}.row .tablet-auto:nth-last-child(11),.row .tablet-auto:nth-last-child(11)~.tablet-auto{--f7-cols-per-row:11}.row .tablet-auto:nth-last-child(12),.row .tablet-auto:nth-last-child(12)~.tablet-auto{--f7-cols-per-row:12}.row .tablet-auto:nth-last-child(13),.row .tablet-auto:nth-last-child(13)~.tablet-auto{--f7-cols-per-row:13}.row .tablet-auto:nth-last-child(14),.row .tablet-auto:nth-last-child(14)~.tablet-auto{--f7-cols-per-row:14}.row .tablet-auto:nth-last-child(15),.row .tablet-auto:nth-last-child(15)~.tablet-auto{--f7-cols-per-row:15}.row .tablet-auto:nth-last-child(16),.row .tablet-auto:nth-last-child(16)~.tablet-auto{--f7-cols-per-row:16}.row .tablet-auto:nth-last-child(17),.row .tablet-auto:nth-last-child(17)~.tablet-auto{--f7-cols-per-row:17}.row .tablet-auto:nth-last-child(18),.row .tablet-auto:nth-last-child(18)~.tablet-auto{--f7-cols-per-row:18}.row .tablet-auto:nth-last-child(19),.row .tablet-auto:nth-last-child(19)~.tablet-auto{--f7-cols-per-row:19}.row .tablet-auto:nth-last-child(20),.row .tablet-auto:nth-last-child(20)~.tablet-auto{--f7-cols-per-row:20}.row .tablet-auto:nth-last-child(21),.row .tablet-auto:nth-last-child(21)~.tablet-auto{--f7-cols-per-row:21}.row .tablet-auto:nth-last-child(22),.row .tablet-auto:nth-last-child(22)~.tablet-auto{--f7-cols-per-row:22}}@media (min-width:1025px){.row .desktop-5{--f7-cols-per-row:20}.row .desktop-10{--f7-cols-per-row:10}.row .desktop-15{--f7-cols-per-row:6.66666667}.row .desktop-20{--f7-cols-per-row:5}.row .desktop-25{--f7-cols-per-row:4}.row .desktop-30{--f7-cols-per-row:3.33333333}.row .desktop-33{--f7-cols-per-row:3}.row .desktop-35{--f7-cols-per-row:2.85714286}.row .desktop-40{--f7-cols-per-row:2.5}.row .desktop-45{--f7-cols-per-row:2.22222222}.row .desktop-50{--f7-cols-per-row:2}.row .desktop-55{--f7-cols-per-row:1.81818182}.row .desktop-60{--f7-cols-per-row:1.66666667}.row .desktop-65{--f7-cols-per-row:1.53846154}.row .desktop-66{--f7-cols-per-row:1.5}.row .desktop-70{--f7-cols-per-row:1.42857143}.row .desktop-75{--f7-cols-per-row:1.33333333}.row .desktop-80{--f7-cols-per-row:1.25}.row .desktop-85{--f7-cols-per-row:1.17647059}.row .desktop-90{--f7-cols-per-row:1.11111111}.row .desktop-95{--f7-cols-per-row:1.05263158}.row .desktop-100{--f7-cols-per-row:1}.row .desktop-auto:nth-last-child(1),.row .desktop-auto:nth-last-child(1)~.desktop-auto{--f7-cols-per-row:1}.row .desktop-auto:nth-last-child(2),.row .desktop-auto:nth-last-child(2)~.desktop-auto{--f7-cols-per-row:2}.row .desktop-auto:nth-last-child(3),.row .desktop-auto:nth-last-child(3)~.desktop-auto{--f7-cols-per-row:3}.row .desktop-auto:nth-last-child(4),.row .desktop-auto:nth-last-child(4)~.desktop-auto{--f7-cols-per-row:4}.row .desktop-auto:nth-last-child(5),.row .desktop-auto:nth-last-child(5)~.desktop-auto{--f7-cols-per-row:5}.row .desktop-auto:nth-last-child(6),.row .desktop-auto:nth-last-child(6)~.desktop-auto{--f7-cols-per-row:6}.row .desktop-auto:nth-last-child(7),.row .desktop-auto:nth-last-child(7)~.desktop-auto{--f7-cols-per-row:7}.row .desktop-auto:nth-last-child(8),.row .desktop-auto:nth-last-child(8)~.desktop-auto{--f7-cols-per-row:8}.row .desktop-auto:nth-last-child(9),.row .desktop-auto:nth-last-child(9)~.desktop-auto{--f7-cols-per-row:9}.row .desktop-auto:nth-last-child(10),.row .desktop-auto:nth-last-child(10)~.desktop-auto{--f7-cols-per-row:10}.row .desktop-auto:nth-last-child(11),.row .desktop-auto:nth-last-child(11)~.desktop-auto{--f7-cols-per-row:11}.row .desktop-auto:nth-last-child(12),.row .desktop-auto:nth-last-child(12)~.desktop-auto{--f7-cols-per-row:12}.row .desktop-auto:nth-last-child(13),.row .desktop-auto:nth-last-child(13)~.desktop-auto{--f7-cols-per-row:13}.row .desktop-auto:nth-last-child(14),.row .desktop-auto:nth-last-child(14)~.desktop-auto{--f7-cols-per-row:14}.row .desktop-auto:nth-last-child(15),.row .desktop-auto:nth-last-child(15)~.desktop-auto{--f7-cols-per-row:15}.row .desktop-auto:nth-last-child(16),.row .desktop-auto:nth-last-child(16)~.desktop-auto{--f7-cols-per-row:16}.row .desktop-auto:nth-last-child(17),.row .desktop-auto:nth-last-child(17)~.desktop-auto{--f7-cols-per-row:17}.row .desktop-auto:nth-last-child(18),.row .desktop-auto:nth-last-child(18)~.desktop-auto{--f7-cols-per-row:18}.row .desktop-auto:nth-last-child(19),.row .desktop-auto:nth-last-child(19)~.desktop-auto{--f7-cols-per-row:19}.row .desktop-auto:nth-last-child(20),.row .desktop-auto:nth-last-child(20)~.desktop-auto{--f7-cols-per-row:20}.row .desktop-auto:nth-last-child(21),.row .desktop-auto:nth-last-child(21)~.desktop-auto{--f7-cols-per-row:21}.row .desktop-auto:nth-last-child(22),.row .desktop-auto:nth-last-child(22)~.desktop-auto{--f7-cols-per-row:22}}:root{--f7-calendar-height:320px;--f7-calendar-sheet-landscape-height:220px;--f7-calendar-sheet-bg-color:#fff;--f7-calendar-popover-width:320px;--f7-calendar-popover-height:320px;--f7-calendar-modal-height:420px;--f7-calendar-modal-max-width:380px;--f7-calendar-modal-border-radius:4px;--f7-calendar-modal-bg-color:#fff;--f7-calendar-footer-padding:0 8px;--f7-calendar-week-header-font-size:11px;--f7-calendar-day-text-color:#000;--f7-calendar-selected-text-color:#fff;--f7-calendar-prev-next-text-color:#b8b8b8;--f7-calendar-disabled-text-color:#d4d4d4;--f7-calendar-event-dot-size:4px}:root .theme-dark,:root.theme-dark{--f7-calendar-sheet-border-color:var(--f7-bars-border-color);--f7-calendar-modal-bg-color:#171717;--f7-calendar-sheet-bg-color:#171717}.ios{--f7-calendar-sheet-border-color:#929499;--f7-calendar-header-height:44px;--f7-calendar-header-font-size:17px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 8px;--f7-calendar-footer-height:44px;--f7-calendar-footer-font-size:17px;--f7-calendar-week-header-height:18px;--f7-calendar-row-border-color:rgba(0, 0, 0, 0.25);--f7-calendar-day-font-size:15px;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3;--f7-calendar-day-size:30px}.ios .theme-dark,.ios.theme-dark{--f7-calendar-row-border-color:var(--f7-bars-border-color);--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.md{--f7-calendar-sheet-border-color:#ccc;--f7-calendar-header-height:56px;--f7-calendar-header-font-size:20px;--f7-calendar-header-font-weight:400;--f7-calendar-header-padding:0 24px;--f7-calendar-footer-height:48px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:24px;--f7-calendar-row-border-color:transparent;--f7-calendar-day-font-size:14px;--f7-calendar-today-bg-color:none;--f7-calendar-day-size:32px}.md .theme-dark,.md.theme-dark{--f7-calendar-day-text-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-calendar-sheet-border-color:#ccc;--f7-calendar-header-height:38px;--f7-calendar-header-font-size:14px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 8px;--f7-calendar-footer-height:38px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:18px;--f7-calendar-row-border-color:#e3e3e3;--f7-calendar-day-font-size:13px;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3;--f7-calendar-day-size:30px}.aurora .theme-dark,.aurora.theme-dark{--f7-calendar-row-border-color:var(--f7-bars-border-color);--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.calendar{overflow:hidden;height:var(--f7-calendar-height);width:100%;display:flex;flex-direction:column}.calendar.modal-in{display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:var(--f7-calendar-sheet-landscape-height)}.calendar.calendar-modal{height:calc(100vh - var(--f7-navbar-height))}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-sheet{--f7-sheet-border-color:var(--f7-calendar-sheet-border-color);background:var(--f7-calendar-sheet-bg-color)}.calendar-sheet:before{z-index:600}.calendar-sheet .sheet-modal-inner{margin-bottom:var(--f7-safe-area-bottom)}.calendar-modal .toolbar:before,.calendar-popover .toolbar:before,.calendar-sheet .toolbar:before{display:none}.calendar-popover{width:var(--f7-calendar-popover-width)}.calendar-popover .calendar{height:var(--f7-calendar-popover-height);border-radius:var(--f7-popover-border-radius)}.calendar-header{width:100%;position:relative;overflow:hidden;flex-shrink:0;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;padding:var(--f7-calendar-header-padding);background-color:var(--f7-calendar-header-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-header-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-header-height);line-height:var(--f7-calendar-header-height);font-size:var(--f7-calendar-header-font-size);font-weight:var(--f7-calendar-header-font-weight)}.calendar-header a{color:var(--f7-calendar-header-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer{width:100%;flex-shrink:0;padding:var(--f7-calendar-footer-padding);background-color:var(--f7-calendar-footer-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-footer-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-footer-height);font-size:var(--f7-calendar-header-font-size);display:flex;justify-content:flex-end;box-sizing:border-box;align-items:center;position:relative}.calendar-footer a{color:var(--f7-calendar-footer-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer:before{content:'';position:absolute;background-color:var(--f7-calendar-footer-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.calendar-modal{position:absolute;height:var(--f7-calendar-modal-height);overflow:hidden;top:50%;left:50%;min-width:300px;max-width:var(--f7-calendar-modal-max-width);transform:translate3d(-50%,100%,0);transition-property:transform;display:flex;z-index:12000;background:var(--f7-calendar-modal-bg-color);width:90%;border-radius:var(--f7-calendar-modal-border-radius);box-shadow:var(--f7-elevation-24)}.calendar-modal.modal-in,.calendar-modal.modal-out{transition-duration:.4s}.calendar-modal.modal-in{transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{transform:translate3d(-50%,100%,0)}.calendar-week-header{display:flex;box-sizing:border-box;position:relative;font-size:var(--f7-calendar-week-header-font-size);background-color:var(--f7-calendar-week-header-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-week-header-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-week-header-height);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}.calendar-week-header .calendar-week-day{flex-shrink:1;width:calc(100% / 7);text-align:center;line-height:var(--f7-calendar-week-header-height)}.calendar-months{width:100%;height:100%;overflow:hidden;position:relative;flex-shrink:10}.calendar-months-wrapper{position:relative;width:100%;height:100%;transition:.3s}.calendar-month{display:flex;flex-direction:column;width:100%;height:100%;position:absolute;left:0;top:0}.calendar-row{height:16.66666667%;height:calc(100% / 6);display:flex;flex-shrink:1;width:100%;position:relative;box-sizing:border-box;padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}.calendar-row:before{content:'';position:absolute;background-color:var(--f7-calendar-row-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.calendar-modal .calendar-months:first-child .calendar-row:first-child:before,.calendar-popover .calendar-months:first-child .calendar-row:first-child:before{display:none!important}.calendar-day{flex-shrink:1;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:14.28571429%;width:calc(100% / 7);text-align:center;cursor:pointer;z-index:20;color:var(--f7-calendar-day-text-color);height:100%;font-size:var(--f7-calendar-day-font-size)}.calendar-day.calendar-day-today .calendar-day-number{color:var(--f7-calendar-today-text-color,var(--f7-theme-color));background-color:var(--f7-calendar-today-bg-color)}.calendar-day.calendar-day-next,.calendar-day.calendar-day-prev{color:var(--f7-calendar-prev-next-text-color)}.calendar-day.calendar-day-disabled{color:var(--f7-calendar-disabled-text-color);cursor:auto}.calendar-day.calendar-day-selected .calendar-day-number{color:var(--f7-calendar-selected-text-color);background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color))}.calendar-day .calendar-day-number{display:inline-block;border-radius:50%;position:relative;width:var(--f7-calendar-day-size);height:var(--f7-calendar-day-size);line-height:var(--f7-calendar-day-size)}.calendar-day .calendar-day-events{position:absolute;display:flex;left:0;width:100%;top:100%;align-items:center;justify-content:center;margin-top:1px}.calendar-day .calendar-day-event{width:var(--f7-calendar-event-dot-size);height:var(--f7-calendar-event-dot-size);border-radius:calc(var(--f7-calendar-event-dot-size)/ 2);background-color:var(--f7-calendar-event-bg-color)}.calendar-day .calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-range .calendar-day.calendar-day-selected{align-items:stretch;align-content:stretch}.calendar-range .calendar-day.calendar-day-selected .calendar-day-number{width:100%;border-radius:0;height:auto;text-align:center;display:flex;align-items:center;justify-content:center}.calendar-month-selector,.calendar-year-selector{display:flex;justify-content:space-between;align-items:center;width:50%;max-width:200px;flex-shrink:10;margin-left:auto;margin-right:auto}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{flex-shrink:1;position:relative;overflow:hidden;text-overflow:ellipsis}.calendar-month-selector a.icon-only,.calendar-year-selector a.icon-only{min-width:36px}:root{--f7-picker-height:260px;--f7-picker-inline-height:200px;--f7-picker-popover-height:200px;--f7-picker-popover-width:280px;--f7-picker-landscape-height:200px;--f7-picker-item-height:36px}.ios{--f7-picker-sheet-bg-color:#cfd5da;--f7-picker-column-font-size:22px;--f7-picker-divider-text-color:#000;--f7-picker-item-text-color:#707274;--f7-picker-item-selected-text-color:#000;--f7-picker-item-selected-border-color:#a8abb0}.ios .theme-dark,.ios.theme-dark{--f7-picker-divider-text-color:#fff;--f7-picker-item-selected-text-color:#fff;--f7-picker-item-selected-border-color:rgba(255, 255, 255, 0.06)}.md{--f7-picker-column-font-size:20px;--f7-picker-divider-text-color:rgba(0, 0, 0, 0.87);--f7-picker-item-text-color:inherit;--f7-picker-item-selected-text-color:inherit;--f7-picker-item-selected-border-color:rgba(0, 0, 0, 0.15)}.md .theme-dark,.md.theme-dark{--f7-picker-divider-text-color:rgba(255, 255, 255, 0.87);--f7-picker-item-selected-border-color:rgba(255, 255, 255, 0.15)}.aurora{--f7-picker-column-font-size:16px;--f7-picker-divider-text-color:#000;--f7-picker-item-height:28px;--f7-picker-item-text-color:#888;--f7-picker-item-selected-text-color:#000;--f7-picker-item-selected-border-color:rgba(0, 0, 0, 0.12)}.aurora .theme-dark,.aurora.theme-dark{--f7-picker-divider-text-color:#fff;--f7-picker-item-selected-text-color:#fff;--f7-picker-item-selected-border-color:rgba(255, 255, 255, 0.06)}.picker{width:100%;height:var(--f7-picker-height)}.picker.picker-inline{height:var(--f7-picker-inline-height)}.popover .picker{height:var(--f7-picker-popover-height)}@media (orientation:landscape) and (max-height:415px){.picker:not(.picker-inline){height:var(--f7-picker-landscape-height)}}.picker.sheet-modal{background:var(--f7-picker-sheet-bg-color,var(--f7-sheet-bg-color))}.picker-popover{width:var(--f7-picker-popover-width)}.picker-popover .toolbar{background:0 0;border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.picker-popover .toolbar:before{display:none!important}.picker-popover .toolbar+.picker-columns{height:calc(100% - var(--f7-toolbar-height))}.picker-columns{display:flex;overflow:hidden;justify-content:center;padding:0;text-align:right;height:100%;position:relative;-webkit-mask-box-image:linear-gradient(to top,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent);font-size:var(--f7-picker-column-font-size)}.picker-column{position:relative;max-height:100%}.picker-column.picker-column-first:before,.picker-column.picker-column-last:after{height:100%;width:100vw;position:absolute;content:'';top:0}.picker-column.picker-column-first:before{right:100%}.picker-column.picker-column-last:after{left:100%}.picker-column.picker-column-left{text-align:left}.picker-column.picker-column-center{text-align:center}.picker-column.picker-column-right{text-align:right}.picker-column.picker-column-divider{display:flex;align-items:center;color:var(--f7-picker-divider-text-color)}.picker-items{transition:.3s;transition-timing-function:ease-out}.picker-item{height:var(--f7-picker-item-height);line-height:var(--f7-picker-item-height);white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;left:0;top:0;width:100%;box-sizing:border-box;transition:.3s;color:var(--f7-picker-item-text-color);cursor:pointer}.picker-item span{padding:0 10px}.picker-column-absolute .picker-item{position:absolute}.picker-item.picker-item-far{pointer-events:none}.picker-item.picker-item-selected{color:var(--f7-picker-item-selected-text-color);transform:translate3d(0,0,0) rotateX(0deg)}.picker-center-highlight{height:var(--f7-picker-item-height);box-sizing:border-box;position:absolute;left:0;width:100%;top:50%;margin-top:calc(-1 * var(--f7-picker-item-height)/ 2);pointer-events:none}.picker-center-highlight:before{content:'';position:absolute;background-color:var(--f7-picker-item-selected-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.picker-center-highlight:after{content:'';position:absolute;background-color:var(--f7-picker-item-selected-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.picker-3d .picker-columns{overflow:hidden;perspective:1200px}.picker-3d .picker-column,.picker-3d .picker-item,.picker-3d .picker-items{transform-style:preserve-3d}.picker-3d .picker-column{overflow:visible}.picker-3d .picker-item{transform-origin:center center -110px;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-timing-function:ease-out}.infinite-scroll-preloader{margin-left:auto;margin-right:auto;text-align:center}.infinite-scroll-preloader.preloader{display:block}.ios .infinite-scroll-preloader{margin-top:35px;margin-bottom:35px}.ios .infinite-scroll-preloader .preloader,.ios .infinite-scroll-preloader.preloader{width:27px;height:27px}.md .infinite-scroll-preloader{margin-top:32px;margin-bottom:32px}.aurora .infinite-scroll-preloader{margin-top:15px;margin-bottom:15px}.ios{--f7-ptr-preloader-size:20px;--f7-ptr-size:44px}.md{--f7-ptr-preloader-size:22px;--f7-ptr-size:40px}.aurora{--f7-ptr-preloader-size:20px;--f7-ptr-size:38px}.ptr-preloader{position:relative;top:var(--f7-ptr-top,0);height:var(--f7-ptr-size)}.ptr-preloader .preloader{position:absolute;left:50%;width:var(--f7-ptr-preloader-size);height:var(--f7-ptr-preloader-size);margin-left:calc(-1 * var(--f7-ptr-preloader-size)/ 2);margin-top:calc(-1 * var(--f7-ptr-preloader-size)/ 2);top:50%;visibility:hidden}.ptr-bottom .ptr-preloader{top:auto;bottom:0;position:fixed}.ios .ptr-preloader{margin-top:calc(-1 * var(--f7-ptr-size));width:100%;left:0}.ios .ptr-arrow{position:absolute;left:50%;top:50%;background:no-repeat center;z-index:10;transform:rotate(0deg) translate3d(0,0,0);transition-duration:.3s;transition-property:transform;width:12px;height:20px;margin-left:-6px;margin-top:-10px;visibility:visible;color:var(--f7-preloader-color)}.ios .ptr-arrow:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;width:12px;height:20px;line-height:20px;font-size:10px;content:'ptr_arrow_ios'}.ios .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader{animation:none}.ios .ptr-refreshing,.ios .ptr-transitioning{transition-duration:.3s;transition-property:transform}.ios .ptr-refreshing{transform:translate3d(0,var(--f7-ptr-size),0)}.ios .ptr-refreshing .ptr-arrow{visibility:hidden}.ios .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.ios .ptr-pull-up .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.ios .ptr-no-navbar{margin-top:calc(-1 * var(--f7-ptr-size));height:calc(100% + var(--f7-ptr-size))}.ios .ptr-no-navbar .ptr-preloader{margin-top:0}.ios .ptr-bottom .ptr-preloader{margin-top:0;margin-bottom:calc(-1 * var(--f7-ptr-size))}.ios .ptr-bottom.ptr-refreshing>*,.ios .ptr-bottom.ptr-transitioning>*{transition-duration:.3s;transition-property:transform}.ios .ptr-bottom.ptr-refreshing{transform:none}.ios .ptr-bottom.ptr-refreshing>*{transform:translate3d(0,calc(-1 * var(--f7-ptr-size)),0)}.ios .ptr-bottom .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.ios .ptr-bottom.ptr-pull-up .ptr-arrow{transform:rotate(0deg) translate3d(0,0,0)}.md{--f7-ptr-top:-4px}.md .ptr-preloader{width:var(--f7-ptr-size);border-radius:50%;background:#fff;margin-top:calc(-1 * var(--f7-ptr-size));z-index:100;box-shadow:var(--f7-elevation-1);left:50%;margin-left:calc(-1 * var(--f7-ptr-size)/ 2)}.md .ptr-preloader .preloader .preloader-inner-gap,.md .ptr-preloader .preloader .preloader-inner-half-circle{border-width:3px}.md .ptr-arrow{width:22px;height:22px;box-sizing:border-box;border:3px solid var(--f7-preloader-color);position:absolute;left:50%;top:50%;margin-left:-11px;margin-top:-11px;border-left-color:transparent;border-radius:50%;opacity:1;transform:rotate(150deg)}.md .ptr-arrow:after{content:'';width:0px;height:0px;position:absolute;left:-5px;bottom:0px;border-bottom-width:6px;border-bottom-style:solid;border-bottom-color:inherit;border-left:5px solid transparent;border-right:5px solid transparent;transform:rotate(-40deg)}.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader,.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader *{animation:none}.md .ptr-pull-up .ptr-preloader .preloader,.md .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.md .ptr-pull-up .ptr-arrow,.md .ptr-refreshing .ptr-arrow{visibility:hidden}.md .ptr-refreshing .ptr-preloader{transform:translate3d(0,66px,0)}.md .ptr-transitioning .ptr-arrow{transition:.3s}.md .ptr-pull-up .ptr-arrow{transition:.4s;transform:rotate(620deg)!important;opacity:0}.md .ptr-refreshing .ptr-preloader,.md .ptr-transitioning .ptr-preloader{transition-duration:.3s;transition-property:transform}.md .ptr-bottom .ptr-preloader{margin-top:0;margin-bottom:calc(-1 * var(--f7-ptr-size) - 4px)}.md .ptr-bottom.ptr-refreshing .ptr-preloader{transform:translate3d(0,-66px,0)}.aurora .ptr-preloader{margin-top:calc(-1 * var(--f7-ptr-size));width:100%;left:0}.aurora .ptr-arrow{position:absolute;left:50%;top:50%;background:no-repeat center;z-index:10;transform:rotate(0deg) translate3d(0,0,0);transition-duration:.3s;transition-property:transform;width:12px;height:20px;margin-left:-6px;margin-top:-10px;visibility:visible;color:var(--f7-preloader-color)}.aurora .ptr-arrow:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;width:12px;height:20px;line-height:20px;font-size:8px;content:'ptr_arrow_ios'}.aurora .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader{animation:none}.aurora .ptr-refreshing,.aurora .ptr-transitioning{transition-duration:.3s;transition-property:transform}.aurora .ptr-refreshing{transform:translate3d(0,var(--f7-ptr-size),0)}.aurora .ptr-refreshing .ptr-arrow{visibility:hidden}.aurora .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.aurora .ptr-pull-up .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.aurora .ptr-no-navbar{margin-top:calc(-1 * var(--f7-ptr-size));height:calc(100% + var(--f7-ptr-size))}.aurora .ptr-no-navbar .ptr-preloader{margin-top:0}.aurora .ptr-bottom .ptr-preloader{margin-top:0;margin-bottom:calc(-1 * var(--f7-ptr-size))}.aurora .ptr-bottom.ptr-refreshing>*,.aurora .ptr-bottom.ptr-transitioning>*{transition-duration:.3s;transition-property:transform}.aurora .ptr-bottom.ptr-refreshing{transform:none}.aurora .ptr-bottom.ptr-refreshing>*{transform:translate3d(0,calc(-1 * var(--f7-ptr-size)),0)}.aurora .ptr-bottom .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.aurora .ptr-bottom.ptr-pull-up .ptr-arrow{transform:rotate(0deg) translate3d(0,0,0)}.lazy-loaded.lazy-fade-in{animation:lazyFadeIn .6s}@keyframes lazyFadeIn{from{opacity:0}to{opacity:1}}:root{--f7-table-head-font-size:12px;--f7-table-body-font-size:14px;--f7-table-footer-font-size:12px;--f7-table-input-height:24px;--f7-table-input-font-size:14px;--f7-table-collapsible-cell-padding:15px;--f7-table-link-icon-only-icon-size:20px;--f7-table-sortable-icon-color:#000}:root .theme-dark,:root.theme-dark{--f7-table-cell-border-color:rgba(255, 255, 255, 0.15);--f7-table-sortable-icon-color:#fff;--f7-table-input-text-color:#fff}.ios{--f7-table-head-font-weight:600;--f7-table-head-text-color:rgba(0, 0, 0, 0.45);--f7-table-head-cell-height:44px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:44px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.22);--f7-table-cell-padding-vertical:0px;--f7-table-cell-padding-horizontal:15px;--f7-table-edge-cell-padding-horizontal:15px;--f7-table-label-cell-padding-horizontal:15px;--f7-table-checkbox-cell-width:22px;--f7-table-selected-row-bg-color:rgba(0, 0, 0, 0.03);--f7-table-title-font-size:17px;--f7-table-title-font-weight:600;--f7-table-card-header-height:64px;--f7-table-footer-height:44px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.45);--f7-table-input-text-color:#000}.ios .theme-dark,.ios.theme-dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.55);--f7-table-footer-text-color:rgba(255, 255, 255, 0.55);--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.08)}.md{--f7-table-head-font-weight:500;--f7-table-head-text-color:rgba(0, 0, 0, 0.54);--f7-table-head-cell-height:56px;--f7-table-head-icon-size:16px;--f7-table-body-cell-height:48px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-cell-padding-vertical:0px;--f7-table-cell-padding-horizontal:28px;--f7-table-edge-cell-padding-horizontal:24px;--f7-table-label-cell-padding-horizontal:24px;--f7-table-checkbox-cell-width:18px;--f7-table-actions-cell-link-color:rgba(0, 0, 0, 0.54);--f7-table-selected-row-bg-color:#f5f5f5;--f7-table-actions-link-color:rgba(0, 0, 0, 0.54);--f7-table-title-font-size:20px;--f7-table-title-font-weight:400;--f7-table-card-header-height:64px;--f7-table-footer-height:56px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.54);--f7-table-input-text-color:#212121}.md .theme-dark,.md.theme-dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.54);--f7-table-footer-text-color:rgba(255, 255, 255, 0.54);--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.05);--f7-table-actions-cell-link-color:rgba(255, 255, 255, 0.54);--f7-table-actions-link-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-table-link-icon-only-icon-size:18px;--f7-table-head-font-weight:400;--f7-table-head-text-color:rgba(0, 0, 0, 0.6);--f7-table-head-cell-height:32px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:32px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-cell-padding-vertical:5px;--f7-table-cell-padding-horizontal:10px;--f7-table-edge-cell-padding-horizontal:15px;--f7-table-label-cell-padding-horizontal:15px;--f7-table-checkbox-cell-width:22px;--f7-table-selected-row-bg-color:rgba(0, 0, 0, 0.03);--f7-table-title-font-size:14px;--f7-table-title-font-weight:600;--f7-table-card-header-height:42px;--f7-table-footer-height:32px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.5);--f7-table-input-text-color:#000}.aurora .theme-dark,.aurora.theme-dark{--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.03);--f7-table-head-text-color:rgba(255, 255, 255, 0.52);--f7-table-footer-text-color:rgba(255, 255, 255, 0.52)}.data-table{overflow-x:auto}.data-table table,table.data-table{width:100%;border:none;padding:0;margin:0;border-collapse:collapse;text-align:left}.data-table thead td,.data-table thead th{font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:16px;height:var(--f7-table-head-cell-height)}.data-table thead td:not(.sortable-cell-active),.data-table thead th:not(.sortable-cell-active){color:var(--f7-table-head-text-color)}.data-table thead i.f7-icons,.data-table thead i.icon,.data-table thead i.material-icons{vertical-align:top;font-size:var(--f7-table-head-icon-size);width:var(--f7-table-head-icon-size);height:var(--f7-table-head-icon-size)}.data-table tbody{font-size:var(--f7-table-body-font-size)}.data-table tbody td,.data-table tbody th{height:var(--f7-table-body-cell-height)}.data-table tbody tr.data-table-row-selected,.device-desktop .data-table tbody tr:hover{background:var(--f7-table-selected-row-bg-color)}.data-table tbody td:before,.data-table tbody th:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table td,.data-table th{--f7-table-cell-padding-left:var(--f7-table-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-cell-padding-horizontal);padding-top:var(--f7-table-cell-padding-vertical);padding-bottom:var(--f7-table-cell-padding-vertical);padding-left:var(--f7-table-cell-padding-left);padding-right:var(--f7-table-cell-padding-right);position:relative;box-sizing:border-box}.data-table td:first-child,.data-table th:first-child{--f7-table-cell-padding-left:var(--f7-table-edge-cell-padding-horizontal)}.data-table td:last-child,.data-table th:last-child{--f7-table-cell-padding-right:var(--f7-table-edge-cell-padding-horizontal)}.data-table td.label-cell,.data-table th.label-cell{--f7-table-cell-padding-left:var(--f7-table-label-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-label-cell-padding-horizontal)}.data-table td.numeric-cell,.data-table th.numeric-cell{text-align:right}.data-table td.checkbox-cell,.data-table th.checkbox-cell{overflow:visible;width:var(--f7-table-checkbox-cell-width)}.data-table td.checkbox-cell label+span,.data-table th.checkbox-cell label+span{margin-left:8px}.data-table td.checkbox-cell:first-child,.data-table th.checkbox-cell:first-child{padding-right:calc(var(--f7-table-cell-padding-right)/ 2)}.data-table td.checkbox-cell:first-child+td,.data-table td.checkbox-cell:first-child+th,.data-table th.checkbox-cell:first-child+td,.data-table th.checkbox-cell:first-child+th{padding-left:calc(var(--f7-table-cell-padding-left)/ 2)}.data-table td.checkbox-cell:last-child,.data-table th.checkbox-cell:last-child{padding-left:calc(var(--f7-table-cell-padding-left)/ 2)}.data-table td.actions-cell,.data-table th.actions-cell{text-align:right;white-space:nowrap}.data-table td.actions-cell a.link,.data-table th.actions-cell a.link{color:var(--f7-table-actions-cell-link-color,var(--f7-theme-color))}.card .data-table td a.icon-only,.card .data-table th a.icon-only,.card.data-table td a.icon-only,.card.data-table th a.icon-only,.data-table td a.icon-only,.data-table th a.icon-only{display:inline-block;vertical-align:middle;text-align:center;font-size:0;min-width:0}.card .data-table td a.icon-only i,.card .data-table th a.icon-only i,.card.data-table td a.icon-only i,.card.data-table th a.icon-only i,.data-table td a.icon-only i,.data-table th a.icon-only i{font-size:var(--f7-table-link-icon-only-icon-size);vertical-align:middle}.data-table .sortable-cell:not(.input-cell){cursor:pointer;position:relative}.data-table .sortable-cell.input-cell .table-head-label{cursor:pointer;position:relative}.data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.data-table .sortable-cell.numeric-cell:not(.input-cell):before,.data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{content:'arrow_bottom_md';font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;display:inline-block;vertical-align:top;width:16px;height:16px;color:var(--f7-table-sortable-icon-color);font-size:13px;line-height:16px;transition-duration:.3s;transform:rotate(0);opacity:0}.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before{opacity:.54}.data-table .sortable-cell.sortable-cell-active .table-head-label:after,.data-table .sortable-cell.sortable-cell-active .table-head-label:before,.data-table .sortable-cell.sortable-cell-active:after,.data-table .sortable-cell.sortable-cell-active:before{opacity:.87!important}.data-table .sortable-cell.sortable-desc:after,.data-table .sortable-cell.sortable-desc:before,.data-table .table-head-label:after,.data-table .table-head-label:before{transform:rotate(180deg)!important}.card .data-table .card-footer,.card .data-table .card-header,.data-table.card .card-footer,.data-table.card .card-header{padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal)}.card .data-table .card-header,.data-table.card .card-header{min-height:var(--f7-table-card-header-height)}.card .data-table .card-content,.data-table.card .card-content{overflow-x:auto}.card .data-table .card-footer,.data-table.card .card-footer{min-height:var(--f7-table-footer-height)}.data-table .data-table-title{font-size:var(--f7-table-title-font-size);font-weight:var(--f7-table-title-font-weight)}.data-table .data-table-actions,.data-table .data-table-links{display:flex}.data-table .data-table-links .button{min-width:64px}.data-table .data-table-actions{margin-left:auto;align-items:center}.data-table .data-table-actions a.link{color:var(--f7-table-actions-link-color,var(--f7-theme-color));min-width:0}.data-table .data-table-actions a.link.icon-only{line-height:1;justify-content:center;padding:0}.data-table .data-table-header,.data-table .data-table-header-selected{display:flex;justify-content:space-between;align-items:center;width:100%}.data-table .card-header>.data-table-header,.data-table .card-header>.data-table-header-selected{padding-top:var(--f7-card-header-padding-vertical);padding-bottom:var(--f7-card-header-padding-vertical);height:100%;padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal);margin-left:calc(-1 * var(--f7-table-edge-cell-padding-horizontal));margin-right:calc(-1 * var(--f7-table-edge-cell-padding-horizontal))}.data-table .data-table-header-selected{background:rgba(var(--f7-theme-color-rgb),.1);display:none}.data-table.data-table-has-checked .data-table-header{display:none}.data-table.data-table-has-checked .data-table-header-selected{display:flex}.data-table .data-table-title-selected{font-size:14px;color:var(--f7-theme-color)}.data-table .data-table-footer{display:flex;align-items:center;box-sizing:border-box;position:relative;font-size:var(--f7-table-footer-font-size);overflow:hidden;min-height:var(--f7-table-footer-height);color:var(--f7-table-footer-text-color);justify-content:flex-end}.data-table .data-table-footer:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table .data-table-pagination,.data-table .data-table-rows-select{display:flex;align-items:center}.data-table .input-cell{padding-top:8px;padding-bottom:8px;height:auto;vertical-align:top}.data-table .input-cell .table-head-label+.input{margin-top:4px}.data-table .input-cell .input{height:var(--f7-table-input-height)}.data-table .input-cell .input input,.data-table .input-cell .input select,.data-table .input-cell .input textarea{height:var(--f7-table-input-height);color:var(--f7-table-input-text-color);font-size:var(--f7-table-input-font-size)}@media (max-width:480px) and (orientation:portrait){.data-table.data-table-collapsible thead{display:none}.data-table.data-table-collapsible tbody,.data-table.data-table-collapsible td,.data-table.data-table-collapsible tr{display:block}.data-table.data-table-collapsible tr{position:relative}.data-table.data-table-collapsible tr:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table.data-table-collapsible tr:hover{background-color:inherit}.data-table.data-table-collapsible td{--f7-table-cell-padding-left:var(--f7-table-collapsible-cell-padding);--f7-table-cell-padding-right:var(--f7-table-collapsible-cell-padding);height:auto;min-height:var(--f7-table-body-cell-height);display:flex;align-content:center;align-items:center;justify-content:flex-start;text-align:left}.data-table.data-table-collapsible td:before{display:none!important}.data-table.data-table-collapsible td:not(.checkbox-cell):before{width:40%;display:block!important;content:attr(data-collapsible-title);position:relative;height:auto;background:0 0!important;transform:none!important;font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);color:var(--f7-table-head-text-color);margin-right:16px;flex-shrink:0}.data-table.data-table-collapsible td.checkbox-cell{position:absolute;top:0;left:0}.data-table.data-table-collapsible td.checkbox-cell+td{padding-left:16px}.data-table.data-table-collapsible td.checkbox-cell~td{margin-left:32px}}.data-table .tablet-landscape-only,.data-table .tablet-only{display:none}@media (min-width:768px){.data-table .tablet-only{display:table-cell}}@media (min-width:768px) and (orientation:landscape){.data-table .tablet-landscape-only{display:table-cell}}.ios .data-table td.actions-cell a.link+a.link,.ios .data-table th.actions-cell a.link+a.link{margin-left:15px}.ios .sortable-cell:not(.numeric-cell):after{margin-left:5px}.ios .sortable-cell.numeric-cell:before{margin-right:5px}.ios .data-table-actions .button+.button,.ios .data-table-actions a.link+a.link,.ios .data-table-links .button+.button,.ios .data-table-links a.link+a.link{margin-left:15px}.ios .data-table-actions a.link.icon-only{width:44px;height:44px}.ios .data-table-pagination a.link,.ios .data-table-rows-select a.link{width:44px;height:44px}.ios .data-table-rows-select+.data-table-pagination{margin-left:30px}.ios .data-table-rows-select .input{margin-left:20px}.ios .data-table-pagination-label{margin-right:15px}.md .data-table td.actions-cell a.link+a.link,.md .data-table th.actions-cell a.link+a.link{margin-left:24px}.md .data-table td.actions-cell a.icon-only,.md .data-table th.actions-cell a.icon-only{width:24px;height:24px;line-height:24px}.md .sortable-cell:not(.numeric-cell):after{margin-left:8px}.md .sortable-cell.numeric-cell:before{margin-right:8px}.md .data-table-actions .button+.button,.md .data-table-actions a.link+a.link,.md .data-table-links .button+.button,.md .data-table-links a.link+a.link{margin-left:24px}.md .data-table-actions a.link.icon-only{width:24px;height:24px;overflow:visible}.md .data-table-actions a.link.icon-only.active-state{background:0 0}.md .data-table-pagination a.link,.md .data-table-rows-select a.link{width:48px;height:48px}.md .data-table-pagination a.link:before,.md .data-table-rows-select a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .data-table-pagination a.link.active-state:before,.md .data-table-rows-select a.link.active-state:before{opacity:1;transition-duration:150ms}.md .data-table-rows-select+.data-table-pagination{margin-left:32px}.md .data-table-rows-select .input{margin-left:24px}.md .data-table-pagination-label{margin-right:20px}.md .input-cell .input-clear-button{transform:scale(.8)}.aurora .data-table td.actions-cell a.link+a.link,.aurora .data-table th.actions-cell a.link+a.link{margin-left:10px}.aurora .sortable-cell:not(.numeric-cell):after{margin-left:5px}.aurora .sortable-cell.numeric-cell:before{margin-right:5px}.aurora .data-table-actions .button+.button,.aurora .data-table-actions a.link+a.link,.aurora .data-table-links .button+.button,.aurora .data-table-links a.link+a.link{margin-left:10px}.aurora .data-table-pagination a.link,.aurora .data-table-rows-select a.link{width:32px;height:32px}.aurora .data-table-rows-select+.data-table-pagination{margin-left:15px}.aurora .data-table-rows-select .input{margin-left:10px}.aurora .data-table-pagination-label{margin-right:10px}:root{--f7-fab-text-color:#fff;--f7-fab-extended-text-font-size:14px;--f7-fab-extended-text-padding:0 20px;--f7-fab-label-bg-color:#fff;--f7-fab-label-text-color:#333;--f7-fab-label-border-radius:4px;--f7-fab-label-padding:4px 12px;--f7-fab-button-size:40px}.ios{--f7-fab-size:50px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-margin:15px;--f7-fab-extended-size:50px;--f7-fab-extended-text-font-weight:400;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4);--f7-fab-label-font-size:inherit}.md{--f7-fab-size:56px;--f7-fab-box-shadow:var(--f7-elevation-6);--f7-fab-margin:16px;--f7-fab-extended-size:48px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0.03em;--f7-fab-label-box-shadow:var(--f7-elevation-3);--f7-fab-label-font-size:inherit}.aurora{--f7-fab-size:40px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-margin:15px;--f7-fab-extended-size:38px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4);--f7-fab-label-font-size:12px}.fab{position:absolute;z-index:1500}.fab a{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.fab[class*=fab-left]{left:calc(var(--f7-fab-margin) + var(--f7-safe-area-left))}.fab[class*=fab-right]{right:calc(var(--f7-fab-margin) + var(--f7-safe-area-right))}.fab[class*="-top"]{top:var(--f7-fab-margin)}.fab[class*="-bottom"]{bottom:calc(var(--f7-fab-margin) + var(--f7-safe-area-bottom))}.fab[class*=fab-center]{left:50%;transform:translateX(-50%)}.fab[class*=left-center],.fab[class*=right-center]{top:50%;transform:translateY(-50%)}.fab[class*=center-center]{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.fab-buttons a,.fab>a{background-color:var(--f7-fab-bg-color,var(--f7-theme-color));width:var(--f7-fab-size);height:var(--f7-fab-size);box-shadow:var(--f7-fab-box-shadow);border-radius:calc(var(--f7-fab-size)/ 2);position:relative;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1;color:var(--f7-fab-text-color)}.fab-buttons a.active-state,.fab>a.active-state{background-color:var(--f7-fab-pressed-bg-color,var(--f7-theme-color-shade))}.fab>a i{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);transition:.3s}.fab>a i+i{transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);opacity:0}.fab-buttons a{border-radius:calc(var(--f7-fab-button-size)/ 2);width:var(--f7-fab-button-size);height:var(--f7-fab-button-size)}.fab-buttons{display:flex;visibility:hidden;pointer-events:none;position:absolute}.fab-buttons a{opacity:0}.fab-opened:not(.fab-morph)>a i{transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);opacity:0}.fab-opened:not(.fab-morph)>a i+i{transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;transform:translate3d(0,0px,0) scale(1)!important}.fab-opened .fab-buttons a:nth-child(2){transition-delay:50ms}.fab-opened .fab-buttons a:nth-child(3){transition-delay:.1s}.fab-opened .fab-buttons a:nth-child(4){transition-delay:150ms}.fab-opened .fab-buttons a:nth-child(5){transition-delay:.2s}.fab-opened .fab-buttons a:nth-child(6){transition-delay:250ms}.fab-buttons-bottom,.fab-buttons-top{left:50%;width:var(--f7-fab-button-size);margin-left:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-top{bottom:100%;margin-bottom:16px;flex-direction:column-reverse}.fab-buttons-top a{transform:translate3d(0,8px,0) scale(.3);transform-origin:center bottom}.fab-buttons-top a+a{margin-bottom:16px}.fab-buttons-bottom{top:100%;margin-top:16px;flex-direction:column}.fab-buttons-bottom a{transform:translate3d(0,-8px,0) scale(.3);transform-origin:center top}.fab-buttons-bottom a+a{margin-top:16px}.fab-buttons-left,.fab-buttons-right{top:50%;height:var(--f7-fab-button-size);margin-top:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-left{right:100%;margin-right:16px;flex-direction:row-reverse}.fab-buttons-left a{transform:translate3d(8px,0px,0) scale(.3);transform-origin:right center}.fab-buttons-left a+a{margin-right:16px}.fab-buttons-right{left:100%;margin-left:16px}.fab-buttons-right a{transform:translate3d(-8px,0,0) scale(.3);transform-origin:left center}.fab-buttons-right a+a{margin-left:16px}.fab-buttons-center{left:0%;top:0%;width:100%;height:100%}.fab-buttons-center a{position:absolute}.fab-buttons-center a:nth-child(1){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);bottom:100%;margin-bottom:16px;transform:translateY(-8px) scale(.3);transform-origin:center bottom}.fab-buttons-center a:nth-child(2){left:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-left:16px;transform:translateX(-8px) scale(.3);transform-origin:left center}.fab-buttons-center a:nth-child(3){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);top:100%;margin-top:16px;transform:translateY(8px) scale(.3);transform-origin:center top}.fab-buttons-center a:nth-child(4){right:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-right:16px;transform:translateX(8px) scale(.3);transform-origin:right center}.fab-morph{border-radius:calc(var(--f7-fab-size)/ 2);background:var(--f7-fab-bg-color,var(--f7-theme-color));box-shadow:var(--f7-fab-box-shadow)}.fab-morph>a{box-shadow:none;background:0 0!important}.fab-opened.fab-morph>a i{opacity:0}.fab-morph,.fab-morph-target,.fab-morph>a{transition-duration:250ms}.fab-morph-target:not(.fab-morph-target-visible){display:none}.fab-extended{width:auto;min-width:var(--f7-fab-extended-size)}.fab-extended>a{width:100%;height:var(--f7-fab-extended-size)}.fab-extended>a i{left:calc(var(--f7-fab-extended-size)/ 2)}.fab-extended i~.fab-text{padding-left:var(--f7-fab-extended-size)}.fab-extended>a{width:100%!important}.fab-text{box-sizing:border-box;font-size:var(--f7-fab-extended-text-font-size);padding:var(--f7-fab-extended-text-padding);font-weight:var(--f7-fab-extended-text-font-weight);letter-spacing:var(--f7-fab-extended-text-letter-spacing);text-transform:uppercase}.fab-label-button{overflow:visible!important}.fab-label{position:absolute;top:50%;padding:var(--f7-fab-label-padding);border-radius:var(--f7-fab-label-border-radius);background:var(--f7-fab-label-bg-color);color:var(--f7-fab-label-text-color);box-shadow:var(--f7-fab-label-box-shadow);white-space:nowrap;transform:translateY(-50%);pointer-events:none;font-size:var(--f7-fab-label-font-size)}.fab[class*=fab-right-] .fab-label{right:100%;margin-right:8px}.fab[class*=fab-left-] .fab-label{left:100%;margin-left:8px}.navbar~* .fab[class*="-top"],.navbar~.fab[class*="-top"]{margin-top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .toolbar-top-ios~* .fab[class*="-top"],.ios .toolbar-top-ios~.fab[class*="-top"],.md .toolbar-top-md~* .fab[class*="-top"],.md .toolbar-top-md~.fab[class*="-top"],.toolbar-top~* .fab[class*="-top"],.toolbar-top~.fab[class*="-top"]{margin-top:var(--f7-toolbar-height)}.ios .toolbar-bottom-ios~* .fab[class*="-bottom"],.ios .toolbar-bottom-ios~.fab[class*="-bottom"],.md .toolbar-bottom-md~* .fab[class*="-bottom"],.md .toolbar-bottom-md~.fab[class*="-bottom"],.toolbar-bottom~* .fab[class*="-bottom"],.toolbar-bottom~.fab[class*="-bottom"]{margin-bottom:var(--f7-toolbar-height)}.ios .tabbar-labels.toolbar-bottom-ios~* .fab[class*="-bottom"],.ios .tabbar-labels.toolbar-bottom-ios~.fab[class*="-bottom"],.md .tabbar-labels.toolbar-bottom-md~* .fab[class*="-bottom"],.md .tabbar-labels.toolbar-bottom-md~.fab[class*="-bottom"],.tabbar-labels.toolbar-bottom~* .fab[class*="-bottom"],.tabbar-labels.toolbar-bottom~.fab[class*="-bottom"]{margin-bottom:var(--f7-tabbar-labels-height)}.ios .tabbar-labels.toolbar-top-ios~* .fab[class*="-bottom"],.ios .tabbar-labels.toolbar-top-ios~.fab[class*="-bottom"],.md .tabbar-labels.toolbar-top-md~* .fab[class*="-bottom"],.md .tabbar-labels.toolbar-top-md~.fab[class*="-bottom"],.tabbar-labels.toolbar-top~* .fab[class*="-bottom"],.tabbar-labels.toolbar-top~.fab[class*="-bottom"]{margin-top:var(--f7-tabbar-labels-height)}.messagebar~* .fab[class*="-bottom"],.messagebar~.fab[class*="-bottom"]{margin-bottom:var(--f7-messagebar-height)}.ios .navbar+.toolbar-top-ios~* .fab[class*="-top"],.ios .navbar+.toolbar-top-ios~.fab[class*="-top"],.md .navbar+.toolbar-top-ios~* .fab[class*="-top"],.md .navbar+.toolbar-top-ios~.fab[class*="-top"],.navbar+.toolbar-top~* .fab[class*="-top"],.navbar+.toolbar-top~.fab[class*="-top"]{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.md .navbar+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.navbar+.toolbar-top.tabbar-labels~* .fab[class*="-top"],.navbar+.toolbar-top.tabbar-labels~.fab[class*="-top"]{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .fab-buttons a.active-state,.ios .fab>a.active-state{transition-duration:0s}:root{--f7-searchbar-input-border-width:0px;--f7-searchbar-input-border-color:transparent;--f7-searchbar-input-text-color:#000;--f7-searchbar-placeholder-color:rgba(0, 0, 0, 0.4)}:root .theme-dark,:root.theme-dark{--f7-searchbar-input-text-color:#fff;--f7-searchbar-placeholder-color:rgba(255, 255, 255, 0.4)}.ios{--f7-searchbar-height:44px;--f7-searchbar-inner-padding-left:8px;--f7-searchbar-inner-padding-right:8px;--f7-searchbar-search-icon-color:rgba(0, 0, 0, 0.4);--f7-searchbar-input-font-size:17px;--f7-searchbar-input-bg-color:#e4e4e4;--f7-searchbar-input-border-radius:8px;--f7-searchbar-input-height:32px;--f7-searchbar-input-padding-horizontal:28px;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.4);--f7-searchbar-shadow-image:none;--f7-searchbar-in-page-content-margin:0px;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:0;--f7-searchbar-in-page-content-input-border-radius:0}.ios .theme-dark,.ios.theme-dark{--f7-searchbar-search-icon-color:rgba(255, 255, 255, 0.4);--f7-searchbar-input-bg-color:#2a2a2a}.md{--f7-searchbar-bg-color:#fff;--f7-searchbar-border-color:transparent;--f7-searchbar-height:48px;--f7-searchbar-inner-padding-left:0px;--f7-searchbar-inner-padding-right:0px;--f7-searchbar-link-color:#737373;--f7-searchbar-search-icon-color:#737373;--f7-searchbar-input-font-size:20px;--f7-searchbar-input-bg-color:#fff;--f7-searchbar-input-border-radius:0px;--f7-searchbar-input-height:100%;--f7-searchbar-input-padding-horizontal:48px;--f7-searchbar-inline-input-padding-horizontal:24px;--f7-searchbar-input-clear-button-color:#737373;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.25);--f7-searchbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-searchbar-in-page-content-margin:8px;--f7-searchbar-in-page-content-box-shadow:var(--f7-elevation-1);--f7-searchbar-in-page-content-border-radius:4px;--f7-searchbar-in-page-content-input-border-radius:4px}.md .theme-dark,.md.theme-dark{--f7-searchbar-bg-color:#222222;--f7-searchbar-input-bg-color:#222222}.aurora{--f7-searchbar-height:38px;--f7-searchbar-inner-padding-left:8px;--f7-searchbar-inner-padding-right:8px;--f7-searchbar-search-icon-color:rgba(0, 0, 0, 0.4);--f7-searchbar-input-font-size:13px;--f7-searchbar-input-bg-color:#fff;--f7-searchbar-input-border-radius:4px;--f7-searchbar-input-height:24px;--f7-searchbar-input-padding-horizontal:24px;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.4);--f7-searchbar-shadow-image:none;--f7-searchbar-in-page-content-margin:0px;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:0}.aurora .theme-dark,.aurora.theme-dark{--f7-searchbar-input-bg-color:#333;--f7-searchbar-search-icon-color:rgba(255, 255, 255, 0.4)}.searchbar{width:100%;position:relative;z-index:200;height:var(--f7-searchbar-height);background-image:var(--f7-searchbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-searchbar-bg-color,var(--f7-bars-bg-color))}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .searchbar{background-color:rgba(var(--f7-searchbar-bg-color-rgb,var(--f7-bars-bg-color-rgb)),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.ios .subnavbar .searchbar{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.ios .subnavbar .searchbar:after{display:none!important}.searchbar.no-border:after,.searchbar.no-hairline:after{display:none!important}.searchbar.no-shadow:before{display:none!important}.searchbar:after{content:'';position:absolute;background-color:var(--f7-searchbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.page>.searchbar:not(.searchbar-inline){z-index:510}.page>.searchbar:not(.searchbar-inline):before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-searchbar-shadow-image)}.searchbar input[type=search],.searchbar input[type=text]{box-sizing:border-box;width:100%;height:100%;display:block;border:var(--f7-searchbar-input-border-width) solid var(--f7-searchbar-input-border-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-weight:400;color:var(--f7-searchbar-input-text-color);font-size:var(--f7-searchbar-input-font-size);background-color:var(--f7-searchbar-input-bg-color);border-radius:var(--f7-searchbar-input-border-radius);position:relative;padding:0;padding-left:calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-left,0px));padding-right:calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-right,0px))}.searchbar input[type=search]::-webkit-input-placeholder,.searchbar input[type=text]::-webkit-input-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::-moz-placeholder,.searchbar input[type=text]::-moz-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::-ms-input-placeholder,.searchbar input[type=text]::-ms-input-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::placeholder,.searchbar input[type=text]::placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.searchbar .searchbar-input-wrap{flex-shrink:1;width:100%;height:var(--f7-searchbar-input-height);position:relative}.searchbar a{color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.page>.searchbar:not(.searchbar-inline){position:absolute;left:0;top:0}.page-content .searchbar:not(.searchbar-inline){border-radius:var(--f7-searchbar-in-page-content-border-radius);margin:var(--f7-searchbar-in-page-content-margin);width:auto;box-shadow:var(--f7-searchbar-in-page-content-box-shadow)}.page-content .searchbar:not(.searchbar-inline) .searchbar-inner,.page-content .searchbar:not(.searchbar-inline) input[type=search],.page-content .searchbar:not(.searchbar-inline) input[type=text]{border-radius:var(--f7-searchbar-in-page-content-input-border-radius,var(--f7-searchbar-input-border-radius))}.searchbar .input-clear-button{color:var(--f7-searchbar-input-clear-button-color,var(--f7-input-clear-button-color))}.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-searchbar-height);position:absolute;transition-duration:.3s;pointer-events:none}.navbar-inner .searchbar-expandable{background:0 0}.navbar-inner .searchbar-expandable:after{display:none!important}.navbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-navbar-height)}.toolbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-toolbar-height)}.subnavbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-subnavbar-height)}.tabbar-labels .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-tabbar-labels-height)}.searchbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding:0 calc(var(--f7-searchbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-searchbar-inner-padding-left) + var(--f7-safe-area-left))}.searchbar-disable-button{cursor:pointer;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;outline:0;padding:0;margin:0;width:auto;opacity:0}.searchbar-icon{pointer-events:none;background-position:center;background-repeat:no-repeat}.searchbar-icon:after{color:var(--f7-searchbar-search-icon-color);font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.searchbar-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;opacity:0;pointer-events:none;transition-duration:.3s;transform:translate3d(0,0,0);background:var(--f7-searchbar-backdrop-bg-color)}.searchbar-backdrop.searchbar-backdrop-in{opacity:1;pointer-events:auto}.page-content>.searchbar-backdrop{position:fixed}.searchbar-not-found{display:none}.hidden-by-searchbar,.list .hidden-by-searchbar,.list li.hidden-by-searchbar,.list.li.hidden-by-searchbar{display:none!important}.navbar-inner.with-searchbar-expandable-enabled-no-transition,.navbar.with-searchbar-expandable-enabled-no-transition{--f7-navbar-large-collapse-progress:1}.navbar-inner.with-searchbar-expandable-enabled,.navbar.with-searchbar-expandable-enabled{--f7-navbar-large-collapse-progress:1}.navbar-inner.with-searchbar-expandable-enabled .navbar-bg,.navbar-inner.with-searchbar-expandable-enabled .title-large,.navbar-inner.with-searchbar-expandable-enabled .title-large-inner,.navbar-inner.with-searchbar-expandable-enabled .title-large-text,.navbar.with-searchbar-expandable-enabled .navbar-bg,.navbar.with-searchbar-expandable-enabled .title-large,.navbar.with-searchbar-expandable-enabled .title-large-inner,.navbar.with-searchbar-expandable-enabled .title-large-text{transition-duration:.3s}.navbar-inner.with-searchbar-expandable-closing .navbar-bg,.navbar-inner.with-searchbar-expandable-closing .title-large,.navbar-inner.with-searchbar-expandable-closing .title-large-inner,.navbar-inner.with-searchbar-expandable-closing .title-large-text,.navbar.with-searchbar-expandable-closing .navbar-bg,.navbar.with-searchbar-expandable-closing .title-large,.navbar.with-searchbar-expandable-closing .title-large-inner,.navbar.with-searchbar-expandable-closing .title-large-text{transition-duration:.3s}.page-content.with-searchbar-expandable-enabled{height:calc(100% + var(--f7-navbar-large-title-height));transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)));transition-duration:.3s;transition-property:transform}.page-content.with-searchbar-expandable-closing{transition-duration:.3s}.navbar~.page:not(.no-navbar)>.searchbar,.page>.navbar~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.navbar~.page-with-navbar-large:not(.no-navbar) .searchbar,.page-with-navbar-large .navbar~* .searchbar,.page-with-navbar-large .navbar~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height) + var(--f7-safe-area-top));transform:translate3d(0,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.searchbar~*{--f7-page-searchbar-offset:var(--f7-searchbar-height)}.aurora .page>.toolbar-top-aurora~.searchbar,.ios .page>.toolbar-top-ios~.searchbar,.md .page>.toolbar-top-md~.searchbar,.page>.toolbar-top~.searchbar{top:var(--f7-toolbar-height)}.aurora .page>.tabbar-labels.toolbar-top-aurora~.searchbar,.ios .page>.tabbar-labels.toolbar-top-ios~.searchbar,.md .page>.tabbar-labels.toolbar-top-md~.searchbar,.page>.tabbar-labels.toolbar-top~.searchbar{top:var(--f7-tabbar-labels-height)}.aurora .page>.navbar~.toolbar-top-aurora~.searchbar,.ios .page>.navbar~.toolbar-top-ios~.searchbar,.md .page>.navbar~.toolbar-top-md~.searchbar,.page>.navbar~.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-safe-area-top))}.aurora .page>.navbar~.tabbar-labels.toolbar-top-aurora~.searchbar,.ios .page>.navbar~.tabbar-labels.toolbar-top-ios~.searchbar,.md .page>.navbar~.tabbar-labels.toolbar-top-md~.searchbar,.page>.navbar~.tabbar-labels.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-safe-area-top))}.searchbar.searchbar-inline{width:auto;height:auto;background-color:transparent;background-image:none}.searchbar.searchbar-inline:after,.searchbar.searchbar-inline:before{display:none!important}.searchbar.searchbar-inline .searchbar-input-wrap{height:var(--f7-searchbar-inline-input-height,var(--f7-searchbar-input-height))}.searchbar.searchbar-inline .searchbar-inner{padding:0;position:static;width:auto;height:auto}.searchbar.searchbar-inline input[type=search],.searchbar.searchbar-inline input[type=text]{font-size:var(--f7-searchbar-inline-input-font-size,var(--f7-searchbar-input-font-size));padding-left:calc(var(--f7-searchbar-inline-input-padding-horizontal,var(--f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-left,0px));padding-right:calc(var(--f7-searchbar-inline-input-padding-horizontal,var(--f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-right,0px))}.ios .searchbar input[type=search],.ios .searchbar input[type=text]{z-index:30}.ios .searchbar .input-clear-button{z-index:40;right:7px}.ios .searchbar-icon{width:13px;height:13px;position:absolute;top:50%;margin-top:-6px;z-index:40;left:8px}.ios .searchbar-icon:after{content:'search_ios';line-height:13px}.ios .searchbar-disable-button{font-size:17px;flex-shrink:0;transform:translate3d(0,0,0);transition-duration:.3s;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));display:none}.ios .searchbar-disable-button.active-state{transition-duration:0s;opacity:.3!important}.ios .searchbar-enabled .searchbar-disable-button{pointer-events:auto;opacity:1;margin-left:8px}.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button{transition-duration:.3s!important}.ios .searchbar-expandable{left:0;bottom:0;opacity:1;width:100%;height:0%;transform:translate3d(0,0,0);overflow:hidden}.ios .searchbar-expandable .searchbar-disable-button{margin-left:8px;opacity:1;display:block}.ios .searchbar-expandable .searchbar-inner{height:var(--f7-searchbar-expandable-size)}.ios .navbar-inner.with-searchbar-expandable-closing .navbar-bg,.ios .navbar-inner.with-searchbar-expandable-enabled .navbar-bg{transition-property:transform,opacity}.ios .navbar-inner.with-searchbar-expandable-closing .left,.ios .navbar-inner.with-searchbar-expandable-closing .navbar-bg,.ios .navbar-inner.with-searchbar-expandable-closing .right,.ios .navbar-inner.with-searchbar-expandable-closing .title,.ios .navbar-inner.with-searchbar-expandable-enabled .left,.ios .navbar-inner.with-searchbar-expandable-enabled .navbar-bg,.ios .navbar-inner.with-searchbar-expandable-enabled .right,.ios .navbar-inner.with-searchbar-expandable-enabled .title{transition-duration:.3s}.ios .navbar-inner.with-searchbar-expandable-enabled .left,.ios .navbar-inner.with-searchbar-expandable-enabled .right,.ios .navbar-inner.with-searchbar-expandable-enabled .title,.ios .navbar-inner.with-searchbar-expandable-enabled-no-transition .left,.ios .navbar-inner.with-searchbar-expandable-enabled-no-transition .right,.ios .navbar-inner.with-searchbar-expandable-enabled-no-transition .title{transform:translateY(calc(-1 * var(--f7-navbar-height)));opacity:0!important}.ios .searchbar-expandable.searchbar-enabled{opacity:1;height:var(--f7-searchbar-expandable-size);pointer-events:auto}.md .searchbar-disable-button,.md .searchbar-icon{position:absolute;left:calc(-4px + var(--f7-safe-area-left));top:50%;transition-duration:.3s}.md .searchbar-icon{width:24px;height:24px;margin-left:12px;margin-top:-12px}.md .searchbar-icon:after{content:'search_md';line-height:1.2}.md .searchbar-disable-button{width:48px;height:48px;transform:rotate(-90deg) scale(.5);font-size:0!important;display:block;margin-top:-24px;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.md .searchbar-disable-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .searchbar-disable-button.active-state:before{opacity:1;transition-duration:150ms}.md .searchbar-disable-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;line-height:48px;content:"arrow_left_md"}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button{transform:rotate(0deg) scale(1);pointer-events:auto;opacity:1}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-icon{opacity:0;transform:rotate(90deg) scale(.5)}.md .searchbar{--f7-searchbar-input-extra-padding-left:17px}.md .searchbar .input-clear-button{width:48px;height:48px;margin-top:-24px;right:0}.md .searchbar .input-clear-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .searchbar .input-clear-button.active-state:before{opacity:1;transition-duration:150ms}.md .searchbar .input-clear-button:after{line-height:48px;content:'delete_md';opacity:1}.md .searchbar .input-clear-button:before{margin-left:0;margin-top:0}.md .page>.searchbar,.md .searchbar-expandable,.md .subnavbar .searchbar{--f7-searchbar-input-extra-padding-left:calc(17px + 8px)}.md .page>.searchbar .searchbar-disable-button,.md .page>.searchbar .searchbar-icon,.md .searchbar-expandable .searchbar-disable-button,.md .searchbar-expandable .searchbar-icon,.md .subnavbar .searchbar .searchbar-disable-button,.md .subnavbar .searchbar .searchbar-icon{left:calc(-4px + 8px + var(--f7-safe-area-left))}.md .searchbar-expandable{height:var(--f7-searchbar-expandable-size);opacity:0;bottom:0;border-radius:calc(var(--f7-searchbar-expandable-size));width:calc(var(--f7-searchbar-expandable-size));margin-top:calc(var(--f7-searchbar-expandable-size) * -1 / 2);transform:translate3d(0px,0px,0px);left:100%;margin-left:calc(var(--f7-searchbar-expandable-size) * -1)}.md .searchbar-expandable.searchbar-enabled{width:100%;border-radius:0;opacity:1;pointer-events:auto;margin-top:0;left:0;margin-left:0}.aurora .searchbar input[type=search],.aurora .searchbar input[type=text]{z-index:30}.aurora .searchbar .input-clear-button{z-index:40;right:4px}.aurora .searchbar-icon{width:13px;height:13px;position:absolute;top:50%;margin-top:-6px;z-index:40;left:6px}.aurora .searchbar-icon:after{content:'search_aurora';line-height:13px}.aurora .searchbar-disable-button{font-size:14px;flex-shrink:0;transform:translate3d(0,0,0);transition-duration:.3s;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));display:none}.aurora .searchbar-disable-button.active-state{transition-duration:0s;opacity:.3!important}.aurora .searchbar-enabled .searchbar-disable-button{pointer-events:auto;opacity:1;margin-left:8px}.aurora .searchbar:not(.searchbar-enabled) .searchbar-disable-button{transition-duration:.3s!important}.aurora .searchbar-expandable{left:0;top:auto;bottom:0;opacity:0;width:100%;transform:translate3d(0,0%,0);overflow:hidden}.aurora .searchbar-expandable .searchbar-disable-button{margin-left:8px;opacity:1;display:block}.aurora .searchbar-expandable .searchbar-inner{height:var(--f7-searchbar-expandable-size)}.aurora .searchbar-expandable.searchbar-enabled{opacity:1;pointer-events:auto}:root{--f7-messages-content-bg-color:#fff;--f7-message-text-header-text-color:inherit;--f7-message-text-header-opacity:0.65;--f7-message-text-header-font-size:12px;--f7-message-text-footer-text-color:inherit;--f7-message-text-footer-opacity:0.65;--f7-message-text-footer-font-size:12px;--f7-message-bubble-line-height:1.2;--f7-message-header-font-size:12px;--f7-message-footer-font-size:11px;--f7-message-name-font-size:12px;--f7-message-name-font-weight:inherit;--f7-message-typing-indicator-bg-color:#000;--f7-message-avatar-border-radius:50%;--f7-messages-title-font-weight:inherit;--f7-message-sent-text-color:#fff;--f7-message-received-bg-color:#e5e5ea;--f7-message-received-text-color:#000}:root .theme-dark,:root.theme-dark{--f7-messages-content-bg-color:transparent;--f7-message-received-bg-color:#333;--f7-message-received-text-color:#fff;--f7-message-typing-indicator-bg-color:#fff}.ios{--f7-messages-title-text-color:rgba(0, 0, 0, 0.45);--f7-messages-title-font-size:11px;--f7-message-header-text-color:rgba(0, 0, 0, 0.45);--f7-message-footer-text-color:rgba(0, 0, 0, 0.45);--f7-message-name-text-color:rgba(0, 0, 0, 0.45);--f7-message-avatar-size:29px;--f7-message-margin:10px;--f7-message-bubble-min-height:32px;--f7-message-bubble-font-size:17px;--f7-message-bubble-border-radius:16px;--f7-message-bubble-padding-vertical:6px;--f7-message-bubble-padding-horizontal:16px;--f7-message-typing-indicator-opacity:0.35}.md{--f7-messages-title-text-color:rgba(0, 0, 0, 0.51);--f7-messages-title-font-size:12px;--f7-message-header-text-color:rgba(0, 0, 0, 0.51);--f7-message-footer-text-color:rgba(0, 0, 0, 0.51);--f7-message-name-text-color:rgba(0, 0, 0, 0.51);--f7-message-avatar-size:32px;--f7-message-margin:16px;--f7-message-bubble-min-height:32px;--f7-message-bubble-font-size:16px;--f7-message-bubble-border-radius:4px;--f7-message-bubble-padding-vertical:6px;--f7-message-bubble-padding-horizontal:8px;--f7-message-typing-indicator-opacity:0.6}.md .theme-dark,.md.theme-dark{--f7-messages-title-text-color:rgba(255, 255, 255, 0.54);--f7-message-header-text-color:rgba(255, 255, 255, 0.54);--f7-message-name-text-color:rgba(255, 255, 255, 0.54);--f7-message-footer-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-messages-title-text-color:rgba(0, 0, 0, 0.51);--f7-messages-title-font-size:12px;--f7-message-header-text-color:rgba(0, 0, 0, 0.51);--f7-message-footer-text-color:rgba(0, 0, 0, 0.51);--f7-message-name-text-color:rgba(0, 0, 0, 0.51);--f7-message-avatar-size:24px;--f7-message-margin:10px;--f7-message-bubble-min-height:28px;--f7-message-bubble-font-size:13px;--f7-message-bubble-line-height:1.4;--f7-message-bubble-border-radius:14px;--f7-message-bubble-padding-vertical:5px;--f7-message-bubble-padding-horizontal:10px;--f7-message-typing-indicator-opacity:0.5}.aurora .theme-dark,.aurora.theme-dark{--f7-messages-title-text-color:rgba(255, 255, 255, 0.52);--f7-message-header-text-color:rgba(255, 255, 255, 0.52);--f7-message-name-text-color:rgba(255, 255, 255, 0.52);--f7-message-footer-text-color:rgba(255, 255, 255, 0.52)}.messages,.messages-content{background:var(--f7-messages-content-bg-color)}.messages{display:flex;flex-direction:column;min-height:100%;position:relative;z-index:1}.message,.messages-title{margin-top:var(--f7-message-margin)}.message:last-child,.messages-title:last-child{margin-bottom:var(--f7-message-margin)}.messages-title{text-align:center;width:100%;line-height:1;color:var(--f7-messages-title-text-color);font-size:var(--f7-messages-title-font-size);font-weight:var(--f7-messages-title-font-weight)}.message{max-width:70%;box-sizing:border-box;display:flex;align-items:flex-end;position:relative;z-index:1;transform:translate3d(0,0,0)}.message-avatar{border-radius:var(--f7-message-avatar-border-radius);position:relative;background-size:cover;align-self:flex-end;flex-shrink:0;width:var(--f7-message-avatar-size);height:var(--f7-message-avatar-size)}.message-content{position:relative;display:flex;flex-direction:column}.message-footer,.message-header,.message-name{line-height:1}.message-header{color:var(--f7-message-header-text-color);font-size:var(--f7-message-header-font-size)}.message-footer{color:var(--f7-message-footer-text-color);font-size:var(--f7-message-footer-font-size);margin-bottom:-1em}.message-name{color:var(--f7-message-name-text-color);font-size:var(--f7-message-name-font-size);font-weight:var(--f7-message-name-font-weight)}.message-bubble{box-sizing:border-box;word-break:break-word;display:flex;flex-direction:column;position:relative;line-height:var(--f7-message-bubble-line-height);font-size:var(--f7-message-bubble-font-size);border-radius:var(--f7-message-bubble-border-radius);padding:var(--f7-message-bubble-padding-vertical) var(--f7-message-bubble-padding-horizontal);min-height:var(--f7-message-bubble-min-height)}.message-image img{display:block;max-width:100%;height:auto;width:auto}.message-text-footer,.message-text-header{line-height:1}.message-text-header{color:var(--f7-message-text-header-text-color);opacity:var(--f7-message-text-header-opacity);font-size:var(--f7-message-text-header-font-size)}.message-text-footer{color:var(--f7-message-text-footer-text-color);opacity:var(--f7-message-text-footer-opacity);font-size:var(--f7-message-text-footer-font-size)}.message-text{text-align:left}.message-sent{text-align:right;flex-direction:row-reverse;align-self:flex-end}.message-sent .message-bubble{color:var(--f7-message-sent-text-color);background:var(--f7-message-sent-bg-color,var(--f7-theme-color))}.message-sent .message-content{align-items:flex-end}.message-sent.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0 var(--f7-message-bubble-border-radius)}.message-received{flex-direction:row}.message-received .message-bubble{color:var(--f7-message-received-text-color);background:var(--f7-message-received-bg-color)}.message-received .message-content{align-items:flex-start}.message-received.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0}.message:not(.message-last) .message-avatar{opacity:0}.message:not(.message-first) .message-name{display:none}.message.message-same-name .message-name{display:none}.message.message-same-header .message-header{display:none}.message.message-same-footer .message-footer{display:none}.message-appear-from-bottom{animation:message-appear-from-bottom .3s}.message-appear-from-top{animation:message-appear-from-top .3s}.message-typing-indicator{display:inline-block;font-size:0;vertical-align:middle}.message-typing-indicator>div{display:inline-block;position:relative;background:var(--f7-message-typing-indicator-bg-color);opacity:var(--f7-message-typing-indicator-opacity);vertical-align:middle;border-radius:50%}@keyframes message-appear-from-bottom{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}@keyframes message-appear-from-top{from{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,0,0)}}.ios .message-footer b,.ios .message-header b,.ios .message-name b,.ios .messages-title b{font-weight:600}.ios .message-header,.ios .message-name{margin-bottom:3px}.ios .message-footer{margin-top:3px}.ios .message-bubble{min-width:48px}.ios .message-image{margin:var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal))}.ios .message-image:first-child{margin-top:calc(-1 * var(--f7-message-bubble-padding-vertical))}.ios .message-image:first-child img{border-top-left-radius:var(--f7-message-bubble-border-radius);border-top-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-image:last-child{margin-bottom:calc(-1 * var(--f7-message-bubble-padding-vertical))}.ios .message-image:last-child img{border-bottom-left-radius:var(--f7-message-bubble-border-radius);border-bottom-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-text-header{margin-bottom:3px}.ios .message-text-footer{margin-top:3px}.ios .message-received{margin-left:calc(10px + var(--f7-safe-area-left))}.ios .message-received .message-footer,.ios .message-received .message-header,.ios .message-received .message-name{margin-left:var(--f7-message-bubble-padding-horizontal)}.ios .message-received .message-bubble{padding-left:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received .message-image{margin-left:calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px))}.ios .message-received.message-tail:not(.message-typing) .message-bubble{-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img{border-bottom-left-radius:0px}.ios .message-sent{margin-right:calc(10px + var(--f7-safe-area-right))}.ios .message-sent .message-footer,.ios .message-sent .message-header,.ios .message-sent .message-name{margin-right:var(--f7-message-bubble-padding-horizontal)}.ios .message-sent .message-bubble{padding-right:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent .message-image{margin-right:calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px))}.ios .message-sent.message-tail .message-bubble{-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent.message-tail .message-bubble .message-image:last-child img{border-bottom-right-radius:0px}.ios .message+.message:not(.message-first){margin-top:1px}.ios .message-received.message-typing .message-content:after,.ios .message-received.message-typing .message-content:before{content:'';position:absolute;background:var(--f7-message-received-bg-color);border-radius:50%}.ios .message-received.message-typing .message-content:after{width:11px;height:11px;left:4px;bottom:0px}.ios .message-received.message-typing .message-content:before{width:6px;height:6px;left:-1px;bottom:-4px}.ios .message-typing-indicator>div{width:9px;height:9px}.ios .message-typing-indicator>div+div{margin-left:4px}.ios .message-typing-indicator>div:nth-child(1){animation:ios-message-typing-indicator .9s infinite}.ios .message-typing-indicator>div:nth-child(2){animation:ios-message-typing-indicator .9s 150ms infinite}.ios .message-typing-indicator>div:nth-child(3){animation:ios-message-typing-indicator .9s .3s infinite}@keyframes ios-message-typing-indicator{0%{opacity:.35}25%{opacity:.2}50%{opacity:.2}}.md .message-footer b,.md .message-header b,.md .message-name b,.md .messages-title b{font-weight:500}.md .message-header,.md .message-name{margin-bottom:2px}.md .message-footer{margin-top:2px}.md .message-text-header{margin-bottom:4px}.md .message-text-footer{margin-top:4px}.md .message-received.message-tail .message-bubble:before,.md .message-sent.message-tail .message-bubble:before{position:absolute;content:'';bottom:0;width:0;height:0}.md .message-received{margin-left:calc(8px + var(--f7-safe-area-left))}.md .message-received .message-avatar+.message-content{margin-left:var(--f7-message-bubble-padding-horizontal)}.md .message-received.message-tail .message-bubble:before{border-left:8px solid transparent;border-right:0 solid transparent;border-bottom:8px solid var(--f7-message-received-bg-color);right:100%}.md .message-sent{margin-right:calc(8px + var(--f7-safe-area-right))}.md .message-sent .message-avatar+.message-content{margin-right:var(--f7-message-bubble-padding-horizontal)}.md .message-sent.message-tail .message-bubble:before{border-left:0 solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--f7-message-sent-bg-color,var(--f7-theme-color));left:100%}.md .message+.message:not(.message-first){margin-top:8px}.md .message-typing-indicator>div{width:6px;height:6px}.md .message-typing-indicator>div+div{margin-left:6px}.md .message-typing-indicator>div:nth-child(1){animation:md-message-typing-indicator .9s infinite}.md .message-typing-indicator>div:nth-child(2){animation:md-message-typing-indicator .9s 150ms infinite}.md .message-typing-indicator>div:nth-child(3){animation:md-message-typing-indicator .9s .3s infinite}@keyframes md-message-typing-indicator{0%{transform:translateY(0%)}25%{transform:translateY(-5px)}50%{transform:translateY(0%)}}.aurora .message-footer b,.aurora .message-header b,.aurora .message-name b,.aurora .messages-title b{font-weight:500}.aurora .message-header,.aurora .message-name{margin-bottom:2px}.aurora .message-footer{margin-top:2px}.aurora .message-text-header{margin-bottom:2px}.aurora .message-text-footer{margin-top:2px}.aurora .message-received.message-tail .message-bubble:before,.aurora .message-sent.message-tail .message-bubble:before{position:absolute;content:'';bottom:0;width:0;height:0}.aurora .message-image{margin:var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal) + 4px)}.aurora .message-image:first-child{margin-top:calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px)}.aurora .message-image:first-child img{border-top-left-radius:var(--f7-message-bubble-border-radius);border-top-right-radius:var(--f7-message-bubble-border-radius)}.aurora .message-image:last-child{margin-bottom:calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px)}.aurora .message-image:last-child img{border-bottom-left-radius:var(--f7-message-bubble-border-radius);border-bottom-right-radius:var(--f7-message-bubble-border-radius)}.aurora .message-received{margin-left:calc(15px + var(--f7-safe-area-left))}.aurora .message-received .message-avatar+.message-content{margin-left:5px}.aurora .message-received .message-footer,.aurora .message-received .message-header,.aurora .message-received .message-name{margin-left:var(--f7-message-bubble-padding-horizontal)}.aurora .message-received.message-tail .message-bubble:before{border-left:6px solid transparent;border-right:0 solid transparent;border-bottom:6px solid var(--f7-message-received-bg-color);right:100%;transform:translate(2px,0px) rotate(-15deg);transform-origin:right bottom}.aurora .message-sent{margin-right:calc(15px + var(--f7-safe-area-right))}.aurora .message-sent .message-avatar+.message-content{margin-right:5px}.aurora .message-sent .message-footer,.aurora .message-sent .message-header,.aurora .message-sent .message-name{margin-right:var(--f7-message-bubble-padding-horizontal)}.aurora .message-sent.message-tail .message-bubble:before{border-left:0 solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--f7-message-sent-bg-color,var(--f7-theme-color));left:100%;transform:translate(-2px,0px) rotate(15deg);transform-origin:left bottom}.aurora .message+.message:not(.message-first){margin-top:5px}.aurora .message-typing-indicator>div{width:6px;height:6px}.aurora .message-typing-indicator>div+div{margin-left:4px}.aurora .message-typing-indicator>div:nth-child(1){animation:aurora-message-typing-indicator .9s infinite}.aurora .message-typing-indicator>div:nth-child(2){animation:aurora-message-typing-indicator .9s 150ms infinite}.aurora .message-typing-indicator>div:nth-child(3){animation:aurora-message-typing-indicator .9s .3s infinite}@keyframes aurora-message-typing-indicator{0%{transform:translateY(0%)}50%{transform:translateY(-5px)}100%{transform:translateY(0%)}}:root{--f7-messagebar-bg-color:#fff;--f7-messagebar-bg-color-rgb:255,255,255;--f7-messagebar-shadow-image:none;--f7-messagebar-textarea-bg-color:transparent;--f7-messagebar-attachments-height:155px;--f7-messagebar-attachment-height:155px;--f7-messagebar-attachment-landscape-height:120px;--f7-messagebar-sheet-height:252px;--f7-messagebar-sheet-landscape-height:192px}:root .theme-dark,:root.theme-dark{--f7-messagebar-bg-color:var(--f7-bars-bg-color);--f7-messagebar-bg-color-rgb:var(--f7-bars-bg-color-rgb)}.ios{--f7-messagebar-height:44px;--f7-messagebar-font-size:17px;--f7-messagebar-border-color:transparent;--f7-messagebar-textarea-border-radius:17px;--f7-messagebar-textarea-padding:6px 15px;--f7-messagebar-textarea-height:34px;--f7-messagebar-textarea-text-color:#000;--f7-messagebar-textarea-font-size:17px;--f7-messagebar-textarea-line-height:20px;--f7-messagebar-textarea-border:1px solid #c8c8cd;--f7-messagebar-sheet-bg-color:#d1d5da;--f7-messagebar-attachments-border-color:#c8c8cd;--f7-messagebar-attachment-border-radius:12px}.ios .theme-dark,.ios.theme-dark{--f7-messagebar-textarea-text-color:#fff;--f7-messagebar-textarea-border:1px solid var(--f7-bars-border-color);--f7-messagebar-attachments-border-color:var(--f7-bars-border-color)}.md{--f7-messagebar-height:48px;--f7-messagebar-font-size:16px;--f7-messagebar-link-color:#333;--f7-messagebar-border-color:#d1d1d1;--f7-messagebar-textarea-border-radius:0px;--f7-messagebar-textarea-padding:5px 8px;--f7-messagebar-textarea-height:32px;--f7-messagebar-textarea-text-color:#333;--f7-messagebar-textarea-font-size:16px;--f7-messagebar-textarea-line-height:22px;--f7-messagebar-textarea-border:1px solid transparent;--f7-messagebar-sheet-bg-color:#fff;--f7-messagebar-attachments-border-color:#ddd;--f7-messagebar-attachment-border-radius:4px}.md .theme-dark,.md.theme-dark{--f7-messagebar-border-color:rgba(255, 255, 255, 0.15);--f7-messagebar-link-color:rgba(255, 255, 255, 0.87);--f7-messagebar-textarea-text-color:rgba(255, 255, 255, 0.87);--f7-messagebar-attachments-border-color:rgba(255, 255, 255, 0.2)}.aurora{--f7-messagebar-height:38px;--f7-messagebar-font-size:14px;--f7-messagebar-border-color:transparent;--f7-messagebar-textarea-border-radius:12px;--f7-messagebar-textarea-padding:3px 10px;--f7-messagebar-textarea-height:24px;--f7-messagebar-textarea-text-color:#000;--f7-messagebar-textarea-font-size:13px;--f7-messagebar-textarea-line-height:16px;--f7-messagebar-textarea-border:1px solid #c8c8cd;--f7-messagebar-sheet-bg-color:#fff;--f7-messagebar-attachments-border-color:#c8c8cd;--f7-messagebar-attachment-border-radius:12px}.aurora .theme-dark,.aurora.theme-dark{--f7-messagebar-textarea-text-color:#fff;--f7-messagebar-textarea-border:1px solid var(--f7-bars-border-color);--f7-messagebar-attachments-border-color:var(--f7-bars-border-color)}.messagebar{transform:translate3d(0,0,0);background:var(--f7-messagebar-bg-color);height:auto;min-height:var(--f7-messagebar-height);font-size:var(--f7-messagebar-font-size);padding-bottom:var(--f7-safe-area-bottom);bottom:0}.messagebar:before{content:'';position:absolute;background-color:var(--f7-messagebar-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.messagebar:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-messagebar-shadow-image)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .messagebar{background-color:rgba(var(--f7-messagebar-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.messagebar.no-border:before,.messagebar.no-hairline:before{display:none!important}.messagebar.no-shadow:after,.messagebar.toolbar-hidden:after{display:none!important}.messagebar .toolbar-inner{top:auto;position:relative;height:auto;bottom:auto;padding-left:calc(var(--f7-messagebar-inner-padding-left,var(--f7-toolbar-inner-padding-left)) + var(--f7-safe-area-left));padding-right:calc(var(--f7-messagebar-inner-padding-right,var(--f7-toolbar-inner-padding-right)) + var(--f7-safe-area-right))}.messagebar.messagebar-sheet-visible>.toolbar-inner{bottom:0}.messagebar .messagebar-area{width:100%;flex-shrink:1;overflow:hidden;position:relative}.messagebar textarea{width:100%;flex-shrink:1;background-color:var(--f7-messagebar-textarea-bg-color);border-radius:var(--f7-messagebar-textarea-border-radius);padding:var(--f7-messagebar-textarea-padding);height:var(--f7-messagebar-textarea-height);color:var(--f7-messagebar-textarea-text-color);font-size:var(--f7-messagebar-textarea-font-size);line-height:var(--f7-messagebar-textarea-line-height);border:var(--f7-messagebar-textarea-border)}.messagebar a.link{align-self:flex-end;flex-shrink:0;color:var(--f7-messagebar-link-color,var(--f7-theme-color))}.messagebar-attachments{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;font-size:0;white-space:nowrap;box-sizing:border-box;position:relative}.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments{display:none}.messagebar-attachment{background-size:cover;background-position:center;background-repeat:no-repeat;display:inline-block;vertical-align:middle;white-space:normal;height:var(--f7-messagebar-attachment-height);position:relative;border-radius:var(--f7-messagebar-attachment-border-radius)}@media (orientation:landscape){.messagebar-attachment{height:var(--f7-messagebar-attachment-landscape-height)}}.messagebar-attachment img{display:block;width:auto;height:100%;border-radius:var(--f7-messagebar-attachment-border-radius)}.messagebar-attachment+.messagebar-attachment{margin-left:8px}.messagebar-sheet{overflow:auto;-webkit-overflow-scrolling:touch;display:flex;flex-wrap:wrap;flex-direction:column;align-content:flex-start;height:var(--f7-messagebar-sheet-height);background-color:var(--f7-messagebar-sheet-bg-color);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}@media (orientation:landscape){.messagebar-sheet{height:var(--f7-messagebar-sheet-landscape-height)}}.messagebar-sheet-image,.messagebar-sheet-item{box-sizing:border-box;flex-shrink:0;margin-top:1px;position:relative;overflow:hidden;height:calc((var(--f7-messagebar-sheet-height) - 2px)/ 2);width:calc((var(--f7-messagebar-sheet-height) - 2px)/ 2);margin-left:1px}@media (orientation:landscape){.messagebar-sheet-image,.messagebar-sheet-item{width:calc((var(--f7-messagebar-sheet-landscape-height) - 2px)/ 2);height:calc((var(--f7-messagebar-sheet-landscape-height) - 2px)/ 2)}}.messagebar-sheet-image .icon-checkbox,.messagebar-sheet-image .icon-radio,.messagebar-sheet-item .icon-checkbox,.messagebar-sheet-item .icon-radio{position:absolute;right:8px;bottom:8px}.messagebar-sheet-image{background-size:cover;background-position:center;background-repeat:no-repeat}.messagebar-attachment-delete{display:block;position:absolute;border-radius:50%;box-sizing:border-box;cursor:pointer;box-shadow:0px 0px 2px rgba(0,0,0,.2)}.messagebar-attachment-delete:after,.messagebar-attachment-delete:before{position:absolute;content:'';left:50%;top:50%}.messagebar-attachment-delete:after{transform:rotate(45deg)}.messagebar-attachment-delete:before{transform:rotate(-45deg)}.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet{display:none}.messagebar~*{--f7-page-toolbar-bottom-offset:var(--f7-messagebar-height)}.ios .messagebar a.link.icon-only:first-child{margin-left:-8px}.ios .messagebar a.link.icon-only:last-child{margin-right:-8px}.ios .messagebar a.link:not(.icon-only)+.messagebar-area{margin-left:8px}.ios .messagebar .messagebar-area+a.link:not(.icon-only){margin-left:8px}.ios .messagebar-area{margin-top:5px;margin-bottom:5px}.ios .messagebar-attachments{padding:5px;border-radius:var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0;border:1px solid var(--f7-messagebar-attachments-border-color);border-bottom:none}.ios .messagebar-attachments-visible .messagebar-attachments+textarea{border-radius:0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius)}.ios .messagebar-attachment{font-size:14px}.ios .messagebar-attachment-delete{right:5px;top:5px;width:20px;height:20px;background:#7d7e80;border:2px solid #fff}.ios .messagebar-attachment-delete:after,.ios .messagebar-attachment-delete:before{width:10px;height:2px;background:#fff;margin-left:-5px;margin-top:-1px}.md .messagebar-attachments{padding:8px;border-bottom:1px solid var(--f7-messagebar-attachments-border-color)}.md .messagebar-area{margin-top:8px;margin-bottom:8px}.md .messagebar-sheet-image .icon-checkbox,.md .messagebar-sheet-item .icon-checkbox{border-color:#fff;background:rgba(255,255,255,.25);box-shadow:0px 0px 10px rgba(0,0,0,.5)}.md .messagebar-attachment-delete{right:8px;top:8px;width:24px;height:24px;background-color:var(--f7-theme-color);border-radius:4px}.md .messagebar-attachment-delete:after,.md .messagebar-attachment-delete:before{width:14px;height:2px;background:#fff;margin-left:-7px;margin-top:-1px}.aurora .messagebar a.link+.messagebar-area{margin-left:5px}.aurora .messagebar .messagebar-area+a.link{margin-left:5px}.aurora .messagebar-area{margin-top:5px;margin-bottom:5px}.aurora .messagebar-sheet-image .icon-checkbox,.aurora .messagebar-sheet-item .icon-checkbox{background:rgba(255,255,255,.25)}.aurora .messagebar-attachments{padding:5px;border-radius:var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0;border:1px solid var(--f7-messagebar-attachments-border-color);border-bottom:none}.aurora .messagebar-attachments-visible .messagebar-attachments+textarea{border-radius:0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius)}.aurora .messagebar-attachment{font-size:14px}.aurora .messagebar-attachment-delete{right:5px;top:5px;width:14px;height:14px;background:grey}.aurora .messagebar-attachment-delete:after,.aurora .messagebar-attachment-delete:before{width:8px;height:1px;background:#fff;margin-left:-4px;margin-top:-1px}.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{touch-action:pan-x}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;line-height:44px;text-align:center;margin-top:-22px;z-index:10;cursor:pointer;color:var(--f7-theme-color)}.swiper-button-next:after,.swiper-button-prev:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;font-size:44px}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'swiper_prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'swiper_next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--f7-theme-color)}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--f7-theme-color);position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.preloader.swiper-lazy-preloader{position:absolute;left:50%;top:50%;z-index:10;width:32px;height:32px;margin-left:-16px;margin-top:-16px}:root{--f7-photobrowser-bg-color:#fff;--f7-photobrowser-bars-bg-image:none;--f7-photobrowser-caption-font-size:14px;--f7-photobrowser-caption-light-text-color:#000;--f7-photobrowser-caption-light-bg-color:rgba(255, 255, 255, 0.8);--f7-photobrowser-caption-dark-text-color:#fff;--f7-photobrowser-caption-dark-bg-color:rgba(0, 0, 0, 0.8);--f7-photobrowser-exposed-bg-color:#000;--f7-photobrowser-dark-bg-color:#000;--f7-photobrowser-dark-bars-bg-color:rgba(27, 27, 27, 0.8);--f7-photobrowser-dark-bars-text-color:#fff;--f7-photobrowser-dark-bars-link-color:#fff}.photo-browser{position:absolute;left:0;top:0;width:100%;height:100%;z-index:400}.photo-browser-standalone.modal-in{transition-duration:0s;animation:photo-browser-in .4s}.photo-browser-standalone.modal-out{transition-duration:0s;animation:photo-browser-out .4s}.photo-browser-standalone.modal-out.swipe-close-to-bottom,.photo-browser-standalone.modal-out.swipe-close-to-top{animation:none}.photo-browser-popup.modal-out.swipe-close-to-bottom,.photo-browser-popup.modal-out.swipe-close-to-top{transition-duration:.3s}.photo-browser-popup.modal-out.swipe-close-to-bottom{transform:translate3d(0,100%,0)}.photo-browser-popup.modal-out.swipe-close-to-top{transform:translate3d(0,-100vh,0)}.photo-browser-page{background:0 0}.photo-browser-page .toolbar{transform:none}.photo-browser-popup{background:0 0}.photo-browser-of{margin:0 5px}.photo-browser-captions{pointer-events:none;position:absolute;left:0;width:100%;bottom:var(--f7-safe-area-bottom);z-index:10;opacity:1;transition:.4s}.photo-browser-captions.photo-browser-captions-exposed{opacity:0}.toolbar~.photo-browser-captions{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom));transform:translate3d(0,0px,0)}.toolbar~.photo-browser-captions.photo-browser-captions-exposed{transform:translate3d(0,0px,0)}.photo-browser-caption{box-sizing:border-box;transition:.3s;position:absolute;bottom:0;left:0;opacity:0;padding:4px 5px;width:100%;text-align:center;font-size:var(--f7-photobrowser-caption-font-size)}.photo-browser-caption:empty{display:none}.photo-browser-caption.photo-browser-caption-active{opacity:1}.photo-browser-captions-light .photo-browser-caption{color:var(--f7-photobrowser-caption-light-text-color);background:var(--f7-photobrowser-caption-light-bg-color)}.photo-browser-captions-dark .photo-browser-caption{color:var(--f7-photobrowser-caption-dark-text-color);background:var(--f7-photobrowser-caption-dark-bg-color)}.photo-browser-swiper-container{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:var(--f7-photobrowser-bg-color);transition:.4s;transition-property:background-color}.photo-browser-next.swiper-button-disabled,.photo-browser-prev.swiper-button-disabled{opacity:.3;pointer-events:none}.photo-browser-slide{width:100%;height:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-shrink:0;box-sizing:border-box}.photo-browser-slide.photo-browser-transitioning{transition:.4s;transition-property:transform}.photo-browser-slide span.swiper-zoom-container{display:none}.photo-browser-slide img{width:auto;height:auto;max-width:100%;max-height:100%;display:none}.photo-browser-slide.swiper-slide-active span.swiper-zoom-container,.photo-browser-slide.swiper-slide-next span.swiper-zoom-container,.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container{display:flex}.photo-browser-slide.swiper-slide-active img,.photo-browser-slide.swiper-slide-next img,.photo-browser-slide.swiper-slide-prev img{display:inline}.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader{display:block}.photo-browser-slide iframe{width:100%;height:100%}.photo-browser-slide .preloader{display:none;position:absolute;width:42px;height:42px;margin-left:-21px;margin-top:-21px;left:50%;top:50%}.navbar-inner-photo-browser .navbar-bg,.photo-browser-page .navbar-bg,.photo-browser-page .toolbar{background-color:var(--f7-photobrowser-bars-bg-color,rgba(var(--f7-bars-bg-color-rgb),.95));background-image:var(--f7-photobrowser-bars-bg-image)}.photo-browser-page .navbar,.photo-browser-page .toolbar{transition:.4s;color:var(--f7-photobrowser-bars-text-color,var(--f7-bars-text-color))}.photo-browser-page .navbar a,.photo-browser-page .toolbar a{color:var(--f7-photobrowser-bars-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.photo-browser-exposed .navbar,.photo-browser-exposed .toolbar{opacity:0;visibility:hidden;pointer-events:none}.photo-browser-exposed .toolbar~.photo-browser-captions{transform:translate3d(0,var(--f7-toolbar-height),0)}.photo-browser-exposed .photo-browser-swiper-container{background:var(--f7-photobrowser-exposed-bg-color)}.photo-browser-exposed .photo-browser-caption{color:var(--f7-photobrowser-caption-dark-text-color);background:var(--f7-photobrowser-caption-dark-bg-color)}.view.with-photo-browser-page-exposed .navbar{opacity:0;pointer-events:none}.navbar-inner-photo-browser-dark .navbar-bg,.photo-browser-page-dark .navbar-bg,.photo-browser-page-dark .toolbar{background:var(--f7-photobrowser-dark-bars-bg-color)}.navbar-inner-photo-browser-dark .navbar-bg:before,.photo-browser-page-dark .navbar-bg:before,.photo-browser-page-dark .toolbar:before{display:none!important}.navbar-inner-photo-browser-dark .navbar-bg:after,.photo-browser-page-dark .navbar-bg:after,.photo-browser-page-dark .toolbar:after{display:none!important}.navbar-inner-photo-browser-dark,.photo-browser-dark .navbar,.photo-browser-dark .toolbar,.photo-browser-dark-page .navbar,.photo-browser-dark-page .toolbar{--f7-touch-ripple-color:var(--f7-touch-ripple-white);--f7-link-highlight-color:var(--f7-link-highlight-white);color:var(--f7-photobrowser-dark-bars-text-color)}.navbar-inner-photo-browser-dark a,.photo-browser-dark .navbar a,.photo-browser-dark .toolbar a,.photo-browser-dark-page .navbar a,.photo-browser-dark-page .toolbar a{color:var(--f7-photobrowser-dark-bars-link-color)}.photo-browser-dark .photo-browser-swiper-container,.photo-browser-page-dark .photo-browser-swiper-container{background:var(--f7-photobrowser-dark-bg-color)}@keyframes photo-browser-in{0%{transform:translate3d(0,0,0) scale(.5);opacity:0}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(1);opacity:1}}@keyframes photo-browser-out{0%{transform:translate3d(0,0,0) scale(1);opacity:1}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(.5);opacity:0}}:root{--f7-notification-max-width:568px;--f7-notification-subtitle-text-transform:none;--f7-notification-subtitle-line-height:1.35;--f7-notification-text-text-transform:none;--f7-notification-text-font-weight:400}.ios{--f7-notification-margin:8px;--f7-notification-padding:10px;--f7-notification-border-radius:12px;--f7-notification-box-shadow:0px 5px 25px -10px rgba(0, 0, 0, 0.7);--f7-notification-bg-color:rgba(250, 250, 250, 0.95);--f7-notification-bg-color-rgb:255,255,255;--f7-notification-icon-size:20px;--f7-notification-title-color:#000;--f7-notification-title-font-size:13px;--f7-notification-title-text-transform:uppercase;--f7-notification-title-line-height:1.4;--f7-notification-title-font-weight:400;--f7-notification-title-letter-spacing:0.02em;--f7-notification-title-right-color:#444a51;--f7-notification-title-right-font-size:13px;--f7-notification-subtitle-color:#000;--f7-notification-subtitle-font-size:15px;--f7-notification-subtitle-font-weight:600;--f7-notification-text-color:#000;--f7-notification-text-font-size:15px;--f7-notification-text-line-height:1.2}.md{--f7-notification-margin:0px;--f7-notification-padding:16px;--f7-notification-border-radius:0px;--f7-notification-box-shadow:0 2px 4px rgba(0, 0, 0, 0.22),0 1px 2px rgba(0, 0, 0, 0.24);--f7-notification-bg-color:#fff;--f7-notification-icon-size:16px;--f7-notification-title-color:var(--f7-theme-color);--f7-notification-title-font-size:12px;--f7-notification-title-text-transform:none;--f7-notification-title-line-height:1;--f7-notification-title-font-weight:400;--f7-notification-title-right-color:#757575;--f7-notification-title-right-font-size:12px;--f7-notification-subtitle-color:#212121;--f7-notification-subtitle-font-size:14px;--f7-notification-subtitle-font-weight:400;--f7-notification-text-color:#757575;--f7-notification-text-font-size:14px;--f7-notification-text-line-height:1.35}.aurora{--f7-notification-margin:10px;--f7-notification-padding:10px;--f7-notification-border-radius:4px;--f7-notification-box-shadow:0px 5px 25px -10px rgba(0, 0, 0, 0.7);--f7-notification-bg-color:#fff;--f7-notification-icon-size:18px;--f7-notification-title-color:#000;--f7-notification-title-font-size:13px;--f7-notification-title-text-transform:uppercase;--f7-notification-title-line-height:1.4;--f7-notification-title-font-weight:500;--f7-notification-title-letter-spacing:0.02em;--f7-notification-title-right-color:rgba(255, 255, 255, 0.6);--f7-notification-title-right-font-size:13px;--f7-notification-subtitle-color:#000;--f7-notification-subtitle-font-size:12px;--f7-notification-subtitle-font-weight:600;--f7-notification-text-color:#000;--f7-notification-text-font-size:12px;--f7-notification-text-line-height:1.2}.notification{--f7-link-highlight-color:var(--f7-link-highlight-black);--f7-touch-ripple-color:var(--f7-touch-ripple-black);position:absolute;left:var(--f7-notification-margin);top:var(--f7-notification-margin);width:calc(100% - var(--f7-notification-margin) * 2);z-index:20000;font-size:14px;margin:0;border:none;display:none;box-sizing:border-box;transition-property:transform;direction:ltr;max-width:var(--f7-notification-max-width);padding:var(--f7-notification-padding);border-radius:var(--f7-notification-border-radius);box-shadow:var(--f7-notification-box-shadow);background:var(--f7-notification-bg-color);margin-top:var(--f7-safe-area-top)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .notification{background-color:rgba(var(--f7-notification-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}@media (min-width:568px){.notification{left:50%;width:var(--f7-notification-max-width);margin-left:calc(-1 * var(--f7-notification-max-width)/ 2)}}.notification-title{color:var(--f7-notification-title-color,var(--f7-theme-color));font-size:var(--f7-notification-title-font-size);text-transform:var(--f7-notification-title-text-transform);line-height:var(--f7-notification-title-line-height);font-weight:var(--f7-notification-title-font-weight);letter-spacing:var(--f7-notification-title-letter-spacing)}.notification-subtitle{color:var(--f7-notification-subtitle-color);font-size:var(--f7-notification-subtitle-font-size);text-transform:var(--f7-notification-subtitle-text-transform);line-height:var(--f7-notification-subtitle-line-height);font-weight:var(--f7-notification-subtitle-font-weight)}.notification-text{color:var(--f7-notification-text-color);font-size:var(--f7-notification-text-font-size);text-transform:var(--f7-notification-text-text-transform);line-height:var(--f7-notification-text-line-height);font-weight:var(--f7-notification-text-font-weight)}.notification-title-right-text{color:var(--f7-notification-title-right-color);font-size:var(--f7-notification-title-right-font-size)}.notification-icon{font-size:0;line-height:var(--f7-notification-icon-size)}.notification-icon,.notification-icon i{width:var(--f7-notification-icon-size)!important;height:var(--f7-notification-icon-size)!important}.notification-icon i{font-size:var(--f7-notification-icon-size)}.notification-header{display:flex;justify-content:flex-start;align-items:center}.notification-close-button{margin-left:auto;cursor:pointer;position:relative}.notification-close-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";display:block;width:100%;height:100%;font-size:20px;position:absolute;left:50%;top:50%;text-align:center}.ios .notification{transition-duration:450ms;transform:translate3d(0%,-200%,0)}.ios .notification.modal-in{transform:translate3d(0%,0%,0);opacity:1}.ios .notification.modal-out{transform:translate3d(0%,-200%,0)}.ios .notification-icon{margin-right:8px}.ios .notification-header+.notification-content{margin-top:10px}.ios .notification-title-right-text{margin-right:6px;margin-left:auto}.ios .notification-title-right-text+.notification-close-button{margin-left:10px}.ios .notification-close-button{font-size:14px;width:20px;height:20px;opacity:.3;transition-duration:.3s}.ios .notification-close-button.active-state{transition-duration:0s;opacity:.1}.ios .notification-close-button:after{color:#000;content:'notification_close_ios';font-size:.65em;line-height:44px;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.md .notification{transform:translate3d(0,-150%,0)}.md .notification.modal-in{transition-duration:0s;animation:notification-md-in .4s ease-out;transform:translate3d(0,0%,0)}.md .notification.modal-in.notification-transitioning{transition-duration:.2s}.md .notification.modal-out{animation:none;transition-duration:.2s;transition-timing-function:ease-in;transform:translate3d(0,-150%,0)}.md .notification-icon{margin-right:8px}.md .notification-subtitle+.notification-text{margin-top:2px}.md .notification-header+.notification-content{margin-top:6px}.md .notification-title-right-text{margin-left:4px}.md .notification-title-right-text:before{content:'';width:3px;height:3px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:4px;background:var(--f7-notification-title-right-color)}.md .notification-close-button{width:16px;height:16px;transition-duration:.3s}.md .notification-close-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .notification-close-button.active-state:before{opacity:1;transition-duration:150ms}.md .notification-close-button:after,.md .notification-close-button:before{width:48px;height:48px;left:50%;top:50%;margin-left:-24px;margin-top:-24px}.md .notification-close-button:after{color:#737373;content:'delete_md';line-height:48px;font-size:14px}@keyframes notification-md-in{0%{transform:translate3d(0,-150%,0)}50%{transform:translate3d(0,10%,0)}100%{transform:translate3d(0,0%,0)}}.aurora .notification{transition-duration:450ms;transform:translate3d(0%,-200%,0)}.aurora .notification.modal-in{transform:translate3d(0%,0%,0);opacity:1}.aurora .notification.modal-out{transform:translate3d(0%,-200%,0)}.aurora .notification-icon{margin-right:10px}.aurora .notification-header+.notification-content{margin-top:10px}.aurora .notification-title-right-text{margin-right:0px;margin-left:auto}.aurora .notification-title-right-text+.notification-close-button{margin-left:10px}.aurora .notification-close-button{font-size:14px;width:16px;height:16px;opacity:.4;transition-duration:.3s}.aurora .notification-close-button.active-state{transition-duration:0s;opacity:.6}.aurora .notification-close-button:after{color:#000;content:'notification_close_ios';font-size:.5em;line-height:38px;width:38px;height:38px;margin-left:-19px;margin-top:-19px}:root{--f7-autocomplete-dropdown-bg-color:#fff;--f7-autocomplete-dropdown-placeholder-color:#a9a9a9;--f7-autocomplete-dropdown-preloader-size:20px}.ios{--f7-autocomplete-dropdown-box-shadow:0px 3px 3px rgba(0, 0, 0, 0.2);--f7-autocomplete-dropdown-text-color:#000;--f7-autocomplete-dropdown-text-matching-color:#000;--f7-autocomplete-dropdown-text-matching-font-weight:600;--f7-autocomplete-dropdown-font-size:var(--f7-list-font-size)}.ios .theme-dark,.ios.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1d;--f7-autocomplete-dropdown-text-color:#fff;--f7-autocomplete-dropdown-text-matching-color:#fff}.md{--f7-autocomplete-dropdown-box-shadow:0 2px 2px rgba(0, 0, 0, 0.25);--f7-autocomplete-dropdown-text-color:rgba(0, 0, 0, 0.54);--f7-autocomplete-dropdown-text-matching-color:#212121;--f7-autocomplete-dropdown-text-matching-font-weight:400;--f7-autocomplete-dropdown-font-size:var(--f7-list-font-size)}.md .theme-dark,.md.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1d;--f7-autocomplete-dropdown-text-color:rgba(255, 255, 255, 0.54);--f7-autocomplete-dropdown-text-matching-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-autocomplete-dropdown-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);--f7-autocomplete-dropdown-text-color:#000;--f7-autocomplete-dropdown-text-matching-color:#000;--f7-autocomplete-dropdown-text-matching-font-weight:700;--f7-autocomplete-dropdown-font-size:13px}.aurora .theme-dark,.aurora.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1c;--f7-autocomplete-dropdown-text-color:#fff;--f7-autocomplete-dropdown-text-matching-color:#fff}.autocomplete-page .autocomplete-found{display:block}.autocomplete-page .autocomplete-not-found{display:none}.autocomplete-page .autocomplete-values{display:block}.autocomplete-page .list ul:empty{display:none}.autocomplete-preloader:not(.autocomplete-preloader-visible){visibility:hidden}.autocomplete-preloader:not(.autocomplete-preloader-visible),.autocomplete-preloader:not(.autocomplete-preloader-visible) *{animation:none}.autocomplete-dropdown{background:var(--f7-autocomplete-dropdown-bg-color);box-shadow:var(--f7-autocomplete-dropdown-box-shadow);box-sizing:border-box;position:absolute;z-index:500;width:100%;left:0}.autocomplete-dropdown .autocomplete-dropdown-inner{position:relative;overflow:auto;-webkit-overflow-scrolling:touch;height:100%;z-index:1}.autocomplete-dropdown .autocomplete-preloader{display:none;position:absolute;bottom:100%;width:var(--f7-autocomplete-dropdown-preloader-size);height:var(--f7-autocomplete-dropdown-preloader-size)}.autocomplete-dropdown .autocomplete-preloader-visible{display:block}.autocomplete-dropdown .autocomplete-dropdown-placeholder{color:var(--f7-autocomplete-dropdown-placeholder-color)}.autocomplete-dropdown .list{margin:0;color:var(--f7-autocomplete-dropdown-text-color);font-size:var(--f7-autocomplete-dropdown-font-size)}.autocomplete-dropdown .list b{color:var(--f7-autocomplete-dropdown-text-matching-color);font-weight:var(--f7-autocomplete-dropdown-text-matching-font-weight)}.autocomplete-dropdown .list ul{background:0 0!important}.autocomplete-dropdown .list ul:before{display:none!important}.autocomplete-dropdown .list ul:after{display:none!important}.autocomplete-dropdown .autocomplete-dropdown-selected{background:var(--f7-autocomplete-dropdown-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}.searchbar-input-wrap .autocomplete-dropdown{background-color:var(--f7-searchbar-input-bg-color,var(--f7-searchbar-bg-color));border-radius:var(--f7-searchbar-input-border-radius)}.searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder{color:var(--f7-searchbar-placeholder-color)}.searchbar-input-wrap .autocomplete-dropdown li:last-child{border-radius:0 0 var(--f7-searchbar-input-border-radius) var(--f7-searchbar-input-border-radius);position:relative;overflow:hidden}.searchbar-input-wrap .autocomplete-dropdown .item-content{padding-left:var(--f7-searchbar-input-padding-horizontal)}.list .item-content-dropdown-expanded .item-title.item-label{width:0;flex-shrink:10;overflow:hidden}.list .item-content-dropdown-expanded .item-title.item-label+.item-input-wrap{margin-left:0}.list .item-content-dropdown-expanded .item-input-wrap{width:100%}.ios .autocomplete-dropdown .autocomplete-preloader{right:15px;margin-bottom:12px}.ios .searchbar-input-wrap .autocomplete-dropdown{margin-top:calc(-1 * var(--f7-searchbar-input-height));top:100%;z-index:20}.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner{padding-top:var(--f7-searchbar-input-height)}.md .autocomplete-page .navbar .autocomplete-preloader{margin-right:8px}.md .autocomplete-popup .navbar .autocomplete-preloader{margin-left:8px;margin-right:16px}.md .autocomplete-dropdown .autocomplete-preloader{right:16px;margin-bottom:8px}.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-gap,.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle{border-width:3px}.aurora .autocomplete-dropdown .autocomplete-preloader{right:15px;margin-bottom:2px}.aurora .searchbar-input-wrap .autocomplete-dropdown{margin-top:calc(-1 * var(--f7-searchbar-input-height));top:100%;z-index:20}.aurora .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner{padding-top:var(--f7-searchbar-input-height)}:root{--f7-tooltip-bg-color:rgba(0, 0, 0, 0.87);--f7-tooltip-text-color:#fff;--f7-tooltip-border-radius:4px;--f7-tooltip-padding:8px 16px;--f7-tooltip-font-size:14px;--f7-tooltip-font-weight:500;--f7-tooltip-desktop-padding:6px 8px;--f7-tooltip-desktop-font-size:12px}.tooltip{position:absolute;z-index:20000;background:var(--f7-tooltip-bg-color);border-radius:var(--f7-tooltip-border-radius);padding:var(--f7-tooltip-padding);color:var(--f7-tooltip-text-color);font-size:var(--f7-tooltip-font-size);font-weight:var(--f7-tooltip-font-weight);box-sizing:border-box;line-height:1.2;opacity:0;transform:scale(.9);transition-duration:150ms;transition-property:opacity,transform;z-index:99000}.tooltip.tooltip-in{transform:scale(1);opacity:1}.tooltip.tooltip-out{opacity:0;transform:scale(1)}.device-desktop .tooltip{font-size:var(--f7-tooltip-desktop-font-size);padding:var(--f7-tooltip-desktop-padding)}.gauge{position:relative;text-align:center;margin-left:auto;margin-right:auto;display:inline-block}.gauge svg,.gauge-svg{max-width:100%;height:auto}.gauge svg circle,.gauge svg path,.gauge-svg circle,.gauge-svg path{transition-duration:.4s}:root{--f7-skeleton-color:#ccc}.theme-dark{--f7-skeleton-color:#515151}.skeleton-text{font-family:framework7-skeleton!important}.skeleton-text,.skeleton-text *{color:var(--f7-skeleton-color)!important;font-weight:400!important;font-style:normal!important;letter-spacing:-.015em!important}.skeleton-block{height:1em;background:var(--f7-skeleton-color)!important;width:100%}.skeleton-effect-fade{animation:skeleton-effect-fade 1s infinite}.skeleton-effect-blink{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 75%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 75%,transparent 100%);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-position:50% top;mask-position:50% top;animation:skeleton-effect-blink 1s infinite}.skeleton-effect-pulse{animation:skeleton-effect-pulse 1s infinite}@keyframes skeleton-effect-fade{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}@keyframes skeleton-effect-blink{0%{-webkit-mask-position:50% top;mask-position:50% top}100%{-webkit-mask-position:-150% top;mask-position:-150% top}}@keyframes skeleton-effect-pulse{0%{transform:scale(1)}40%{transform:scale(1)}50%{transform:scale(.975)}100%{transform:scale(1)}}:root{--f7-menu-text-color:#fff;--f7-menu-font-size:16px;--f7-menu-font-weight:500;--f7-menu-line-height:1.2;--f7-menu-bg-color:rgba(0, 0, 0, 0.9);--f7-menu-item-pressed-bg-color:rgba(20, 20, 20, 0.9);--f7-menu-item-padding-horizontal:12px;--f7-menu-item-spacing:6px;--f7-menu-item-height:40px;--f7-menu-item-dropdown-icon-color:rgba(255, 255, 255, 0.4);--f7-menu-item-border-radius:8px;--f7-menu-dropdown-item-height:28px;--f7-menu-dropdown-divider-color:rgba(255, 255, 255, 0.2);--f7-menu-dropdown-padding-vertical:6px}.aurora{--f7-menu-font-size:13px;--f7-menu-item-height:28px;--f7-menu-dropdown-item-height:24px;--f7-menu-item-border-radius:5px;--f7-menu-item-padding-horizontal:10px}.menu{z-index:1000;position:relative;--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.menu-inner{display:flex;justify-content:flex-start;align-items:flex-start;padding-left:var(--f7-menu-item-spacing);padding-right:var(--f7-menu-item-spacing)}.menu-inner:after{content:'';width:var(--f7-menu-item-spacing);height:100%;flex-shrink:0}.menu-item{height:var(--f7-menu-item-height);min-width:var(--f7-menu-item-height);flex-shrink:0;background:var(--f7-menu-bg-color);color:var(--f7-menu-text-color);border-radius:var(--f7-menu-item-border-radius);position:relative;box-sizing:border-box;font-size:var(--f7-menu-font-size);font-weight:var(--f7-menu-font-weight);cursor:pointer;margin-left:var(--f7-menu-item-spacing)}.menu-item:first-child{margin-left:0}.menu-item.active-state:not(.menu-item-dropdown-opened){background-color:rgba(0,0,0,.7)}.menu-item.icon-only{padding-left:0;padding-right:0}.menu-item-content{display:flex;justify-content:center;align-items:center;padding:0 var(--f7-menu-item-padding-horizontal);height:100%;box-sizing:border-box;width:100%;overflow:hidden;border-radius:var(--f7-menu-item-border-radius);position:relative}.icon-only .menu-item-content,.menu-item-content.icon-only{padding-left:0;padding-right:0}.menu-item-dropdown .menu-item-content:after{content:'';position:absolute;width:20px;height:2px;left:50%;transform:translateX(-50%);bottom:4px;background:var(--f7-menu-item-dropdown-icon-color);border-radius:4px}.menu-dropdown{opacity:0;visibility:hidden;pointer-events:none;cursor:auto;height:10px;background:var(--f7-menu-bg-color);position:relative}.menu-dropdown-content{position:absolute;top:100%;border-radius:var(--f7-menu-dropdown-border-radius,var(--f7-menu-item-border-radius));padding-top:var(--f7-menu-dropdown-padding-vertical);padding-bottom:var(--f7-menu-dropdown-padding-vertical);box-sizing:border-box;background:var(--f7-menu-bg-color);overflow:auto;-webkit-overflow-scrolling:touch;min-width:calc(100% + 24px)}.menu-dropdown-item,.menu-dropdown-link{display:flex;justify-content:space-between;align-items:center;padding-left:var(--f7-menu-item-padding-horizontal);padding-right:var(--f7-menu-item-padding-horizontal);min-height:var(--f7-menu-dropdown-item-height);line-height:var(--f7-menu-line-height);font-size:var(--f7-menu-font-size);color:var(--f7-menu-text-color);font-weight:var(--f7-menu-font-weight);white-space:nowrap;min-width:100px}.menu-dropdown-item i,.menu-dropdown-item i.f7-icons,.menu-dropdown-item i.icon,.menu-dropdown-item i.material-icons,.menu-dropdown-link i,.menu-dropdown-link i.f7-icons,.menu-dropdown-link i.icon,.menu-dropdown-link i.material-icons{font-size:20px}.menu-dropdown-link.active-state{background:var(--f7-menu-dropdown-pressed-bg-color,var(--f7-theme-color));color:var(--f7-menu-text-color)}.menu-dropdown-divider{height:1px;margin-top:2px;margin-bottom:2px;background:var(--f7-menu-dropdown-divider-color)}.menu-item-dropdown-opened{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.menu-item-dropdown-opened .menu-item-content:after{opacity:0}.menu-item-dropdown-opened .menu-dropdown{opacity:1;visibility:visible;pointer-events:auto}.menu-dropdown-center:after,.menu-dropdown-left:after,.menu-item-dropdown-center .menu-dropdown:after,.menu-item-dropdown-left .menu-dropdown:after{content:'';position:absolute;left:100%;bottom:0;width:var(--f7-menu-item-border-radius);height:var(--f7-menu-item-border-radius);background-image:radial-gradient(ellipse at 100% 0%,transparent 0%,transparent 70%,var(--f7-menu-bg-color) 72%)}.menu-dropdown-center:before,.menu-dropdown-right:before,.menu-item-dropdown-center .menu-dropdown:before,.menu-item-dropdown-right .menu-dropdown:before{content:'';position:absolute;right:100%;bottom:0;width:var(--f7-menu-item-border-radius);height:var(--f7-menu-item-border-radius);background-image:radial-gradient(ellipse at 0% 0%,transparent 0%,transparent 70%,var(--f7-menu-bg-color) 72%)}.menu-dropdown-left .menu-dropdown-content,.menu-item-dropdown-left .menu-dropdown-content{left:0;border-top-left-radius:0px}.menu-dropdown-right .menu-dropdown-content,.menu-item-dropdown-right .menu-dropdown-content{right:0;border-top-right-radius:0px}.menu-dropdown-center .menu-dropdown-content,.menu-item-dropdown-center .menu-dropdown-content{left:50%;min-width:calc(100% + 24px + 24px);transform:translateX(-50%)}:root{--f7-color-picker-sheet-bg-color:#fff;--f7-color-picker-popup-bg-color:#fff;--f7-color-picker-popover-width:350px;--f7-color-picker-slider-size:6px;--f7-color-picker-slider-knob-size:16px;--f7-color-picker-bar-size:50px;--f7-color-picker-bar-min-height:260px;--f7-color-picker-value-bg-color:rgba(0, 0, 0, 0.05);--f7-color-picker-value-width:64px;--f7-color-picker-value-height:32px;--f7-color-picker-value-font-size:16px;--f7-color-picker-value-border-radius:4px;--f7-color-picker-hex-value-width:84px;--f7-color-picker-label-font-size:14px;--f7-color-picker-label-width:10px;--f7-color-picker-label-height:14px;--f7-color-picker-sb-spectrum-height:260px;--f7-color-picker-sb-spectrum-handle-size:16px;--f7-color-picker-wheel-width:330px;--f7-color-picker-group-bg-color:rgba(0, 0, 0, 0.05);--f7-color-picker-group-value-bg-color:#fff;--f7-color-picker-palette-value-width:36px;--f7-color-picker-palette-value-height:36px;--f7-color-picker-initial-current-color-height:40px;--f7-color-picker-initial-current-color-border-radius:4px}:root .theme-dark,:root.theme-dark{--f7-color-picker-sheet-bg-color:#171717;--f7-color-picker-popup-bg-color:#171717;--f7-color-picker-value-bg-color:rgba(255, 255, 255, 0.1);--f7-color-picker-group-bg-color:#000;--f7-color-picker-group-value-bg-color:rgba(255, 255, 255, 0.12)}.color-picker{overflow:hidden;width:100%;display:flex;flex-direction:column}.color-picker-popover .color-picker,.color-picker-popup .color-picker,.color-picker.color-picker-inline{position:relative}.color-picker-sheet-modal{background:var(--f7-color-picker-sheet-bg-color)}.color-picker-sheet-modal:before{z-index:600}.color-picker-sheet-modal .sheet-modal-inner{margin-bottom:var(--f7-safe-area-bottom)}.color-picker-popup .page{background:var(--f7-color-picker-popup-bg-color)}.color-picker-popup .page-content{padding-bottom:var(--f7-safe-area-bottom)}.color-picker-page .color-picker,.color-picker-popover .color-picker,.color-picker-popup .color-picker{height:100%}.color-picker-page .color-picker .toolbar,.color-picker-popover .color-picker .toolbar,.color-picker-popup .color-picker .toolbar{position:absolute}.color-picker-popover{width:var(--f7-color-picker-popover-width);max-width:90vw;max-height:80vh}.color-picker-popover .color-picker{max-height:80vh}.color-picker-popover .toolbar-top{border-top-left-radius:var(--f7-popover-border-radius);border-top-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette{overflow:hidden;flex-shrink:0}.color-picker-popover .color-picker-module-palette:first-child{border-top-left-radius:var(--f7-popover-border-radius);border-top-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette:last-child{border-bottom-left-radius:var(--f7-popover-border-radius);border-bottom-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette:first-child:last-child{border-radius:var(--f7-popover-border-radius)}.color-picker-popover .toolbar~.page-content .color-picker-module-palette:first-child{border-top-left-radius:0;border-top-right-radius:0}.color-picker-page .page-content,.color-picker-popover .page-content,.color-picker-popup .page-content,.color-picker-sheet-modal .page-content{display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column;overflow-x:hidden}.color-picker-module{margin-top:5px}.color-picker-module:last-child{margin-bottom:5px}.color-picker-module-hs-spectrum,.color-picker-module-sb-spectrum{margin-left:10px;margin-right:10px}.color-picker-module-hs-spectrum:first-child,.color-picker-module-sb-spectrum:first-child{margin-top:10px}.color-picker-module-hs-spectrum .color-picker-hs-spectrum,.color-picker-module-hs-spectrum .color-picker-sb-spectrum,.color-picker-module-sb-spectrum .color-picker-hs-spectrum,.color-picker-module-sb-spectrum .color-picker-sb-spectrum{border-radius:4px;height:var(--f7-color-picker-sb-spectrum-height)}.color-picker-sb-spectrum{background-color:#000;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#000 100%),linear-gradient(to left,rgba(255,255,255,0) 0%,#fff 100%);position:relative}.color-picker-hs-spectrum{position:relative;background-image:linear-gradient(to right,red,#feff00,#0f0,#00feff,#00f,#ff00fe,red)}.color-picker-hs-spectrum:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(to bottom,rgba(255,255,255,0),#fff)}.color-picker-hs-spectrum-handle,.color-picker-sb-spectrum-handle{width:4px;height:4px;position:absolute;left:-2px;top:-2px;z-index:1}.color-picker-hs-spectrum-handle:after,.color-picker-sb-spectrum-handle:after{background-color:inherit;content:'';position:absolute;width:var(--f7-color-picker-sb-spectrum-handle-size);height:var(--f7-color-picker-sb-spectrum-handle-size);border:1px solid #fff;border-radius:50%;box-shadow:0px 0px 2px rgba(0,0,0,.5);box-sizing:border-box;left:50%;top:50%;transform:translate(-50%,-50%);transition:150ms;transition-property:transform;transform-origin:center}.color-picker-hs-spectrum-handle.color-picker-hs-spectrum-handle-pressed:after,.color-picker-hs-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after,.color-picker-sb-spectrum-handle.color-picker-hs-spectrum-handle-pressed:after,.color-picker-sb-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after{transform:scale(1.5) translate(-33.333%,-33.333%)}.color-picker-module-wheel{margin-left:10px;margin-right:10px}.color-picker-wheel{position:relative;width:var(--f7-color-picker-wheel-width);max-width:100%;height:auto;font-size:0;margin-left:auto;margin-right:auto}.color-picker-wheel svg{width:100%;height:auto}.color-picker-wheel .color-picker-wheel-handle{width:calc(100% / 6);height:calc(100% / 6);position:absolute;box-sizing:border-box;border:2px solid #fff;box-shadow:0px 0px 5px rgba(0,0,0,.5);background:red;border-radius:50%;left:0;top:0}.color-picker-wheel .color-picker-sb-spectrum{width:45%;height:45%;left:50%;top:50%;transform:translate3d(-50%,-50%,0);position:absolute}.color-picker-slider-wrap{display:flex;align-items:center;margin-bottom:2px}.color-picker-slider-wrap+.color-picker-slider-wrap{margin-top:5px}.color-picker-hex-wrap{justify-content:space-between;display:flex;align-items:center}.color-picker-hex-label,.color-picker-slider-label{font-size:var(--f7-color-picker-label-font-size);width:var(--f7-color-picker-label-size);flex-shrink:0;margin-right:12px}.color-picker-hex-label{width:auto}.color-picker-bar-value,.color-picker-hex-value,.color-picker-slider-value{width:var(--f7-color-picker-value-width);height:var(--f7-color-picker-value-height);background:var(--f7-color-picker-value-bg-color);border-radius:var(--f7-color-picker-value-border-radius);text-align:center;font-size:var(--f7-color-picker-value-font-size);display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-left:10px}.color-picker-bar-value input,.color-picker-hex-value input,.color-picker-slider-value input{width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;background:0 0;color:inherit;font-family:inherit;font-size:inherit;text-align:center;display:block;border-radius:4px}.color-picker-bar-value input::-webkit-inner-spin-button,.color-picker-bar-value input::-webkit-outer-spin-button,.color-picker-hex-value input::-webkit-inner-spin-button,.color-picker-hex-value input::-webkit-outer-spin-button,.color-picker-slider-value input::-webkit-inner-spin-button,.color-picker-slider-value input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;display:none}.color-picker-hex-value{width:var(--f7-color-picker-hex-value-width)}.color-picker-hex-value:first-child{margin-left:auto}.color-picker-slider{--f7-range-bar-active-bg-color:transparent;--f7-range-bar-size:var(--f7-color-picker-slider-size);--f7-range-bar-border-radius:var(--f7-color-picker-slider-size);--f7-range-knob-size:var(--f7-color-picker-slider-knob-size);--f7-range-knob-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3)}.color-picker-slider .range-knob{transition-duration:.2s;transition-property:transform}.color-picker-slider .range-knob:after{width:30px;height:30px;margin-left:-15px;margin-top:-15px}.color-picker-slider .range-knob-active-state .range-knob{transform:scale(1.5)}.md .color-picker-slider.range-slider-min:not(.range-slider-dual) .range-knob{background:var(--f7-range-knob-color)!important;border:none}.color-picker-module-rgb-bars{display:flex;justify-content:space-around;justify-content:space-evenly;align-items:stretch;height:100%;min-height:var(--f7-color-picker-bar-min-height);padding-bottom:10px;padding-top:10px;box-sizing:border-box}.color-picker-bar-wrap{display:flex;align-items:center;flex-direction:column-reverse}.color-picker-bar{--f7-range-bar-active-bg-color:transparent;--f7-range-bar-size:var(--f7-color-picker-bar-size);--f7-range-bar-border-radius:2px;--f7-range-knob-size:6px;--f7-range-knob-box-shadow:0 0px 3px rgba(0, 0, 0, 0.3);--f7-range-knob-color:#fff}.color-picker-bar .range-knob{transition-duration:0s;transition-property:transform;border-radius:3px}.color-picker-bar .range-knob-wrap{height:6px;width:calc(var(--f7-color-picker-bar-size) - 4px);margin-left:calc(-.5 * (var(--f7-color-picker-bar-size) - 4px))}.color-picker-bar .range-knob-active-state .range-knob{transform:scale(1)}.md .color-picker-bar.range-slider-min:not(.range-slider-dual) .range-knob{background:var(--f7-range-knob-color)!important;border:none}.color-picker-bar-label{font-size:var(--f7-color-picker-label-size);margin-top:12px;line-height:1;height:var(--f7-color-picker-label-height);flex-shrink:0}.color-picker-bar-value{margin-left:0;margin-bottom:10px}.color-picker-slider-alpha{--f7-range-knob-color:#fff}.color-picker-slider-alpha .range-bar{background-image:linear-gradient(to right,rgba(0,0,0,0),#000),linear-gradient(to right,rgba(255,255,255,.2) 50%,rgba(0,0,0,.2) 50%),linear-gradient(to left,rgba(255,255,255,.2) 50%,rgba(0,0,0,.2) 50%);background-size:100% 100%,6px 3px,6px 3px;background-position:0 0,0px 3px,0 0;background-repeat:repeat-y,repeat-x,repeat-x}.color-picker-slider-hue .range-bar{background-image:linear-gradient(to right,red,#feff00,#0f0,#00feff,#00f,#ff00fe,red)}.color-picker-slider-brightness .range-bar{background-image:linear-gradient(to right,#000,#fff)}.color-picker-module-palette{margin-top:15px}.color-picker-module-palette:first-child{margin-top:0}.color-picker-module-palette:last-child{margin-bottom:0}.color-picker-module-palette:first-child:last-child{margin:0}.color-picker-palette{display:flex;flex-wrap:wrap}.color-picker-palette-row{width:100%;display:flex;flex-wrap:nowrap}.color-picker-palette-row .color-picker-palette-value{width:100%}.color-picker-palette-value{width:var(--f7-color-picker-palette-value-width);height:var(--f7-color-picker-palette-value-height);cursor:pointer}.color-picker-module-current-color,.color-picker-module-initial-current-colors{margin-left:10px;margin-right:10px;border-radius:var(--f7-color-picker-initial-current-color-border-radius);overflow:hidden;flex-shrink:0}.color-picker-current-color,.color-picker-initial-color{height:var(--f7-color-picker-initial-current-color-height)}.color-picker-initial-current-colors{display:flex}.color-picker-initial-current-colors .color-picker-current-color,.color-picker-initial-current-colors .color-picker-initial-color{width:50%}.color-picker-module-alpha-slider,.color-picker-module-brightness-slider,.color-picker-module-hex,.color-picker-module-hsb-sliders,.color-picker-module-hue-slider,.color-picker-module-rgb-sliders{margin-left:10px;margin-right:10px}.color-picker-grouped-modules .color-picker-module-alpha-slider,.color-picker-grouped-modules .color-picker-module-brightness-slider,.color-picker-grouped-modules .color-picker-module-hex,.color-picker-grouped-modules .color-picker-module-hsb-sliders,.color-picker-grouped-modules .color-picker-module-hue-slider,.color-picker-grouped-modules .color-picker-module-rgb-sliders{background:var(--f7-color-picker-group-bg-color);padding:5px;border-radius:4px;margin-top:15px;margin-left:5px;margin-right:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider:last-child,.color-picker-grouped-modules .color-picker-module-brightness-slider:last-child,.color-picker-grouped-modules .color-picker-module-hex:last-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders:last-child,.color-picker-grouped-modules .color-picker-module-hue-slider:last-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders:last-child{margin-bottom:15px}.color-picker-grouped-modules .color-picker-hex-value,.color-picker-grouped-modules .color-picker-slider-value{background:var(--f7-color-picker-group-value-bg-color)}.color-picker-grouped-modules .color-picker-hex-label,.color-picker-grouped-modules .color-picker-slider-label{margin-left:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:first-child{margin-left:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:last-child{margin-right:5px}:root{--f7-treeview-toggle-size:24px;--f7-treeview-toggle-color:rgba(0, 0, 0, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-toggle-pressed-bg-color:rgba(0, 0, 0, 0.15);--f7-treeview-icon-color:rgba(0, 0, 0, 0.5);--f7-treeview-children-offset:29px;--f7-treeview-label-font-weight:400;--f7-treeview-label-text-color:inherit;--f7-treeview-selectable-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-pressed-bg-color:rgba(0, 0, 0, 0.15)}:root .theme-dark,:root.theme-dark{--f7-treeview-toggle-color:rgba(255, 255, 255, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-toggle-pressed-bg-color:rgba(255, 255, 255, 0.1);--f7-treeview-icon-color:rgba(255, 255, 255, 0.75);--f7-treeview-selectable-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-pressed-bg-color:rgba(255, 255, 255, 0.11)}.ios{--f7-treeview-item-height:34px;--f7-treeview-item-padding-left:15px;--f7-treeview-item-padding-right:15px;--f7-treeview-label-font-size:17px;--f7-treeview-icon-size:24px}.md{--f7-treeview-item-height:34px;--f7-treeview-item-padding-left:16px;--f7-treeview-item-padding-right:16px;--f7-treeview-label-font-size:16px;--f7-treeview-icon-size:24px}.aurora{--f7-treeview-item-height:28px;--f7-treeview-item-padding-left:15px;--f7-treeview-item-padding-right:15px;--f7-treeview-label-font-size:14px;--f7-treeview-icon-size:20px}.treeview-item-root{padding-left:var(--f7-treeview-item-padding-left);padding-right:var(--f7-treeview-item-padding-right);height:var(--f7-treeview-item-height);display:flex;align-items:center;justify-content:flex-start}.treeview-item-content{display:flex;justify-content:flex-start;align-items:center}.treeview-item-content>.f7-icons,.treeview-item-content>.material-icons,.treeview-item-content>i{width:var(--f7-treeview-icon-size);height:var(--f7-treeview-icon-size);font-size:var(--f7-treeview-icon-size);color:var(--f7-treeview-icon-color)}.treeview-item-content:first-child{margin-left:calc(var(--f7-treeview-toggle-size) + 5px)}.treeview-item-content>*+*{margin-left:5px}.treeview-item-label{font-size:var(--f7-treeview-label-font-size);font-weight:var(--f7-treeview-label-font-weight);color:var(--f7-treeview-label-text-color)}.treeview-toggle{width:var(--f7-treeview-toggle-size);height:var(--f7-treeview-toggle-size);cursor:pointer;border-radius:4px;background-color:rgba(0,0,0,0);transition-duration:.2s;position:relative;margin-right:5px}.treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.treeview-toggle:after{transition-duration:.2s;content:'';position:absolute;left:50%;top:50%;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:translate(-50%,-50%);border-left:6px solid var(--f7-treeview-toggle-color)}.treeview-toggle-hidden{opacity:0;pointer-events:none;visibility:hidden}.treeview-preloader{--f7-preloader-size:var(--f7-treeview-toggle-size);margin-right:calc(-1 * var(--f7-treeview-toggle-size))}.treeview-item-children{display:none}.treeview-item-opened>.treeview-item-children{display:block}.treeview-item-opened>.treeview-item-root .treeview-toggle:after{transform:translate(-50%,-50%) rotate(90deg)}a.treeview-item-root{color:var(--f7-treeview-label-text-color)}.treeview-item-selectable.treeview-item-root,.treeview-item-selectable>.treeview-item-root{cursor:pointer;transition-duration:150ms}a.treeview-item-root{transition-duration:150ms}a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.treeview-item-toggle.treeview-item-root,.treeview-item-toggle>.treeview-item-root{cursor:pointer}.treeview-item-selected.treeview-item-root,.treeview-item-selected>.treeview-item-root{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}.treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 1)}.treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 2)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 3)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 4)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 5)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 6)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 7)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 8)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 9)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 10)}.aurora .treeview-toggle:hover{background-color:var(--f7-treeview-toggle-hover-bg-color)}.aurora .treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.aurora .treeview-item-selectable.treeview-item-root:hover,.aurora .treeview-item-selectable>.treeview-item-root:hover{background:var(--f7-treeview-selectable-hover-bg-color)}.aurora a.treeview-item-root:hover{background:var(--f7-treeview-link-hover-bg-color)}.aurora a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.aurora .treeview-item-selected.treeview-item-root:hover,.aurora .treeview-item-selected>.treeview-item-root:hover{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}iframe#viAd{z-index:12900!important;background:#000!important}.vi-overlay{background:rgba(0,0,0,.85);z-index:13100;position:absolute;left:0%;top:0%;width:100%;height:100%;border-radius:3px;display:flex;justify-content:center;flex-direction:column;align-items:center;align-content:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.vi-overlay{background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.vi-overlay .vi-overlay-text{text-align:center;color:#fff;max-width:80%}.vi-overlay .vi-overlay-text+.vi-overlay-play-button{margin-top:15px}.vi-overlay .vi-overlay-play-button{width:44px;height:44px;border-radius:50%;border:2px solid #fff;position:relative}.vi-overlay .vi-overlay-play-button.active-state{opacity:.55}.vi-overlay .vi-overlay-play-button:before{content:'';width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:14px solid #fff;position:absolute;left:50%;top:50%;margin-left:2px;transform:translate(-50%,-50%)}:root{--f7-elevation-0:0px 0px 0px 0px rgba(0, 0, 0, 0);--f7-elevation-1:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);--f7-elevation-2:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12);--f7-elevation-3:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12);--f7-elevation-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);--f7-elevation-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12);--f7-elevation-6:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);--f7-elevation-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12);--f7-elevation-8:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12);--f7-elevation-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12);--f7-elevation-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12);--f7-elevation-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12);--f7-elevation-12:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12);--f7-elevation-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12);--f7-elevation-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12);--f7-elevation-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12);--f7-elevation-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);--f7-elevation-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12);--f7-elevation-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12);--f7-elevation-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12);--f7-elevation-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12);--f7-elevation-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12);--f7-elevation-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12);--f7-elevation-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12);--f7-elevation-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.elevation-0{box-shadow:var(--f7-elevation-0)!important}.elevation-1{box-shadow:var(--f7-elevation-1)!important}.elevation-2{box-shadow:var(--f7-elevation-2)!important}.elevation-3{box-shadow:var(--f7-elevation-3)!important}.elevation-4{box-shadow:var(--f7-elevation-4)!important}.elevation-5{box-shadow:var(--f7-elevation-5)!important}.elevation-6{box-shadow:var(--f7-elevation-6)!important}.elevation-7{box-shadow:var(--f7-elevation-7)!important}.elevation-8{box-shadow:var(--f7-elevation-8)!important}.elevation-9{box-shadow:var(--f7-elevation-9)!important}.elevation-10{box-shadow:var(--f7-elevation-10)!important}.elevation-11{box-shadow:var(--f7-elevation-11)!important}.elevation-12{box-shadow:var(--f7-elevation-12)!important}.elevation-13{box-shadow:var(--f7-elevation-13)!important}.elevation-14{box-shadow:var(--f7-elevation-14)!important}.elevation-15{box-shadow:var(--f7-elevation-15)!important}.elevation-16{box-shadow:var(--f7-elevation-16)!important}.elevation-17{box-shadow:var(--f7-elevation-17)!important}.elevation-18{box-shadow:var(--f7-elevation-18)!important}.elevation-19{box-shadow:var(--f7-elevation-19)!important}.elevation-20{box-shadow:var(--f7-elevation-20)!important}.elevation-21{box-shadow:var(--f7-elevation-21)!important}.elevation-22{box-shadow:var(--f7-elevation-22)!important}.elevation-23{box-shadow:var(--f7-elevation-23)!important}.elevation-24{box-shadow:var(--f7-elevation-24)!important}.device-desktop .elevation-hover-0:hover{box-shadow:var(--f7-elevation-0)!important}.device-desktop .elevation-hover-1:hover{box-shadow:var(--f7-elevation-1)!important}.device-desktop .elevation-hover-2:hover{box-shadow:var(--f7-elevation-2)!important}.device-desktop .elevation-hover-3:hover{box-shadow:var(--f7-elevation-3)!important}.device-desktop .elevation-hover-4:hover{box-shadow:var(--f7-elevation-4)!important}.device-desktop .elevation-hover-5:hover{box-shadow:var(--f7-elevation-5)!important}.device-desktop .elevation-hover-6:hover{box-shadow:var(--f7-elevation-6)!important}.device-desktop .elevation-hover-7:hover{box-shadow:var(--f7-elevation-7)!important}.device-desktop .elevation-hover-8:hover{box-shadow:var(--f7-elevation-8)!important}.device-desktop .elevation-hover-9:hover{box-shadow:var(--f7-elevation-9)!important}.device-desktop .elevation-hover-10:hover{box-shadow:var(--f7-elevation-10)!important}.device-desktop .elevation-hover-11:hover{box-shadow:var(--f7-elevation-11)!important}.device-desktop .elevation-hover-12:hover{box-shadow:var(--f7-elevation-12)!important}.device-desktop .elevation-hover-13:hover{box-shadow:var(--f7-elevation-13)!important}.device-desktop .elevation-hover-14:hover{box-shadow:var(--f7-elevation-14)!important}.device-desktop .elevation-hover-15:hover{box-shadow:var(--f7-elevation-15)!important}.device-desktop .elevation-hover-16:hover{box-shadow:var(--f7-elevation-16)!important}.device-desktop .elevation-hover-17:hover{box-shadow:var(--f7-elevation-17)!important}.device-desktop .elevation-hover-18:hover{box-shadow:var(--f7-elevation-18)!important}.device-desktop .elevation-hover-19:hover{box-shadow:var(--f7-elevation-19)!important}.device-desktop .elevation-hover-20:hover{box-shadow:var(--f7-elevation-20)!important}.device-desktop .elevation-hover-21:hover{box-shadow:var(--f7-elevation-21)!important}.device-desktop .elevation-hover-22:hover{box-shadow:var(--f7-elevation-22)!important}.device-desktop .elevation-hover-23:hover{box-shadow:var(--f7-elevation-23)!important}.device-desktop .elevation-hover-24:hover{box-shadow:var(--f7-elevation-24)!important}.active-state.elevation-pressed-0,.device-desktop .active-state.elevation-pressed-0{box-shadow:var(--f7-elevation-0)!important}.active-state.elevation-pressed-1,.device-desktop .active-state.elevation-pressed-1{box-shadow:var(--f7-elevation-1)!important}.active-state.elevation-pressed-2,.device-desktop .active-state.elevation-pressed-2{box-shadow:var(--f7-elevation-2)!important}.active-state.elevation-pressed-3,.device-desktop .active-state.elevation-pressed-3{box-shadow:var(--f7-elevation-3)!important}.active-state.elevation-pressed-4,.device-desktop .active-state.elevation-pressed-4{box-shadow:var(--f7-elevation-4)!important}.active-state.elevation-pressed-5,.device-desktop .active-state.elevation-pressed-5{box-shadow:var(--f7-elevation-5)!important}.active-state.elevation-pressed-6,.device-desktop .active-state.elevation-pressed-6{box-shadow:var(--f7-elevation-6)!important}.active-state.elevation-pressed-7,.device-desktop .active-state.elevation-pressed-7{box-shadow:var(--f7-elevation-7)!important}.active-state.elevation-pressed-8,.device-desktop .active-state.elevation-pressed-8{box-shadow:var(--f7-elevation-8)!important}.active-state.elevation-pressed-9,.device-desktop .active-state.elevation-pressed-9{box-shadow:var(--f7-elevation-9)!important}.active-state.elevation-pressed-10,.device-desktop .active-state.elevation-pressed-10{box-shadow:var(--f7-elevation-10)!important}.active-state.elevation-pressed-11,.device-desktop .active-state.elevation-pressed-11{box-shadow:var(--f7-elevation-11)!important}.active-state.elevation-pressed-12,.device-desktop .active-state.elevation-pressed-12{box-shadow:var(--f7-elevation-12)!important}.active-state.elevation-pressed-13,.device-desktop .active-state.elevation-pressed-13{box-shadow:var(--f7-elevation-13)!important}.active-state.elevation-pressed-14,.device-desktop .active-state.elevation-pressed-14{box-shadow:var(--f7-elevation-14)!important}.active-state.elevation-pressed-15,.device-desktop .active-state.elevation-pressed-15{box-shadow:var(--f7-elevation-15)!important}.active-state.elevation-pressed-16,.device-desktop .active-state.elevation-pressed-16{box-shadow:var(--f7-elevation-16)!important}.active-state.elevation-pressed-17,.device-desktop .active-state.elevation-pressed-17{box-shadow:var(--f7-elevation-17)!important}.active-state.elevation-pressed-18,.device-desktop .active-state.elevation-pressed-18{box-shadow:var(--f7-elevation-18)!important}.active-state.elevation-pressed-19,.device-desktop .active-state.elevation-pressed-19{box-shadow:var(--f7-elevation-19)!important}.active-state.elevation-pressed-20,.device-desktop .active-state.elevation-pressed-20{box-shadow:var(--f7-elevation-20)!important}.active-state.elevation-pressed-21,.device-desktop .active-state.elevation-pressed-21{box-shadow:var(--f7-elevation-21)!important}.active-state.elevation-pressed-22,.device-desktop .active-state.elevation-pressed-22{box-shadow:var(--f7-elevation-22)!important}.active-state.elevation-pressed-23,.device-desktop .active-state.elevation-pressed-23{box-shadow:var(--f7-elevation-23)!important}.active-state.elevation-pressed-24,.device-desktop .active-state.elevation-pressed-24{box-shadow:var(--f7-elevation-24)!important}.elevation-transition-100{transition-duration:.1s;transition-property:box-shadow}.elevation-transition,.elevation-transition-200{transition-duration:.2s;transition-property:box-shadow}.elevation-transition-300{transition-duration:.3s;transition-property:box-shadow}.elevation-transition-400{transition-duration:.4s;transition-property:box-shadow}.elevation-transition-500{transition-duration:.5s;transition-property:box-shadow}.ios{--f7-typography-padding:15px;--f7-typography-margin:15px}.md{--f7-typography-padding:16px;--f7-typography-margin:16px}.aurora{--f7-typography-padding:15px;--f7-typography-margin:15px}.display-flex{display:flex!important}.display-block{display:block!important}.display-inline-flex{display:inline-flex!important}.display-inline-block{display:inline-block!important}.display-inline{display:inline!important}.display-none{display:none!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-shrink-2{flex-shrink:2!important}.flex-shrink-3{flex-shrink:3!important}.flex-shrink-4{flex-shrink:4!important}.flex-shrink-5{flex-shrink:5!important}.flex-shrink-6{flex-shrink:6!important}.flex-shrink-7{flex-shrink:7!important}.flex-shrink-8{flex-shrink:8!important}.flex-shrink-9{flex-shrink:9!important}.flex-shrink-10{flex-shrink:10!important}.flex-direction-row{flex-direction:row!important}.flex-direction-row-reverse{flex-direction:row-reverse!important}.flex-direction-column{flex-direction:column!important}.flex-direction-column-reverse{flex-direction:column-reverse!important}.justify-content-flex-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-flex-end{justify-content:flex-end!important}.justify-content-space-between{justify-content:space-between!important}.justify-content-space-around{justify-content:space-around!important}.justify-content-space-evenly{justify-content:space-evenly!important}.justify-content-stretch{justify-content:stretch!important}.justify-content-start{justify-content:start!important}.justify-content-end{justify-content:end!important}.justify-content-left{justify-content:left!important}.justify-content-right{justify-content:right!important}.align-content-flex-start{align-content:flex-start!important}.align-content-flex-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-space-between{align-content:space-between!important}.align-content-space-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-items-baseline{align-items:baseline!important}.align-items-flex-start{align-items:flex-start!important}.align-items-flex-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-stretch{align-items:stretch!important}.align-self-flex-start{align-self:flex-start!important}.align-self-flex-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-stretch{align-self:stretch!important}.text-align-left{text-align:left!important}.text-align-center{text-align:center!important}.text-align-right{text-align:right!important}.text-align-justify{text-align:justify!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.vertical-align-bottom{vertical-align:bottom!important}.vertical-align-middle{vertical-align:middle!important}.vertical-align-top{vertical-align:top!important}.no-padding{padding:0!important}.no-padding-left{padding-left:0!important}.no-padding-right{padding-right:0!important}.no-padding-horizontal{padding-left:0!important;padding-right:0!important}.no-padding-top{padding-top:0!important}.no-padding-bottom{padding-bottom:0!important}.no-padding-vertical{padding-top:0!important;padding-bottom:0!important}.no-margin{margin:0!important}.no-margin-left{margin-left:0!important}.no-margin-right{margin-right:0!important}.no-margin-horizontal{margin-left:0!important;margin-right:0!important}.no-margin-top{margin-top:0!important}.no-margin-bottom{margin-bottom:0!important}.no-margin-vertical{margin-top:0!important;margin-bottom:0!important}.width-auto{width:auto!important}.width-100{width:100%!important}.padding{padding:var(--f7-typography-padding)!important}.padding-half{padding:calc(var(--f7-typography-padding)/ 2)!important}.padding-top{padding-top:var(--f7-typography-padding)!important}.padding-top-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important}.padding-bottom{padding-bottom:var(--f7-typography-padding)!important}.padding-bottom-half{padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-left{padding-left:var(--f7-typography-padding)!important}.padding-left-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important}.padding-right{padding-right:var(--f7-typography-padding)!important}.padding-right-half{padding-right:calc(var(--f7-typography-padding)/ 2)!important}.padding-vertical{padding-top:var(--f7-typography-padding)!important;padding-bottom:var(--f7-typography-padding)!important}.padding-vertical-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important;padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-horizontal{padding-left:var(--f7-typography-padding)!important;padding-right:var(--f7-typography-padding)!important}.padding-horizontal-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important;padding-right:calc(var(--f7-typography-padding)/ 2)!important}.margin{margin:var(--f7-typography-margin)!important}.margin-half{margin:calc(var(--f7-typography-margin)/ 2)!important}.margin-top{margin-top:var(--f7-typography-margin)!important}.margin-top-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important}.margin-bottom{margin-bottom:var(--f7-typography-margin)!important}.margin-bottom-half{margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-left{margin-left:var(--f7-typography-margin)!important}.margin-left-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important}.margin-right{margin-right:var(--f7-typography-margin)!important}.margin-right-half{margin-right:calc(var(--f7-typography-margin)/ 2)!important}.margin-vertical{margin-top:var(--f7-typography-margin)!important;margin-bottom:var(--f7-typography-margin)!important}.margin-vertical-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important;margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-horizontal{margin-left:var(--f7-typography-margin)!important;margin-right:var(--f7-typography-margin)!important}.margin-horizontal-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important;margin-right:calc(var(--f7-typography-margin)/ 2)!important}[class*=text-color-]{color:var(--f7-theme-color-text-color)!important}[class*=bg-color-]{background-color:var(--f7-theme-color-bg-color)!important}[class*=border-color-]{border-color:var(--f7-theme-color-border-color)!important} \ No newline at end of file +:root{--f7-theme-color:#007aff;--f7-theme-color-rgb:0,122,255;--f7-theme-color-shade:#0066d6;--f7-theme-color-tint:#298fff;--f7-safe-area-left:0px;--f7-safe-area-right:0px;--f7-safe-area-top:0px;--f7-safe-area-bottom:0px;--f7-safe-area-outer-left:0px;--f7-safe-area-outer-right:0px;--f7-device-pixel-ratio:1}@supports (left:env(safe-area-inset-left)){:root{--f7-safe-area-top:env(safe-area-inset-top);--f7-safe-area-bottom:env(safe-area-inset-bottom)}:root .ios-edges,:root .ios-left-edge,:root .panel-left,:root .popup,:root .safe-area-left,:root .safe-areas,:root .sheet-modal{--f7-safe-area-left:env(safe-area-inset-left);--f7-safe-area-outer-left:env(safe-area-inset-left)}:root .ios-edges,:root .ios-right-edge,:root .panel-right,:root .popup,:root .safe-area-right,:root .safe-areas,:root .sheet-modal{--f7-safe-area-right:env(safe-area-inset-right);--f7-safe-area-outer-right:env(safe-area-inset-right)}:root .no-ios-edges,:root .no-ios-left-edge,:root .no-safe-area-left,:root .no-safe-areas{--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px}:root .no-ios-edges,:root .no-ios-right-edge,:root .no-safe-area-right,:root .no-safe-areas{--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){:root{--f7-device-pixel-ratio:2}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){:root{--f7-device-pixel-ratio:3}}:root{--f7-font-size:14px}.ios{--f7-font-family:-apple-system,SF Pro Text,SF UI Text,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-line-height:1.4}.ios .theme-dark,.ios.theme-dark{--f7-text-color:#fff}.md{--f7-font-family:Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;--f7-text-color:#212121;--f7-line-height:1.5}.md .theme-dark,.md.theme-dark{--f7-text-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-font-family:-apple-system,system-ui,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-line-height:1.5}.aurora .theme-dark,.aurora.theme-dark{--f7-text-color:#fff}:root{--f7-bars-bg-image:none;--f7-bars-bg-color:#f7f7f8;--f7-bars-bg-color-rgb:247,247,248;--f7-bars-translucent-opacity:0.8;--f7-bars-translucent-blur:20px;--f7-bars-text-color:#000;--f7-bars-shadow-bottom-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);--f7-bars-shadow-top-image:linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)}.theme-dark{--f7-bars-text-color:#fff}.ios{--f7-bars-border-color:rgba(0, 0, 0, 0.25)}.ios .theme-dark,.ios.theme-dark{--f7-bars-bg-color:#121212;--f7-bars-bg-color-rgb:19,19,19;--f7-bars-border-color:rgba(255, 255, 255, 0.1)}.md{--f7-bars-border-color:transparent}.md .theme-dark,.md.theme-dark{--f7-bars-bg-color:#202020}.aurora{--f7-bars-border-color:rgba(0, 0, 0, 0.2)}.aurora .theme-dark,.aurora.theme-dark{--f7-bars-bg-color:#202020;--f7-bars-border-color:rgba(255, 255, 255, 0.1)}.text-color-primary{--f7-theme-color-text-color:var(--f7-theme-color)}.bg-color-primary{--f7-theme-color-bg-color:var(--f7-theme-color)}.border-color-primary{--f7-theme-color-border-color:var(--f7-theme-color)}.ripple-color-primary{--f7-theme-color-ripple-color:rgba(var(--f7-theme-color-rgb), 0.3)}:root{--f7-color-red:#ff3b30;--f7-color-red-rgb:255,59,48;--f7-color-red-shade:#ff1407;--f7-color-red-tint:#ff6259;--f7-color-green:#4cd964;--f7-color-green-rgb:76,217,100;--f7-color-green-shade:#2cd048;--f7-color-green-tint:#6ee081;--f7-color-blue:#2196f3;--f7-color-blue-rgb:33,150,243;--f7-color-blue-shade:#0c82df;--f7-color-blue-tint:#48a8f5;--f7-color-pink:#ff2d55;--f7-color-pink-rgb:255,45,85;--f7-color-pink-shade:#ff0434;--f7-color-pink-tint:#ff5676;--f7-color-yellow:#ffcc00;--f7-color-yellow-rgb:255,204,0;--f7-color-yellow-shade:#d6ab00;--f7-color-yellow-tint:#ffd429;--f7-color-orange:#ff9500;--f7-color-orange-rgb:255,149,0;--f7-color-orange-shade:#d67d00;--f7-color-orange-tint:#ffa629;--f7-color-purple:#9c27b0;--f7-color-purple-rgb:156,39,176;--f7-color-purple-shade:#7e208f;--f7-color-purple-tint:#b92fd1;--f7-color-deeppurple:#673ab7;--f7-color-deeppurple-rgb:103,58,183;--f7-color-deeppurple-shade:#563098;--f7-color-deeppurple-tint:#7c52c8;--f7-color-lightblue:#5ac8fa;--f7-color-lightblue-rgb:90,200,250;--f7-color-lightblue-shade:#32bbf9;--f7-color-lightblue-tint:#82d5fb;--f7-color-teal:#009688;--f7-color-teal-rgb:0,150,136;--f7-color-teal-shade:#006d63;--f7-color-teal-tint:#00bfad;--f7-color-lime:#cddc39;--f7-color-lime-rgb:205,220,57;--f7-color-lime-shade:#bac923;--f7-color-lime-tint:#d6e25c;--f7-color-deeporange:#ff6b22;--f7-color-deeporange-rgb:255,107,34;--f7-color-deeporange-shade:#f85200;--f7-color-deeporange-tint:#ff864b;--f7-color-gray:#8e8e93;--f7-color-gray-rgb:142,142,147;--f7-color-gray-shade:#79797f;--f7-color-gray-tint:#a3a3a7;--f7-color-white:#ffffff;--f7-color-white-rgb:255,255,255;--f7-color-white-shade:#ebebeb;--f7-color-white-tint:#ffffff;--f7-color-black:#000000;--f7-color-black-rgb:0,0,0;--f7-color-black-shade:#000000;--f7-color-black-tint:#141414}.color-theme-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.color-theme-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.color-theme-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.color-theme-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.color-theme-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.color-theme-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.color-theme-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.color-theme-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.color-theme-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.color-theme-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.color-theme-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.color-theme-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.color-theme-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.color-theme-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.color-theme-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.color-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.text-color-red{--f7-theme-color-text-color:#ff3b30}.bg-color-red{--f7-theme-color-bg-color:#ff3b30}.border-color-red{--f7-theme-color-border-color:#ff3b30}.ripple-color-red,.ripple-red{--f7-theme-color-ripple-color:rgba(255, 59, 48, 0.3)}.color-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.text-color-green{--f7-theme-color-text-color:#4cd964}.bg-color-green{--f7-theme-color-bg-color:#4cd964}.border-color-green{--f7-theme-color-border-color:#4cd964}.ripple-color-green,.ripple-green{--f7-theme-color-ripple-color:rgba(76, 217, 100, 0.3)}.color-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.text-color-blue{--f7-theme-color-text-color:#2196f3}.bg-color-blue{--f7-theme-color-bg-color:#2196f3}.border-color-blue{--f7-theme-color-border-color:#2196f3}.ripple-blue,.ripple-color-blue{--f7-theme-color-ripple-color:rgba(33, 150, 243, 0.3)}.color-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.text-color-pink{--f7-theme-color-text-color:#ff2d55}.bg-color-pink{--f7-theme-color-bg-color:#ff2d55}.border-color-pink{--f7-theme-color-border-color:#ff2d55}.ripple-color-pink,.ripple-pink{--f7-theme-color-ripple-color:rgba(255, 45, 85, 0.3)}.color-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.text-color-yellow{--f7-theme-color-text-color:#ffcc00}.bg-color-yellow{--f7-theme-color-bg-color:#ffcc00}.border-color-yellow{--f7-theme-color-border-color:#ffcc00}.ripple-color-yellow,.ripple-yellow{--f7-theme-color-ripple-color:rgba(255, 204, 0, 0.3)}.color-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.text-color-orange{--f7-theme-color-text-color:#ff9500}.bg-color-orange{--f7-theme-color-bg-color:#ff9500}.border-color-orange{--f7-theme-color-border-color:#ff9500}.ripple-color-orange,.ripple-orange{--f7-theme-color-ripple-color:rgba(255, 149, 0, 0.3)}.color-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.text-color-purple{--f7-theme-color-text-color:#9c27b0}.bg-color-purple{--f7-theme-color-bg-color:#9c27b0}.border-color-purple{--f7-theme-color-border-color:#9c27b0}.ripple-color-purple,.ripple-purple{--f7-theme-color-ripple-color:rgba(156, 39, 176, 0.3)}.color-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.text-color-deeppurple{--f7-theme-color-text-color:#673ab7}.bg-color-deeppurple{--f7-theme-color-bg-color:#673ab7}.border-color-deeppurple{--f7-theme-color-border-color:#673ab7}.ripple-color-deeppurple,.ripple-deeppurple{--f7-theme-color-ripple-color:rgba(103, 58, 183, 0.3)}.color-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.text-color-lightblue{--f7-theme-color-text-color:#5ac8fa}.bg-color-lightblue{--f7-theme-color-bg-color:#5ac8fa}.border-color-lightblue{--f7-theme-color-border-color:#5ac8fa}.ripple-color-lightblue,.ripple-lightblue{--f7-theme-color-ripple-color:rgba(90, 200, 250, 0.3)}.color-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.text-color-teal{--f7-theme-color-text-color:#009688}.bg-color-teal{--f7-theme-color-bg-color:#009688}.border-color-teal{--f7-theme-color-border-color:#009688}.ripple-color-teal,.ripple-teal{--f7-theme-color-ripple-color:rgba(0, 150, 136, 0.3)}.color-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.text-color-lime{--f7-theme-color-text-color:#cddc39}.bg-color-lime{--f7-theme-color-bg-color:#cddc39}.border-color-lime{--f7-theme-color-border-color:#cddc39}.ripple-color-lime,.ripple-lime{--f7-theme-color-ripple-color:rgba(205, 220, 57, 0.3)}.color-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.text-color-deeporange{--f7-theme-color-text-color:#ff6b22}.bg-color-deeporange{--f7-theme-color-bg-color:#ff6b22}.border-color-deeporange{--f7-theme-color-border-color:#ff6b22}.ripple-color-deeporange,.ripple-deeporange{--f7-theme-color-ripple-color:rgba(255, 107, 34, 0.3)}.color-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.text-color-gray{--f7-theme-color-text-color:#8e8e93}.bg-color-gray{--f7-theme-color-bg-color:#8e8e93}.border-color-gray{--f7-theme-color-border-color:#8e8e93}.ripple-color-gray,.ripple-gray{--f7-theme-color-ripple-color:rgba(142, 142, 147, 0.3)}.color-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.text-color-white{--f7-theme-color-text-color:#ffffff}.bg-color-white{--f7-theme-color-bg-color:#ffffff}.border-color-white{--f7-theme-color-border-color:#ffffff}.ripple-color-white,.ripple-white{--f7-theme-color-ripple-color:rgba(255, 255, 255, 0.3)}.color-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.text-color-black{--f7-theme-color-text-color:#000000}.bg-color-black{--f7-theme-color-bg-color:#000000}.border-color-black{--f7-theme-color-border-color:#000000}.ripple-black,.ripple-color-black{--f7-theme-color-ripple-color:rgba(0, 0, 0, 0.3)}@font-face{font-family:framework7-core-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAz4ABAAAAAAGNgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAM3AAAABkAAAAciZuB7UdERUYAAArUAAAAIwAAACQAfQBXR1BPUwAADKwAAAAuAAAANuAY7+xHU1VCAAAK+AAAAbMAAAQuAxQJ5U9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAogAAACIAAABYt6F0cBjdnQgAAADEAAAAAQAAAAEABEBRGdhc3AAAArMAAAACAAAAAj//wADZ2x5ZgAAA6gAAAR1AAAJzOg6B0doZWFkAAABbAAAADAAAAA2FLiY/WhoZWEAAAGcAAAAIAAAACQHgQM9aG10eAAAAigAAABeAAABJC9JAAJsb2NhAAADFAAAAJQAAACUReRIiG1heHAAAAG8AAAAHwAAACAAjwBLbmFtZQAACCAAAAFSAAAC2WG9Sh5wb3N0AAAJdAAAAVYAAAJ2B5LxL3jaY2BkYGAA4r3NMlLx/DZfGbiZGEDgxtw1DjD6/49/vSxpTJ+BXA4GsDQARmkM0njaY2BkYGD6/K+XQY8l7f8PBgaWNAagCArwBACRVQXFeNpjYGRgYPBkkGJgYQABJiBmZACJOTDogQQADbgA2wB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wKxExCfBWIJoNzZ/z8Y3YBsF6g4kM2UBpFjBNJMQD0Mu4FsY4jZTGch5jAZQ8QBlR0UZwAAeNpjYGBgZoBgGQZGBhCIAfIYwXwWBgcgzcPAwcAEZCsw6DJYMsQzVP3/DxQF8QyAvMT///8//n/9/9X/G/6vh5oAB4xsDHAhRiYgwcSApgBiNRywMDCwsrFzcHJx8/DyMRAD+BkEBIWERUTFxCUkpaRlZOXkFRSVlFVU1dQ1NBkGAwAAxH4T6AARAUQAAAAqACoAKgA0AD4ASABSAFwAZgBwAHoAhACOAJgAogCsALYAwADKANQA3gDoAPIA/AEGARABGgEkAS4BOAFCAUwBVgFgAWoBdAF+AYgBkgGcAaYBsgHeAgACKgI8AlICZAKEApQCpALWAuwC/gMeAzADQgNgA3IDlgO0A8QD6gP8BBYEKgRKBFwEbgSWBKwExgTmeNrtVc9vG0UUfm8de9y43rVje204lNjZ7AYBKcna3lKcxCIJhwgCqhIIuTSpKp8CaoRsbnZujSosI5QqitVbpCLBKT8EUiUSwyW9mEoWB4RyChKpEJxyoVKz5s2sDXH6H6BKM34z387OfvO9741BgiAAbOAsuIDB4BbC5cw264K/hrc87sPMtkuiIWy5OOzm8Dbz4NPMNnLcDJpBwwz2BVc/y+Vw1v4miCbthtRqotMoOMTHz7Hn2P8ek85gLkLfkAQMXdQv4Ps4TxWmQASiAD0JT1gdTif1YTXsSehJt2UoGLWMr2cymZnMvaWpqaUpHPffkuVleRmzmZmRkZkPpjj8RL7l56DDofkDmvSRHoD+hCLxncbQ0JPp4ZdQRQMRf/P1qr79fZ8a9x0p25J05FN7fXv7HD1SHM7NY6zhfboHXqBdosxIGZ6+BN9DjYRZNMFZElvMrugrbHBscnHxzo0B9u3CxMTCeHlFL0XYwOKdxcXJ0UE2vjA+viB4gQ57dF43QIjRltZeoaBVq5gWAVrcT7CKZfDSVyNxvijKsGo/rGj1ulb5NenE1lrw4494k+9nYRQNq4KKZtcr2mwrAjafkBavkBZ0n1npMST6YZKUy3sZdTfSyenMe3v8/EfKI3QdcU1o7ijBvxGGA4ezRWQM62BTK5W07+i32N/5PEVUo6z1uL9Y0oSOdrkrJ52Aj+e336AFUYsyahlSryYFerTerp6AJGUP0gft9qb9k326vo4uHEbX+vofB1b7kfX08F/YPuXLntWMC0b3r4VVrpP5RY0HvEICtjXL4ruYBQ9NomyIVuPL2uGyRhiFvnecNUv4FuoQoBGXS2gl3GOlMSmzVaZSl1VvPu9FXeYTjsksn2fizDCPdXqf/3fACMYj7lQ8gnXbxPqJaW6YpuBcwxjlhXTrR64rxpoQe/w4VnMC8Wj+DR/Bz/gayACUuaiqoIzExEpHpxa6A4Huj90hz1W/rFz8/Eul26d85UWWVS76ZecM1/Ft4sC9Ri5ixqZIDOoigONxUHGCcuen6gNK3hmHe1r+/nMuNKe9bk1PfzK9NTc6Oje68mFo7hLNpq2hq2Mc6dSLO4yKTNiL8cLrEEuV19tSFQqEdfIkEcgbDs/rm1qxqIk6LEs5PCElQwDJAJELeBJI52k7adfe3bWh+WIu125ZhJ2dJuzgxhkQOjVPIfcqQuz4OFbDluLtmsrhp+RXQCaEE7QwV6lo7YbvnZnwd+yaVJVq3FMWec+8gL/Xj+2afb8smaci7e29L8EDvMF1Sjue+q8gH3TaaDDgXfWGqQdUx1XO+5N0r+nCu8K6FpqPbvZc+x7DIpy/Y/jtYdDNouXzOE+hUGjlvTkv1SUdLvC8k6YmF7UvETpTnY21u43G3bW1YrpIrcR/X8WBRsP+pYH3SlaxaJXE7/n6E9+Mp+JGnded/RCvVLDMh0lRfy7OTzKJH68N0jiYcqqDdy6W00mZ5Ipo53ULOPbiNelc6mSs24zd9jqWwmvP6PYPnHjkAAAAAHjarZC9TsMwFIWP+yfBgBjI7rGtmsjx0p+RSl26IIbsITWt1Sau3EhVxcuwsTGy8RQsTOx9C65dDwwdGBrpyl+Oz7XPNYAbvIPh9HXxGJghwlvgBq7xFbiJlN0HbiFir4HbuGXfgTuIGhE5WeuK/h58l2OGPl4CN3CHz8BNPOEncAt9Vgdug7OPwB3Sj5jCYIsDLDSWWKEGp8wFerRKCKQYY0CcYYMcC3KVVJaUOblzIqeXdIb2u5ia7cHq5arm3aLHpUjHA55t8oUuteXzVW43ebnVC3I+U7NrVdhTCIs1hojpaseKSHuusCOrzUu1N3Y9jAtjVawLU5F81vvXMPNi7VdL8yk/VUJzcUyo/h/h5JcYkSp9nd4GM1PVM2OXistE8Ak/G5V0OYpl7J7jEoNn5LO0r72PUxaXJvGrmw2ZsjttKi5Emggh+AUu/QVMMIYbAAB42m2QCU/CQBSEZ8ADECzIJXj+FuN937dpartKI3TJdjn+vNGFUqGJmzTpvm/evNmHFMbn5xvEf+fIfEQKaRRRRgVV1FDHKhpoYg3r2MEu9rCPAxwa7TFOcIoznOMCl7jCNW5wizvc4wGPeMIzXvCKN6aY5hznucBFZphljkvMs8BlWiyyxBWWWWGVNda5ygabXOM6N7jJLW7nQuEot2X7Miy5LdFXMrCV/9nSo0p2AjueFbO2+NDmXnCUkoP4tmSo+/Uuh+a/mFAak0LCNj+La4HU/ofvOto3FbctQzHqsCLzd6m17BjLrHI8X45IOe725CCwnZ6SylkMpRqHCAd+Vyg7EENt/QWKNLm4r9ctTN4UgdIUTCr52RGWJ9pCC1vJXuDNzOgq0c9OmFlGVys7yjybcbyAqWmUxwiKyT2blSWmGMVyZBbzzPiFpl5JdkbevxMrvisAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQYPIJsFLMYAAA12ANUAeNp1UklOAkEUfUV3Ao4goHSUQQbBIM6z4qxoPIMbNhoT4sIQD+DCMxjjOVx6BuMRjAtvge9XAz2FdLqr+r1X/7/6/0MBGEYWNahWs/2ACEwi6HQgjGrd3zWJwf4jZ+o1AmX8IowknkLt0LdhGiWjDoP4PBrYQBR5PlmUuZvgWuSTRZp/aSSoGHfxeViYQooKm13CmIudYY7JPhfFLK7xiDd84keZqqwa6lY9q3f1ob7UH66oTvGd0+czvugxlDSe5+6U0bxKJ5NbtxXQJbSzjE9X5z29uhJyPs1CQON2ZxErYIW6Qb5sxXlA4a/gItdBMYTf7fJxTOvuVHw+V9mBQRnOMBo4a/ta6zLBrAcBplfDZYwEoonDPc5ksJoyX1X2/4Iekzp6kW9Ua0pUJfpeDrkbpJD4xxjy8ILJdK/zljKtFn1bdBXTe9tBnHqJnexnkRMnrFWR8aWCztQ6/CYzxRhdkB4eJlJjH284yS94xT5jJPX5OG/t7cURK1TmuRwVkiXHr9Rlx4dnuFbopMrKuWPZGWv6vg4q971kNSWHM1nbdNZD7IqI0zh3GZ238A+0lkTEAHjaY2BkYGDgYpBjMGFgzEksyWPgYGABijD8/88AkmEszqxKhYp9YIADAMCOBtEAAHjaY2BgYGQAghsJmjlgeu4aBxgNAELpBpEAAAA=") format("woff");font-weight:400;font-style:normal}@font-face{font-family:framework7-skeleton;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAYQAA0AAAAAEcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF9AAAABkAAAAciVvoDU9TLzIAAAGcAAAASwAAAGBRtV1jY21hcAAAAfwAAAC8AAABamglddJjdnQgAAACuAAAAAQAAAAEABEBRGdhc3AAAAXsAAAACAAAAAj //wADZ2x5ZgAAA2wAAACUAAAJjHCzhiRoZWFkAAABMAAAAC4AAAA2ERr/HWhoZWEAAAFgAAAAGgAAACQC8ADFaG10eAAAAegAAAATAAAAtAMAABFsb2NhAAACvAAAAK4AAACuaNBmhG1heHAAAAF8AAAAHwAAACAAmgA5bmFtZQAABAAAAAFQAAACuLf6wytwb3N0AAAFUAAAAJkAAADOCKMIc3jaY2BkYGAA4lUx8ibx/DZfGbiZGEDgRu39AAT9/wAjA+MBIJeDASwNACBICpsAAHjaY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB42mNgZGBgCGPgYGBiAAEQycgAEnNg0AMJAAANJwDUAHjaY2BhZGCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01haGBQYKhlPPD/AIMe4wEGB5gaxgNAHgNQjhEA6dgLvQB42mNkYBBkAAJGKB4KAAAOfQAVAHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMSgxWDNEMsQz1D7/z9QXIFBjUGHwRHIT/z////j/w/+3/9/6//N/zeg5iABRjYGuCAjE5BgQlcAdAILK5DBxs7BycXAzcPLxy8gKCQsIiomLiEpBVYjLSMrJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZs5gwWBpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSyjDgAABJLiG7ABEBRAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C8gMAAw4DHAMqAzgDRgNUA2IDcAN+A4wDmgOoA7YDxAPSA+AD7gP8BAoEGAQmBDQEQgRQBF4EbAR6BIgEnASqBLgExgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVI6G36jcqNyo3GiZMSo3Kjes8hQAx51w5njapZC9agJBFIXP+EfSBMEXmEoU3GVcBNFWsLEJKbYKhEUnOrjryrggkgfIQ6RMnzZVHiBNijxM6pydHUiRFAEXLvebc8+duXcBXOEFAtXXw41ngQ6ePddwgXfPdYRCeW6gIx49N9EWb55b1L/oFI1Lnq5dV8kCXTx4rqGNV8913OLTcwNdcee5CSmePLeof2CGHHucYGGwxgYFJGdeos8cQWGICQbkGCkSrOjKGJbKgu6EVOoZ7zCuilm+P1mz3hSyt+zLSA0nAxmnycpkxsrFJrFpku3Nis57NpetGkcOYbHFGAEOzJqXao6SY0ebTTJ9zO12HBy2OtVFTvGX66c0d0LhsuVO2m0ScheJKeN/z1beESuRi+pPYJ7vinlu11pGoZJT+cdwVEdBFJSbn7djzLql1/iBlBsidLlcBrG2B8MHlRqGSil51nPfEi6AO3jaXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAAAAAAH//wACeNpjYGBgZACCGwmaOWC69n4AjAYARC0G1wAAAA==") format("woff");font-weight:300,400,500,600,700;font-style:normal,italic}.framework7-root,body,html{position:relative;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;width:100%;background:#fff;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-family:var(--f7-font-family);font-size:var(--f7-font-size);line-height:var(--f7-line-height);color:var(--f7-text-color)}.theme-dark{color:var(--f7-text-color)}.framework7-root{overflow:hidden;box-sizing:border-box}.framework7-initializing *,.framework7-initializing :after,.framework7-initializing :before{transition-duration:0s!important}.device-android,.device-ios{cursor:pointer}.device-ios{touch-action:manipulation}@media (width:1024px) and (height:691px) and (orientation:landscape){.framework7-root,body,html{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.framework7-root,body,html{height:672px}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,input,select,textarea{outline:0}a{cursor:pointer;text-decoration:none;color:var(--f7-theme-color)}.item-link,.link{cursor:pointer}p{margin:1em 0}.disabled{opacity:.55!important;pointer-events:none!important}html.device-full-viewport,html.device-full-viewport body{height:100vh}.ios .aurora-only,.ios .if-aurora,.ios .if-md,.ios .if-not-ios,.ios .md-only,.ios .not-ios{display:none!important}@media (width:1024px) and (height:691px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:672px}}.md .aurora-only,.md .if-aurora,.md .if-ios,.md .if-not-md,.md .ios-only,.md .not-md{display:none!important}.aurora .if-ios,.aurora .if-md,.aurora .if-not-aurora,.aurora .ios-only,.aurora .md-only,.aurora .not-aurora{display:none!important}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;box-sizing:border-box}.framework7-root>.view,.framework7-root>.views{height:calc(100% - var(--f7-appbar-app-offset,0px))}:root{--f7-page-master-width:320px;--f7-page-master-border-color:rgba(0, 0, 0, 0.1);--f7-page-master-border-width:1px;--f7-page-swipeback-transition-duration:300ms}.ios{--f7-page-bg-color:#efeff4;--f7-page-transition-duration:400ms}.ios .theme-dark,.ios.theme-dark{--f7-page-bg-color:#000}.md{--f7-page-bg-color:#fff;--f7-page-transition-duration:250ms}.md .theme-dark,.md.theme-dark{--f7-page-bg-color:#121212}.aurora{--f7-page-bg-color:#f3f3f3;--f7-page-transition-duration:400ms}.aurora .theme-dark,.aurora.theme-dark{--f7-page-bg-color:#121212}.theme-dark{--f7-page-master-border-color:rgba(255, 255, 255, 0.1)}.pages{position:relative;width:100%;height:100%;overflow:hidden}.page{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;transform:none;background-color:var(--f7-page-bg-color);z-index:1}.page.stacked{display:none}.page-with-navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.page-previous{pointer-events:none}.page-content{overflow:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;height:100%;position:relative;z-index:1;padding-top:calc(var(--f7-page-navbar-offset,0px) + var(--f7-page-toolbar-top-offset,0px) + var(--f7-page-subnavbar-offset,0px) + var(--f7-page-searchbar-offset,0px) + var(--f7-page-content-extra-padding-top,0px));padding-bottom:calc(var(--f7-page-toolbar-bottom-offset,0px) + var(--f7-safe-area-bottom) + var(--f7-page-content-extra-padding-bottom,0px))}.page-transitioning,.page-transitioning .page-opacity-effect,.page-transitioning .page-shadow-effect{transition-duration:var(--f7-page-transition-duration)}.page-transitioning-swipeback,.page-transitioning-swipeback .page-opacity-effect,.page-transitioning-swipeback .page-shadow-effect{transition-duration:var(--f7-page-swipeback-transition-duration)}.router-transition-backward .page-current,.router-transition-backward .page-next,.router-transition-backward .page-previous:not(.stacked),.router-transition-forward .page-current,.router-transition-forward .page-next,.router-transition-forward .page-previous:not(.stacked){pointer-events:none}.page-shadow-effect{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.page-opacity-effect{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000}.ios .page-previous{transform:translate3d(-20%,0,0)}.ios .page-next{transform:translate3d(100%,0,0)}.ios .page-previous .page-opacity-effect{opacity:1}.ios .page-previous:after{opacity:1}.ios .page-current .page-shadow-effect{opacity:1}.ios .router-transition-forward .page-current,.ios .router-transition-forward .page-next{will-change:transform}.ios .router-transition-forward .page-next{animation:ios-page-next-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-next:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current{animation:ios-page-current-to-previous var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current,.ios .router-transition-backward .page-previous{will-change:transform}.ios .router-transition-backward .page-previous{animation:ios-page-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current{animation:ios-page-current-to-next var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}@keyframes ios-page-next-to-current{from{transform:translate3d(100%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-previous-to-current{from{transform:translate3d(-20%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-current-to-previous{from{transform:translate3d(0,0,0)}to{transform:translate3d(-20%,0,0)}}@keyframes ios-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(100%,0,0)}}@keyframes ios-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-page-element-fade-out{from{opacity:1}to{opacity:0}}.md .page-next{transform:translate3d(0,56px,0);opacity:0;pointer-events:none}.md .page-next.page-next-on-right{transform:translate3d(100%,0,0)}.md .router-transition-forward .page-next{will-change:transform,opacity;animation:md-page-next-to-current var(--f7-page-transition-duration) forwards}.md .router-transition-forward .page-current{animation:none}.md .router-transition-backward .page-current{will-change:transform,opacity;animation:md-page-current-to-next var(--f7-page-transition-duration) forwards}.md .router-transition-backward .page-previous{animation:none}@keyframes md-page-next-to-current{from{transform:translate3d(0,56px,0);opacity:0}to{transform:translate3d(0,0px,0);opacity:1}}@keyframes md-page-current-to-next{from{transform:translate3d(0,0,0);opacity:1}to{transform:translate3d(0,56px,0);opacity:0}}.aurora .page-next{pointer-events:none;transform:translate3d(100%,0px,0)}.aurora .page-next.page-next-on-right{transform:translate3d(100%,0,0)}.aurora .page-previous .page-opacity-effect{opacity:1}.aurora .page-previous:after{opacity:1}.aurora .router-transition-forward .page-next{will-change:transform;animation:aurora-page-next-to-current var(--f7-page-transition-duration) forwards}.aurora .router-transition-forward .page-current{animation:none}.aurora .router-transition-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:aurora-page-element-fade-in var(--f7-page-transition-duration) forwards}.aurora .router-transition-backward .page-current{will-change:transform,opacity;animation:aurora-page-current-to-next var(--f7-page-transition-duration) forwards}.aurora .router-transition-backward .page-previous{animation:none}.aurora .router-transition-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:aurora-page-element-fade-out var(--f7-page-transition-duration) forwards}@keyframes aurora-page-next-to-current{from{transform:translate3d(100%,0,0)}to{transform:translate3d(0,0px,0)}}@keyframes aurora-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(100%,0,0)}}@keyframes aurora-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes aurora-page-element-fade-out{from{opacity:1}to{opacity:0}}.view:not(.view-master-detail) .page-master-stacked{display:none}.view:not(.view-master-detail) .navbar-master-stacked{display:none}.view-master-detail .navbar-master,.view-master-detail .page-master{width:var(--f7-page-master-width);--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px;border-right:var(--f7-page-master-border-width) solid var(--f7-page-master-border-color)}.view-master-detail .navbar-master-detail,.view-master-detail .page-master-detail{width:calc(100% - var(--f7-page-master-width));--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px;left:var(--f7-page-master-width)}.view-master-detail .page-master{z-index:2;transform:none;pointer-events:auto}.view-master-detail .page-master:after,.view-master-detail .page-master:before{display:none}.view-master-detail.router-transition .page-master{animation:none}:root{--f7-link-highlight-black:rgba(0, 0, 0, 0.1);--f7-link-highlight-white:rgba(255, 255, 255, 0.15);--f7-link-highlight-color:var(--f7-link-highlight-black)}.theme-dark{--f7-link-highlight-color:var(--f7-link-highlight-white)}.link,.tab-link{display:inline-flex;align-items:center;align-content:center;justify-content:center;position:relative;box-sizing:border-box;transform:translate3d(0,0,0);z-index:1}.link i+i,.link i+span,.link span+i,.link span+span{margin-left:4px}.ios .link{transition:opacity .3s}.ios .link.active-state{opacity:.3;transition-duration:0s}.aurora .link{transition:opacity .3s}.aurora .link.active-state{opacity:.3;transition-duration:0s}:root{--f7-navbar-hide-show-transition-duration:400ms;--f7-navbar-title-line-height:1.2;--f7-navbar-title-font-size:inherit;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-text-color:inherit}.ios{--f7-navbar-height:44px;--f7-navbar-tablet-height:44px;--f7-navbar-font-size:17px;--f7-navbar-inner-padding-left:8px;--f7-navbar-inner-padding-right:8px;--f7-navbar-title-font-weight:600;--f7-navbar-title-margin-left:0;--f7-navbar-title-margin-right:0;--f7-navbar-title-text-align:center;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.55);--f7-navbar-subtitle-font-size:10px;--f7-navbar-subtitle-line-height:1;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:52px;--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-font-weight:700;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-vertical:6px;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px}.ios .theme-dark,.ios.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-navbar-height:56px;--f7-navbar-tablet-height:64px;--f7-navbar-font-size:20px;--f7-navbar-inner-padding-left:0px;--f7-navbar-inner-padding-right:0px;--f7-navbar-title-font-weight:500;--f7-navbar-title-margin-left:16px;--f7-navbar-title-margin-right:16px;--f7-navbar-title-text-align:left;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.85);--f7-navbar-subtitle-font-size:14px;--f7-navbar-subtitle-line-height:1.2;--f7-navbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-height:56px;--f7-navbar-large-title-font-weight:500;--f7-navbar-large-title-letter-spacing:0;--f7-navbar-large-title-padding-vertical:8px;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px}.md .theme-dark,.md.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.85)}.aurora{--f7-navbar-height:38px;--f7-navbar-tablet-height:38px;--f7-navbar-font-size:14px;--f7-navbar-inner-padding-left:16px;--f7-navbar-inner-padding-right:16px;--f7-navbar-title-font-weight:600;--f7-navbar-title-margin-left:0;--f7-navbar-title-margin-right:0;--f7-navbar-title-text-align:center;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.6);--f7-navbar-subtitle-font-size:12px;--f7-navbar-subtitle-line-height:1;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:38px;--f7-navbar-large-title-font-size:26px;--f7-navbar-large-title-font-weight:bold;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-vertical:4px;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px;--f7-navbar-link-height:auto;--f7-navbar-link-line-height:inherit}.aurora .theme-dark,.aurora.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.5)}.navbar,.navbars{z-index:500;left:0;top:0;width:100%}.navbars{position:absolute}.navbars .navbar{z-index:auto}.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;transform:translate3d(0,0,0)}.navbar .right:first-child{position:absolute;height:100%}.navbar .no-border .navbar-bg:after,.navbar .no-hairline .navbar-bg:after,.navbar.no-border .navbar-bg:after,.navbar.no-hairline .navbar-bg:after{display:none!important}.navbar .no-border .title-large:after,.navbar .no-hairline .title-large:after,.navbar.no-border .title-large:after,.navbar.no-hairline .title-large:after{display:none!important}.navbar .no-shadow .navbar-bg:before,.navbar.no-shadow .navbar-bg:before{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-image:var(--f7-navbar-bg-image,var(--f7-bars-bg-image));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:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-navbar-shadow-image)}.navbar-bg:after{z-index:1}@media (min-width:768px){:root{--f7-navbar-height:var(--f7-navbar-tablet-height)}}.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-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))}.navbar-inner.stacked{display:none}.navbars>.navbar,.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.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 .navbar-bg,.navbar-large-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)}.navbar-large-transparent .navbar-bg{opacity:var(--f7-navbar-large-collapse-progress);height:100%;transform:none}.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;align-items:flex-end;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-transparent-bg-center:translateX(0);--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-transparent-bg-left:translateX(-100%);--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 .material-icons{width:24px}.ios .navbar .f7-icons{width:28px}.ios .navbar a.icon-only{width:44px;margin:0;justify-content:center}.ios .navbar .left a+a,.ios .navbar .right a+a{margin-left: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.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-current.navbar-large-collapsed.navbar-large-transparent:not(.router-navbar-transition-to-large) .navbar-bg{animation-name:ios-navbar-transparent-bg-from-c-to-l}.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-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}.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large-transparent .navbar-bg{animation-name:ios-navbar-transparent-bg-from-l-to-c}.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large-transparent.router-navbar-transition-from-large .navbar-bg{animation-name:ios-navbar-bg-from-lb-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{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)/ 2)) 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)}}@keyframes ios-navbar-transparent-bg-from-l-to-c{from{transform:var(--f7-navbar-large-transparent-bg-left)}to{transform:var(--f7-navbar-large-transparent-bg-center)}}@keyframes ios-navbar-transparent-bg-from-c-to-l{from{transform:var(--f7-navbar-large-transparent-bg-center)}to{transform:var(--f7-navbar-large-transparent-bg-left)}}.md .navbar .material-icons{width:24px}.md .navbar .f7-icons{width:28px}.md .navbar a.link{padding:0 16px;min-width:48px}.md .navbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .navbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .navbar a.icon-only{min-width:0;flex-shrink:0;width:56px}.md .navbar .right{margin-left:auto}.md .navbar .right:first-child{right:var(--f7-safe-area-right)}.md .navbar-inner{justify-content:flex-start;overflow:hidden}.md .navbar-large:not(.navbar-large-collapsed) .navbar-inner{overflow:visible}.md .page.page-with-subnavbar .navbar-inner{overflow:visible}.md .navbar-inner-centered-title{justify-content:space-between}.md .navbar-inner-centered-title .right{margin-left:0}.md .navbar-inner-centered-title .title{text-align:center}.aurora .navbar a.icon-only{margin:0;justify-content:center}.aurora .navbar .left a+a,.aurora .navbar .right a+a{margin-left:10px}.aurora .navbar b{font-weight:700}.aurora .navbar .left{margin-right:10px}.aurora .navbar .right{margin-left:10px}.aurora .navbar .right:first-child{right:calc(16px + var(--f7-safe-area-right))}.aurora .navbar-inner{justify-content:space-between}.aurora .navbar-inner-left-title{justify-content:flex-start}.aurora .navbar-inner-left-title .right{margin-left:auto}.aurora .navbar-inner-left-title .title{text-align:left;margin-right:10px}:root{--f7-tabbar-link-active-bg-color:transparent;--f7-tabbar-label-text-transform:none;--f7-toolbar-hide-show-transition-duration:400ms}.ios{--f7-toolbar-height:44px;--f7-toolbar-font-size:17px;--f7-toolbar-inner-padding-left:8px;--f7-toolbar-inner-padding-right:8px;--f7-tabbar-labels-height:50px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.4);--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:28px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:12px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-font-weight:500;--f7-tabbar-label-letter-spacing:0.01}.ios .theme-dark,.ios.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.54)}.md{--f7-toolbar-height:48px;--f7-toolbar-font-size:14px;--f7-toolbar-inner-padding-left:0px;--f7-toolbar-inner-padding-right:0px;--f7-tabbar-labels-height:56px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.54);--f7-toolbar-top-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-toolbar-bottom-shadow-image:var(--f7-bars-shadow-top-image);--f7-tabbar-icon-size:24px;--f7-tabbar-link-text-transform:uppercase;--f7-tabbar-link-font-weight:500;--f7-tabbar-link-letter-spacing:0.03em;--f7-tabbar-label-font-size:14px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0}.md .theme-dark,.md.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-toolbar-height:38px;--f7-toolbar-font-size:14px;--f7-toolbar-inner-padding-left:16px;--f7-toolbar-inner-padding-right:16px;--f7-toolbar-link-height:auto;--f7-toolbar-link-line-height:inherit;--f7-tabbar-labels-height:44px;--f7-tabbar-labels-tablet-height:44px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.5);--f7-tabbar-link-inactive-bg-color:rgba(0, 0, 0, 0.2);--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:18px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:12px;--f7-tabbar-label-tablet-font-size:12px;--f7-tabbar-label-font-weight:500;--f7-tabbar-label-letter-spacing:0.01}.aurora .theme-dark,.aurora.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.5)}.toolbar{width:100%;position:relative;margin:0;transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:600;box-sizing:border-box;left:0;height:var(--f7-toolbar-height);background-image:var(--f7-toolbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-toolbar-bg-color,var(--f7-bars-bg-color));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 a.link{display:flex;line-height:var(--f7-toolbar-link-line-height,var(--f7-toolbar-height));height:var(--f7-toolbar-link-height,var(--f7-toolbar-height))}.toolbar i.icon{display:block}.toolbar:after,.toolbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.page>.toolbar,.view>.toolbar,.views>.toolbar{position:absolute}.aurora .toolbar-top-aurora,.ios .toolbar-top-ios,.md .toolbar-top-md,.toolbar-top{top:0}.aurora .toolbar-top-aurora .tab-link-highlight,.ios .toolbar-top-ios .tab-link-highlight,.md .toolbar-top-md .tab-link-highlight,.toolbar-top .tab-link-highlight{bottom:0}.aurora .toolbar-top-aurora.no-border:after,.aurora .toolbar-top-aurora.no-hairline:after,.ios .toolbar-top-ios.no-border:after,.ios .toolbar-top-ios.no-hairline:after,.md .toolbar-top-md.no-border:after,.md .toolbar-top-md.no-hairline:after,.toolbar-top.no-border:after,.toolbar-top.no-hairline:after{display:none!important}.aurora .toolbar-top-aurora.no-shadow:before,.aurora .toolbar-top-aurora.toolbar-hidden:before,.ios .toolbar-top-ios.no-shadow:before,.ios .toolbar-top-ios.toolbar-hidden:before,.md .toolbar-top-md.no-shadow:before,.md .toolbar-top-md.toolbar-hidden:before,.toolbar-top.no-shadow:before,.toolbar-top.toolbar-hidden:before{display:none!important}.aurora .toolbar-top-aurora:after,.aurora .toolbar-top-aurora:before,.ios .toolbar-top-ios:after,.ios .toolbar-top-ios:before,.md .toolbar-top-md:after,.md .toolbar-top-md:before,.toolbar-top:after,.toolbar-top:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.aurora .toolbar-top-aurora:after,.ios .toolbar-top-ios:after,.md .toolbar-top-md:after,.toolbar-top:after{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .toolbar-top-aurora:before,.ios .toolbar-top-ios:before,.md .toolbar-top-md:before,.toolbar-top:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-toolbar-top-shadow-image)}.aurora .toolbar-bottom-aurora,.ios .toolbar-bottom-ios,.md .toolbar-bottom-md,.toolbar-bottom{bottom:0;height:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.aurora .toolbar-bottom-aurora .tab-link-highlight,.ios .toolbar-bottom-ios .tab-link-highlight,.md .toolbar-bottom-md .tab-link-highlight,.toolbar-bottom .tab-link-highlight{top:0}.aurora .toolbar-bottom-aurora .toolbar-inner,.ios .toolbar-bottom-ios .toolbar-inner,.md .toolbar-bottom-md .toolbar-inner,.toolbar-bottom .toolbar-inner{height:auto;top:0;bottom:var(--f7-safe-area-bottom)}.aurora .toolbar-bottom-aurora.no-border:before,.aurora .toolbar-bottom-aurora.no-hairline:before,.ios .toolbar-bottom-ios.no-border:before,.ios .toolbar-bottom-ios.no-hairline:before,.md .toolbar-bottom-md.no-border:before,.md .toolbar-bottom-md.no-hairline:before,.toolbar-bottom.no-border:before,.toolbar-bottom.no-hairline:before{display:none!important}.aurora .toolbar-bottom-aurora.no-shadow:after,.aurora .toolbar-bottom-aurora.toolbar-hidden:after,.ios .toolbar-bottom-ios.no-shadow:after,.ios .toolbar-bottom-ios.toolbar-hidden:after,.md .toolbar-bottom-md.no-shadow:after,.md .toolbar-bottom-md.toolbar-hidden:after,.toolbar-bottom.no-shadow:after,.toolbar-bottom.toolbar-hidden:after{display:none!important}.aurora .toolbar-bottom-aurora:before,.ios .toolbar-bottom-ios:before,.md .toolbar-bottom-md:before,.toolbar-bottom:before{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .toolbar-bottom-aurora:after,.ios .toolbar-bottom-ios:after,.md .toolbar-bottom-md:after,.toolbar-bottom:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-toolbar-bottom-shadow-image)}.toolbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-content:center;overflow:hidden;padding:0 calc(var(--f7-toolbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-toolbar-inner-padding-left) + var(--f7-safe-area-left))}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a,.tabbar-labels a{color:var(--f7-tabbar-link-inactive-color)}.tabbar a.tab-link:not(.tab-link-active),.tabbar-labels a.tab-link:not(.tab-link-active){background-color:var(--f7-tabbar-link-inactive-bg-color,transparent)}.tabbar a.link,.tabbar-labels a.link{line-height:1.4}.tabbar a.link,.tabbar a.tab-link,.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;text-transform:var(--f7-tabbar-link-text-transform);font-weight:var(--f7-tabbar-link-font-weight);letter-spacing:var(--f7-tabbar-link-letter-spacing);overflow:hidden}.tabbar .tab-link-active,.tabbar-labels .tab-link-active{color:var(--f7-tabbar-link-active-color,var(--f7-theme-color));background-color:var(--f7-tabbar-link-active-bg-color,transparent)}.tabbar i.icon,.tabbar-labels i.icon{font-size:var(--f7-tabbar-icon-size);height:var(--f7-tabbar-icon-size);line-height:var(--f7-tabbar-icon-size)}.tabbar-labels{--f7-toolbar-height:var(--f7-tabbar-labels-height)}.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;justify-content:space-between;align-items:center}.tabbar-labels .tabbar-label{display:block;line-height:1;margin:0;position:relative;text-overflow:ellipsis;white-space:nowrap;font-size:var(--f7-tabbar-label-font-size);text-transform:var(--f7-tabbar-label-text-transform);font-weight:var(--f7-tabbar-label-font-weight);letter-spacing:var(--f7-tabbar-label-letter-spacing)}@media (min-width:768px){:root{--f7-tabbar-labels-height:var(--f7-tabbar-labels-tablet-height);--f7-tabbar-label-font-size:var(--f7-tabbar-label-tablet-font-size)}}.tabbar-scrollable .toolbar-inner{justify-content:flex-start;overflow:auto;-webkit-overflow-scrolling:touch}.tabbar-scrollable .toolbar-inner::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;-webkit-appearance:none;opacity:0!important}.tabbar-scrollable a.link,.tabbar-scrollable a.tab-link{width:auto;flex-shrink:0}.navbar-transitioning+.toolbar,.navbar-transitioning~* .toolbar,.toolbar-transitioning{transition-duration:var(--f7-toolbar-hide-show-transition-duration)}.aurora .toolbar-bottom-aurora~*,.ios .toolbar-bottom-ios~*,.md .toolbar-bottom-md~*,.toolbar-bottom~*{--f7-page-toolbar-bottom-offset:var(--f7-toolbar-height)}.aurora .toolbar-bottom-aurora.tabbar-labels~*,.ios .toolbar-bottom-ios.tabbar-labels~*,.md .toolbar-bottom-md.tabbar-labels~*,.toolbar-bottom.tabbar-labels~*{--f7-page-toolbar-bottom-offset:var(--f7-tabbar-labels-height)}.aurora .toolbar-bottom-aurora.toolbar-hidden,.ios .toolbar-bottom-ios.toolbar-hidden,.md .toolbar-bottom-md.toolbar-hidden,.toolbar-bottom.toolbar-hidden{transform:translate3d(0,100%,0)}.aurora .toolbar-top-aurora~*,.ios .toolbar-top-ios~*,.md .toolbar-top-md~*,.toolbar-top~*{--f7-page-toolbar-top-offset:var(--f7-toolbar-height)}.aurora .toolbar-top-aurora.tabbar-labels~*,.ios .toolbar-top-ios.tabbar-labels~*,.md .toolbar-top-md.tabbar-labels~*,.toolbar-top.tabbar-labels~*{--f7-page-toolbar-top-offset:var(--f7-tabbar-labels-height)}.aurora .toolbar-top-aurora.toolbar-hidden,.ios .toolbar-top-ios.toolbar-hidden,.md .toolbar-top-md.toolbar-hidden,.toolbar-top.toolbar-hidden{transform:translate3d(0,-100%,0)}.aurora .navbar~* .toolbar-top-aurora,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora,.aurora .navbar~.toolbar-top-aurora,.ios .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))}.aurora .navbar~* .toolbar-top-aurora.toolbar-hidden,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden,.aurora .navbar~.toolbar-top-aurora.toolbar-hidden,.ios .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)}.aurora .navbar~* .toolbar-top-aurora.toolbar-hidden.tabbar-labels,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden.tabbar-labels,.aurora .navbar~.toolbar-top-aurora.toolbar-hidden.tabbar-labels,.ios .navbars~* .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbars~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbars~.toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~* .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.toolbar-top-ios.toolbar-hidden.tabbar-labels,.md .navbar~* .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.toolbar-top-md.toolbar-hidden.tabbar-labels,.navbars~* .toolbar-top.toolbar-hidden.tabbar-labels,.navbars~.page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels,.navbars~.toolbar-top.toolbar-hidden.tabbar-labels,.navbar~* .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.toolbar-top.toolbar-hidden.tabbar-labels{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-safe-area-top))),0)}.aurora .navbar-hidden+.toolbar-top-aurora:not(.toolbar-hidden),.aurora .navbar-hidden~* .toolbar-top-aurora:not(.toolbar-hidden),.ios .navbar-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(0px - var(--f7-navbar-height)),0)}.aurora .navbar-large-hidden~* .toolbar-top-aurora:not(.toolbar-hidden),.ios .navbar-large-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-large-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-large-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-large-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-large-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-large-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(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-labels a.link,.ios .tabbar-labels a.tab-link{padding-top:4px;padding-bottom:4px}.ios .tabbar-labels a.link i+span,.ios .tabbar-labels a.tab-link i+span{margin:0}@media (min-width:768px){.ios .tabbar .toolbar-inner,.ios .tabbar-labels .toolbar-inner{justify-content:center}.ios .tabbar a.link,.ios .tabbar a.tab-link,.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{width:auto;min-width:105px}}.ios .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.ios .tabbar-scrollable a.link,.ios .tabbar-scrollable a.tab-link{padding:0 8px}.md .toolbar a.link{justify-content:center;padding:0 16px;min-width:48px}.md .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .toolbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .toolbar a.icon-only{min-width:0;flex-shrink:0}.md .tabbar a.link,.md .tabbar a.tab-link,.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-left:0;padding-right:0}.md .tabbar a.icon-only,.md .tabbar-labels a.icon-only{flex-shrink:initial}.md .tabbar a.tab-link,.md .tabbar-labels a.tab-link{transition-duration:.3s;overflow:hidden;position:relative}.md .tabbar .tab-link-highlight,.md .tabbar-labels .tab-link-highlight{position:absolute;height:2px;background:var(--f7-tabbar-link-active-border-color,var(--f7-theme-color));transition-duration:.3s;left:0}.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-top:7px;padding-bottom:7px}.md .tabbar-label{max-width:100%;overflow:hidden;line-height:1.2}.md .tabbar-scrollable .toolbar-inner{overflow:auto}.md .tabbar-scrollable a.link,.md .tabbar-scrollable a.tab-link{padding:0 16px}.aurora .toolbar a.icon-only{min-height:var(--f7-toolbar-height);display:flex;justify-content:center;align-items:center;margin:0}.aurora .tabbar .toolbar-inner,.aurora .tabbar-labels .toolbar-inner{padding-left:0;padding-right:0}.aurora .tabbar a.link,.aurora .tabbar a.tab-link,.aurora .tabbar-labels a.link,.aurora .tabbar-labels a.tab-link{transition-duration:.2s}.aurora .tabbar-labels a.link,.aurora .tabbar-labels a.tab-link{padding-top:5px;padding-bottom:5px}.aurora .tabbar-labels a.link i+span,.aurora .tabbar-labels a.tab-link i+span{margin:0}.aurora .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.aurora .tabbar-scrollable a.link,.aurora .tabbar-scrollable a.tab-link{padding:0 16px}: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;--f7-subnavbar-shadow-image:none}.md{--f7-subnavbar-height:48px;--f7-subnavbar-inner-padding-left:16px;--f7-subnavbar-inner-padding-right:16px;--f7-subnavbar-title-font-size:20px;--f7-subnavbar-title-font-weight:500;--f7-subnavbar-title-letter-spacing:0;--f7-subnavbar-title-margin-left:0px;--f7-subnavbar-shadow-image:var(--f7-bars-shadow-bottom-image)}.aurora{--f7-subnavbar-height:38px;--f7-subnavbar-inner-padding-left:16px;--f7-subnavbar-inner-padding-right:16px;--f7-subnavbar-title-font-size:26px;--f7-subnavbar-title-font-weight:bold;--f7-subnavbar-title-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:0px;--f7-subnavbar-shadow-image:none;--f7-subnavbar-link-height:auto;--f7-subnavbar-link-line-height:inherit}.subnavbar{width:100%;position:absolute;left:0;top:0;z-index:600;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;background-image:var(--f7-subnavbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-subnavbar-bg-color,var(--f7-bars-bg-color));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-border:after,.subnavbar.no-hairline:after{display:none!important}.subnavbar.navbar-hidden:before,.subnavbar.no-shadow:before{display:none!important}.subnavbar:after,.subnavbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.subnavbar:after{content:'';position:absolute;background-color:var(--f7-subnavbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.subnavbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-subnavbar-shadow-image)}.subnavbar-inner{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;justify-content:space-between;overflow:hidden;padding:0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left))}.subnavbar-inner.stacked{display:none}.navbar .subnavbar{top:100%}.page>.subnavbar,.view>.subnavbar,.views>.subnavbar{position:absolute}.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 16px}.md .subnavbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .subnavbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .subnavbar a.icon-only{flex-shrink:0}.md .subnavbar-inner>a.link:first-child{margin-left:calc(-1 * var(--f7-subnavbar-inner-padding-left))}.md .subnavbar-inner>a.link:last-child{margin-right:calc(-1 * var(--f7-subnavbar-inner-padding-right))}.aurora .subnavbar{height:calc(var(--f7-subnavbar-height) + 1px);margin-top:-1px;padding-top:1px}.aurora .subnavbar .title{align-self:flex-start;flex-shrink:10}.aurora .subnavbar .left a+a,.aurora .subnavbar .right a+a{margin-left:10px}.aurora .subnavbar .left{margin-right:10px}.aurora .subnavbar .right{margin-left:10px}.aurora .subnavbar .right:first-child{right:16px}.aurora .subnavbar a.link{justify-content:flex-start}.aurora .subnavbar a.icon-only{justify-content:center;margin:0}:root{--f7-block-padding-horizontal:16px;--f7-block-padding-vertical:16px;--f7-block-font-size:inherit;--f7-block-text-color:inherit;--f7-block-strong-bg-color:#fff;--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-color:#000;--f7-block-title-medium-text-transform:none;--f7-block-title-large-text-color:#000;--f7-block-title-large-text-transform:none;--f7-block-inset-side-margin:16px}:root .theme-dark,:root.theme-dark{--f7-block-title-text-color:#fff;--f7-block-strong-border-color:rgba(255, 255, 255, 0.15);--f7-block-title-medium-text-color:#fff;--f7-block-title-large-text-color:#fff;--f7-block-strong-bg-color:#1c1c1d}.ios{--f7-block-margin-vertical:35px;--f7-block-strong-text-color:#000;--f7-block-strong-border-color:rgba(0, 0, 0, 0.22);--f7-block-title-text-color:#000;--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:7px;--f7-block-header-text-color:rgba(0, 0, 0, 0.45);--f7-block-footer-text-color:rgba(0, 0, 0, 0.45)}.ios .theme-dark,.ios.theme-dark{--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}.md{--f7-block-margin-vertical:32px;--f7-block-strong-text-color:inherit;--f7-block-strong-border-color:rgba(0, 0, 0, 0.12);--f7-block-title-font-size:inherit;--f7-block-title-text-color:rgba(0, 0, 0, 0.54);--f7-block-title-font-weight:500;--f7-block-title-line-height:16px;--f7-block-title-margin-bottom:16px;--f7-block-title-medium-font-size:24px;--f7-block-title-medium-font-weight:500;--f7-block-title-medium-line-height:1.3;--f7-block-title-large-font-size:34px;--f7-block-title-large-font-weight:500;--f7-block-title-large-line-height:1.2;--f7-block-inset-border-radius:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.54);--f7-block-footer-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-block-header-text-color:rgba(255, 255, 255, 0.54);--f7-block-footer-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-block-margin-vertical:15px;--f7-block-strong-text-color:inherit;--f7-block-strong-border-color:rgba(0, 0, 0, 0.12);--f7-block-title-font-size:inherit;--f7-block-title-text-color:rgba(0, 0, 0, 0.7);--f7-block-title-font-weight:600;--f7-block-title-line-height:1.5;--f7-block-title-margin-bottom:5px;--f7-block-title-medium-font-size:20px;--f7-block-title-medium-font-weight:600;--f7-block-title-medium-line-height:1.4;--f7-block-title-large-font-size:28px;--f7-block-title-large-font-weight:bold;--f7-block-title-large-line-height:1.3;--f7-block-inset-border-radius:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.6);--f7-block-footer-text-color:rgba(0, 0, 0, 0.6)}.aurora .theme-dark,.aurora.theme-dark{--f7-block-header-text-color:rgba(255, 255, 255, 0.54);--f7-block-footer-text-color:rgba(255, 255, 255, 0.54);--f7-block-strong-text-color:#fff}.block{box-sizing:border-box;position:relative;z-index:1;color:var(--f7-block-text-color);margin:var(--f7-block-margin-vertical) 0;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right));font-size:var(--f7-block-font-size)}.aurora .block.no-hairlines-aurora ul:before,.aurora .block.no-hairlines-aurora:before,.block.no-hairlines ul:before,.block.no-hairlines:before,.ios .block.no-hairlines-ios ul:before,.ios .block.no-hairlines-ios:before,.md .block.no-hairlines-md ul:before,.md .block.no-hairlines-md:before{display:none!important}.aurora .block.no-hairlines-aurora ul:after,.aurora .block.no-hairlines-aurora:after,.block.no-hairlines ul:after,.block.no-hairlines:after,.ios .block.no-hairlines-ios ul:after,.ios .block.no-hairlines-ios:after,.md .block.no-hairlines-md ul:after,.md .block.no-hairlines-md:after{display:none!important}.aurora .block.no-hairline-top-aurora ul:before,.aurora .block.no-hairline-top-aurora:before,.block.no-hairline-top ul:before,.block.no-hairline-top:before,.ios .block.no-hairline-top-ios ul:before,.ios .block.no-hairline-top-ios:before,.md .block.no-hairline-top-md ul:before,.md .block.no-hairline-top-md:before{display:none!important}.aurora .block.no-hairline-bottom-aurora ul:after,.aurora .block.no-hairline-bottom-aurora:after,.block.no-hairline-bottom ul:after,.block.no-hairline-bottom:after,.ios .block.no-hairline-bottom-ios ul:after,.ios .block.no-hairline-bottom-ios:after,.md .block.no-hairline-bottom-md ul:after,.md .block.no-hairline-bottom-md:after{display:none!important}.block>h1:first-child,.block>h2:first-child,.block>h3:first-child,.block>h4:first-child,.block>p:first-child{margin-top:0}.block>h1:last-child,.block>h2:last-child,.block>h3:last-child,.block>h4:last-child,.block>p:last-child{margin-bottom:0}.block-strong{color:var(--f7-block-strong-text-color);padding-top:var(--f7-block-padding-vertical);padding-bottom:var(--f7-block-padding-vertical);background-color:var(--f7-block-strong-bg-color)}.block-strong:before{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-strong:after{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-title{position:relative;overflow:hidden;margin:0;white-space:var(--f7-block-title-white-space);text-overflow:ellipsis;text-transform:var(--f7-block-title-text-transform);color:var(--f7-block-title-text-color);font-size:var(--f7-block-title-font-size,inherit);font-weight:var(--f7-block-title-font-weight);line-height:var(--f7-block-title-line-height);margin-top:var(--f7-block-margin-vertical);margin-bottom:var(--f7-block-title-margin-bottom);margin-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-title+.block,.block-title+.block-header,.block-title+.card,.block-title+.list,.block-title+.timeline{margin-top:0px}.block-title-medium{font-size:var(--f7-block-title-medium-font-size);text-transform:var(--f7-block-title-medium-text-transform);color:var(--f7-block-title-medium-text-color);font-weight:var(--f7-block-title-medium-font-weight);line-height:var(--f7-block-title-medium-line-height)}.block-title-large{font-size:var(--f7-block-title-large-font-size);text-transform:var(--f7-block-title-large-text-transform);color:var(--f7-block-title-large-text-color);font-weight:var(--f7-block-title-large-font-weight);line-height:var(--f7-block-title-large-line-height)}.block>.block-title:first-child,.list>.block-title:first-child{margin-top:0;margin-left:0;margin-right:0}.block-header{color:var(--f7-block-header-text-color);font-size:var(--f7-block-header-font-size);margin-bottom:var(--f7-block-header-margin);margin-top:var(--f7-block-margin-vertical)}.block-header+.block,.block-header+.card,.block-header+.list,.block-header+.timeline{margin-top:var(--f7-block-header-margin)}.block-footer{color:var(--f7-block-footer-text-color);font-size:var(--f7-block-footer-font-size);margin-top:var(--f7-block-footer-margin);margin-bottom:var(--f7-block-margin-vertical)}.block-footer,.block-header{padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-footer h1:first-child,.block-footer h2:first-child,.block-footer h3:first-child,.block-footer h4:first-child,.block-footer p:first-child,.block-footer ul:first-child,.block-header h1:first-child,.block-header h2:first-child,.block-header h3:first-child,.block-header h4:first-child,.block-header p:first-child,.block-header ul:first-child{margin-top:0}.block-footer h1:last-child,.block-footer h2:last-child,.block-footer h3:last-child,.block-footer h4:last-child,.block-footer p:last-child,.block-footer ul:last-child,.block-header h1:last-child,.block-header h2:last-child,.block-header h3:last-child,.block-header h4:last-child,.block-header p:last-child,.block-header ul:last-child{margin-bottom:0}.block-footer h1:first-child:last-child,.block-footer h2:first-child:last-child,.block-footer h3:first-child:last-child,.block-footer h4:first-child:last-child,.block-footer p:first-child:last-child,.block-footer ul:first-child:last-child,.block-header h1:first-child:last-child,.block-header h2:first-child:last-child,.block-header h3:first-child:last-child,.block-header h4:first-child:last-child,.block-header p:first-child:last-child,.block-header ul:first-child:last-child{margin-top:0;margin-bottom:0}.block .block-header,.card .block-header,.list .block-header,.timeline .block-header{margin-top:0}.block .block-footer,.card .block-footer,.list .block-footer,.timeline .block-footer{margin-bottom:0}.block+.block-footer,.card+.block-footer,.list+.block-footer,.timeline+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)))}.block+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)));margin-bottom:var(--f7-block-margin-vertical)}.block .block-footer,.block .block-header{padding:0}.block.inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.inset:before{display:none!important}.block-strong.inset:after{display:none!important}@media (min-width:768px){.block.tablet-inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.tablet-inset:before{display:none!important}.block-strong.tablet-inset:after{display:none!important}}:root{--f7-list-inset-side-margin:16px;--f7-list-item-cell-margin:16px;--f7-list-item-padding-horizontal:16px;--f7-list-media-item-padding-horizontal:16px;--f7-list-bg-color:#fff;--f7-list-item-text-max-lines:2;--f7-list-chevron-icon-color:rgba(0, 0, 0, 0.2);--f7-list-chevron-icon-font-size:20px;--f7-list-item-title-font-size:inherit;--f7-list-item-title-font-weight:400;--f7-list-item-title-text-color:inherit;--f7-list-item-title-line-height:inherit;--f7-list-item-title-white-space:nowrap;--f7-list-item-subtitle-font-weight:400;--f7-list-item-subtitle-text-color:inherit;--f7-list-item-subtitle-line-height:inherit;--f7-list-item-text-font-weight:400;--f7-list-item-after-font-weight:400;--f7-list-item-header-text-color:inherit;--f7-list-item-header-font-size:12px;--f7-list-item-header-font-weight:400;--f7-list-item-header-line-height:1.2;--f7-list-item-footer-font-size:12px;--f7-list-item-footer-font-weight:400;--f7-list-item-footer-line-height:1.2;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-item-divider-line-height:inherit;--f7-list-group-title-line-height:inherit}:root .theme-dark,:root.theme-dark{--f7-list-button-border-color:rgba(255, 255, 255, 0.15);--f7-list-bg-color:#1c1c1d;--f7-list-border-color:rgba(255, 255, 255, 0.15);--f7-list-item-border-color:rgba(255, 255, 255, 0.15);--f7-list-item-divider-border-color:rgba(255, 255, 255, 0.15);--f7-list-item-divider-bg-color:#232323;--f7-list-group-title-bg-color:#232323;--f7-list-chevron-icon-color:rgba(255, 255, 255, 0.3)}.ios{--f7-list-in-list-padding-left:30px;--f7-list-inset-border-radius:7px;--f7-list-margin-vertical:35px;--f7-list-font-size:17px;--f7-list-chevron-icon-area:20px;--f7-list-border-color:rgba(0, 0, 0, 0.22);--f7-list-item-border-color:rgba(0, 0, 0, 0.22);--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-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-text-line-height:21px;--f7-list-item-after-font-size:inherit;--f7-list-item-after-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-min-height:44px;--f7-list-item-media-margin:16px;--f7-list-item-media-icons-margin:5px;--f7-list-item-padding-vertical:8px;--f7-list-media-item-padding-vertical:10px;--f7-list-media-item-title-font-weight:600;--f7-list-button-text-align:center;--f7-list-button-border-color:rgba(0, 0, 0, 0.22);--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.15);--f7-list-item-divider-height:31px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-border-color:rgba(0, 0, 0, 0.22);--f7-list-group-title-height:31px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.45);--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f7f7f7}.ios .theme-dark,.ios.theme-dark{--f7-list-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-item-divider-text-color:rgba(255, 255, 255, 0.55);--f7-list-group-title-text-color:rgba(255, 255, 255, 0.55);--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.08);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.08)}.md{--f7-list-in-list-padding-left:40px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:32px;--f7-list-font-size:16px;--f7-list-chevron-icon-area:26px;--f7-list-border-color:rgba(0, 0, 0, 0.12);--f7-list-item-border-color:rgba(0, 0, 0, 0.12);--f7-list-link-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-subtitle-font-size:14px;--f7-list-item-text-font-size:14px;--f7-list-item-text-text-color:#757575;--f7-list-item-text-line-height:20px;--f7-list-item-after-font-size:14px;--f7-list-item-after-text-color:#757575;--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:8px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-min-height:48px;--f7-list-item-media-margin:16px;--f7-list-item-media-icons-margin:8px;--f7-list-item-padding-vertical:8px;--f7-list-media-item-padding-vertical:14px;--f7-list-button-text-color:#212121;--f7-list-button-text-align:left;--f7-list-button-border-color:transparent;--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-divider-height:48px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.54);--f7-list-item-divider-font-size:14px;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:#f4f4f4;--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:48px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.54);--f7-list-group-title-font-size:14px;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f4f4f4}.md .theme-dark,.md.theme-dark{--f7-list-button-text-color:#fff;--f7-list-item-divider-text-color:#fff;--f7-list-group-title-text-color:#fff;--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-item-text-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-list-in-list-padding-left:16px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:15px;--f7-list-font-size:14px;--f7-list-chevron-icon-area:15px;--f7-list-chevron-icon-font-size:16px;--f7-list-border-color:rgba(0, 0, 0, 0.12);--f7-list-item-border-color:rgba(0, 0, 0, 0.12);--f7-list-link-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-link-hover-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-title-line-height:1.3;--f7-list-item-subtitle-font-size:14px;--f7-list-item-subtitle-line-height:1.3;--f7-list-item-text-font-size:12px;--f7-list-item-text-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-text-line-height:16px;--f7-list-item-after-font-size:13px;--f7-list-item-after-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-after-line-height:1.2;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-min-height:32px;--f7-list-item-media-margin:10px;--f7-list-item-media-icons-margin:5px;--f7-list-item-padding-vertical:5px;--f7-list-media-item-padding-vertical:5px;--f7-list-media-item-title-font-weight:600;--f7-list-button-text-align:center;--f7-list-button-border-color:rgba(0, 0, 0, 0.12);--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-button-hover-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-height:19px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:500;--f7-list-item-divider-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:19px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.6);--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:500;--f7-list-group-title-bg-color:#f7f7f7}.aurora .theme-dark,.aurora.theme-dark{--f7-list-item-text-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-divider-text-color:rgba(255, 255, 255, 0.6);--f7-list-group-title-text-color:rgba(255, 255, 255, 0.6);--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-link-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-hover-bg-color:rgba(255, 255, 255, 0.03)}.list{position:relative;z-index:1;font-size:var(--f7-list-font-size);margin:var(--f7-list-margin-vertical) 0}.list ul{list-style:none;margin:0;padding:0;position:relative;background:var(--f7-list-bg-color)}.list ul:before{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul:after{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul ul{padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-list-in-list-padding-left))}.list ul ul:before{display:none!important}.list ul ul:after{display:none!important}.list li{position:relative;box-sizing:border-box}.list .item-media{display:flex;flex-shrink:0;flex-wrap:nowrap;align-items:center;box-sizing:border-box;padding-bottom:var(--f7-list-item-padding-vertical);padding-top:var(--f7-list-item-padding-vertical)}.list .item-media+.item-inner{margin-left:var(--f7-list-item-media-margin)}.list .item-media i+i,.list .item-media i+img{margin-left:var(--f7-list-item-media-icons-margin)}.list .item-after{padding-left:var(--f7-list-item-after-padding)}.list .item-inner{position:relative;width:100%;min-width:0;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-self:stretch;padding-top:var(--f7-list-item-padding-vertical);padding-bottom:var(--f7-list-item-padding-vertical);min-height:var(--f7-list-item-min-height);padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.list .item-title{min-width:0;flex-shrink:1;white-space:var(--f7-list-item-title-white-space);position:relative;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:var(--f7-list-item-title-font-size);font-weight:var(--f7-list-item-title-font-weight);color:var(--f7-list-item-title-text-color);line-height:var(--f7-list-item-title-line-height)}.list .item-after{white-space:nowrap;flex-shrink:0;display:flex;font-size:var(--f7-list-item-after-font-size);font-weight:var(--f7-list-item-after-font-weight);color:var(--f7-list-item-after-text-color);line-height:var(--f7-list-item-after-line-height);margin-left:auto}.list .item-footer,.list .item-header{white-space:normal}.list .item-header{color:var(--f7-list-item-header-text-color);font-size:var(--f7-list-item-header-font-size);font-weight:var(--f7-list-item-header-font-weight);line-height:var(--f7-list-item-header-line-height)}.list .item-footer{color:var(--f7-list-item-footer-text-color);font-size:var(--f7-list-item-footer-font-size);font-weight:var(--f7-list-item-footer-font-weight);line-height:var(--f7-list-item-footer-line-height)}.list .item-link,.list .list-button{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;z-index:0}.list .item-link{color:inherit}.list .item-link.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.list .item-link .item-inner{padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.list .item-content{display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;min-height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.list .item-subtitle{position:relative;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis;font-size:var(--f7-list-item-subtitle-font-size);font-weight:var(--f7-list-item-subtitle-font-weight);color:var(--f7-list-item-subtitle-text-color);line-height:var(--f7-list-item-subtitle-line-height)}.list .item-text{position:relative;overflow:hidden;text-overflow:hidden;-webkit-line-clamp:var(--f7-list-item-text-max-lines);display:-webkit-box;font-size:var(--f7-list-item-text-font-size);font-weight:var(--f7-list-item-text-font-weight);color:var(--f7-list-item-text-text-color);line-height:var(--f7-list-item-text-line-height);max-height:calc(var(--f7-list-item-text-line-height) * var(--f7-list-item-text-max-lines))}.list .item-title-row{position:relative;display:flex;justify-content:space-between;box-sizing:border-box}.list .item-title-row .item-after{align-self:center}.list .item-row{display:flex;justify-content:space-between;box-sizing:border-box}.list .item-cell{display:block;align-self:center;box-sizing:border-box;width:100%;min-width:0;margin-left:var(--f7-list-item-cell-margin);flex-shrink:1}.list .item-cell:first-child{margin-left:0}.list .ripple-wave+.item-cell{margin-left:0}.list li:last-child .list-button:after{display:none!important}.list li:last-child li:last-child>.item-content>.item-inner:after,.list li:last-child li:last-child>.item-inner:after,.list li:last-child li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child li:last-child>.swipeout-content>.item-content>.item-inner:after,.list li:last-child>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child>.swipeout-content>.item-content>.item-inner:after{display:none!important}.list li li:last-child .item-inner:after,.list li:last-child li .item-inner:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .list.no-hairlines-aurora ul:before,.aurora .list.no-hairlines-aurora:before,.ios .list.no-hairlines-ios ul:before,.ios .list.no-hairlines-ios:before,.list.no-hairlines ul:before,.list.no-hairlines:before,.md .list.no-hairlines-md ul:before,.md .list.no-hairlines-md:before{display:none!important}.aurora .list.no-hairlines-aurora ul:after,.aurora .list.no-hairlines-aurora:after,.ios .list.no-hairlines-ios ul:after,.ios .list.no-hairlines-ios:after,.list.no-hairlines ul:after,.list.no-hairlines:after,.md .list.no-hairlines-md ul:after,.md .list.no-hairlines-md:after{display:none!important}.aurora .list.no-hairline-top-aurora ul:before,.aurora .list.no-hairline-top-aurora:before,.ios .list.no-hairline-top-ios ul:before,.ios .list.no-hairline-top-ios:before,.list.no-hairline-top ul:before,.list.no-hairline-top:before,.md .list.no-hairline-top-md ul:before,.md .list.no-hairline-top-md:before{display:none!important}.aurora .list.no-hairline-bottom-aurora ul:after,.aurora .list.no-hairline-bottom-aurora:after,.ios .list.no-hairline-bottom-ios ul:after,.ios .list.no-hairline-bottom-ios:after,.list.no-hairline-bottom ul:after,.list.no-hairline-bottom:after,.md .list.no-hairline-bottom-md ul:after,.md .list.no-hairline-bottom-md:after{display:none!important}.aurora .list.no-hairlines-between-aurora .item-divider:after,.aurora .list.no-hairlines-between-aurora .item-inner:after,.aurora .list.no-hairlines-between-aurora .list-button:after,.aurora .list.no-hairlines-between-aurora .list-group-title:after,.ios .list.no-hairlines-between-ios .item-divider:after,.ios .list.no-hairlines-between-ios .item-inner:after,.ios .list.no-hairlines-between-ios .list-button:after,.ios .list.no-hairlines-between-ios .list-group-title:after,.list.no-hairlines-between .item-divider:after,.list.no-hairlines-between .item-inner:after,.list.no-hairlines-between .list-button:after,.list.no-hairlines-between .list-group-title:after,.md .list.no-hairlines-between-md .item-divider:after,.md .list.no-hairlines-between-md .item-inner:after,.md .list.no-hairlines-between-md .list-button:after,.md .list.no-hairlines-between-md .list-group-title:after{display:none!important}.aurora .list.no-hairlines-between-aurora.simple-list li:after,.ios .list.no-hairlines-between-ios.simple-list li:after,.list.no-hairlines-between.simple-list li:after,.md .list.no-hairlines-between-md.simple-list li:after{display:none!important}.aurora .list.no-hairlines-between-aurora.links-list a:after,.ios .list.no-hairlines-between-ios.links-list a:after,.list.no-hairlines-between.links-list a:after,.md .list.no-hairlines-between-md.links-list a:after{display:none!important}.list-button{padding:0 var(--f7-list-item-padding-horizontal);line-height:var(--f7-list-item-min-height);color:var(--f7-list-button-text-color,var(--f7-theme-color));font-size:var(--f7-list-button-font-size);font-weight:var(--f7-list-button-font-weight);text-align:var(--f7-list-button-text-align)}.list-button:after{content:'';position:absolute;background-color:var(--f7-list-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list-button.active-state{background-color:var(--f7-list-button-pressed-bg-color)}.list-button[class*=color-]{--f7-list-button-text-color:var(--f7-theme-color)}.simple-list li{position:relative;white-space:nowrap;text-overflow:ellipsis;max-width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;align-content:center;line-height:var(--f7-list-item-min-height);height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.simple-list li:after{left:var(--f7-list-item-padding-horizontal);width:auto;left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));right:0}.simple-list li:last-child:after{display:none!important}.links-list li{z-index:1}.links-list a{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;display:flex;align-items:center;align-content:center;justify-content:space-between;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;max-width:100%;height:var(--f7-list-item-min-height);color:inherit}.links-list a .ripple-wave{z-index:0}.links-list a:after{width:auto}.links-list a.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.links-list a{padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.links-list a:after{left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));right:0}.links-list li:last-child a:after{display:none!important}.links-list a:after,.list .item-inner:after,.simple-list li:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.media-list,li.media-item{--f7-list-item-padding-vertical:var(--f7-list-media-item-padding-vertical);--f7-list-item-padding-horizontal:var(--f7-list-media-item-padding-horizontal)}.media-list .item-title,li.media-item .item-title{font-weight:var(--f7-list-media-item-title-font-weight,var(--f7-list-item-title-font-weight,inherit))}.media-list .item-inner,li.media-item .item-inner{display:block;align-self:stretch}.media-list .item-media,li.media-item .item-media{align-self:flex-start}.media-list .item-media img,li.media-item .item-media img{display:block}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.media-list .item-link .item-title-row,li.media-item .item-link .item-title-row{padding-right:calc(var(--f7-list-chevron-icon-area))}.media-list .chevron-center .item-link .item-inner,.media-list .item-link.chevron-center .item-inner,.media-list.chevron-center .item-link .item-inner,li.media-item .chevron-center .item-link .item-inner,li.media-item .item-link.chevron-center .item-inner,li.media-item.chevron-center .item-link .item-inner{padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.media-list .chevron-center .item-title-row,.media-list.chevron-center .item-title-row,li.media-item .chevron-center .item-title-row,li.media-item.chevron-center .item-title-row{padding-right:0}.links-list a:before,.list .item-link .item-inner:before,.media-list .chevron-center .item-link .item-inner:before,.media-list .item-link .item-title-row:before,.media-list .item-link.chevron-center .item-inner:before,.media-list.chevron-center .item-link .item-inner:before,li.media-item .chevron-center .item-link .item-inner:before,li.media-item .item-link .item-title-row:before,li.media-item .item-link.chevron-center .item-inner:before,li.media-item.chevron-center .item-link .item-inner:before{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;position:absolute;top:50%;width:8px;height:14px;margin-top:-7px;font-size:var(--f7-list-chevron-icon-font-size);line-height:14px;color:var(--f7-list-chevron-icon-color);pointer-events:none;right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));content:'chevron_right'}.media-list .chevron-center .item-title-row:before,.media-list.chevron-center .item-title-row:before,li.media-item .chevron-center .item-title-row:before,li.media-item.chevron-center .item-title-row:before{display:none}.media-list .item-link .item-inner:before,li.media-item .item-link .item-inner:before{display:none}.media-list .item-link .item-title-row:before,li.media-item .item-link .item-title-row:before{right:0}.list-group ul:after,.list-group ul:before{z-index:25!important}.list-group+.list-group ul:before{display:none!important}.item-divider,li.item-divider,li.list-group-title{white-space:nowrap;position:relative;max-width:100%;text-overflow:ellipsis;overflow:hidden;z-index:15;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));box-sizing:border-box;display:flex;align-items:center;align-content:center}.item-divider:after,li.item-divider:after,li.list-group-title:after{display:none!important}.item-divider,li.item-divider{margin-top:-1px;height:var(--f7-list-item-divider-height);color:var(--f7-list-item-divider-text-color);font-size:var(--f7-list-item-divider-font-size);font-weight:var(--f7-list-item-divider-font-weight);background-color:var(--f7-list-item-divider-bg-color);line-height:var(--f7-list-item-divider-line-height)}.item-divider:before,li.item-divider:before{content:'';position:absolute;background-color:var(--f7-list-item-divider-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list li.list-group-title,li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20;height:var(--f7-list-group-title-height);color:var(--f7-list-group-title-text-color);font-size:var(--f7-list-group-title-font-size);font-weight:var(--f7-list-group-title-font-weight);background-color:var(--f7-list-group-title-bg-color);line-height:var(--f7-list-group-title-line-height)}.page-with-navbar-large .list li.list-group-title,.page-with-navbar-large li.list-group-title{top:calc(-1 * var(--f7-navbar-large-title-height))}.list.inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.inset .block-title{margin-left:0;margin-right:0}.list.inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.inset ul:before{display:none!important}.list.inset ul:after{display:none!important}.list.inset li.swipeout:first-child,.list.inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.inset li.swipeout:last-child,.list.inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.inset li.swipeout:first-child:last-child,.list.inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}@media (min-width:768px){.list.tablet-inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.tablet-inset .block-title{margin-left:0;margin-right:0}.list.tablet-inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.tablet-inset ul:before{display:none!important}.list.tablet-inset ul:after{display:none!important}.list.tablet-inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.tablet-inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.tablet-inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}}.list .no-chevron,.list.no-chevron{--f7-list-chevron-icon-color:transparent;--f7-list-chevron-icon-area:0px}.ios .item-link.active-state .item-inner:after,.ios .links-list a.active-state:after,.ios .list-button.active-state:after{background-color:transparent}.ios .links-list a.active-state,.ios .list .item-link.active-state,.ios .list .list-button.active-state{transition-duration:0s}.md .list .item-media{min-width:40px}.aurora .list .item-media{min-width:18px}.aurora .links-list a:before,.aurora .list .item-link .item-inner:before,.aurora .media-list .chevron-center .item-link .item-inner:before,.aurora .media-list .item-link .item-title-row:before,.aurora .media-list .item-link.chevron-center .item-inner:before,.aurora .media-list.chevron-center .item-link .item-inner:before,.aurora li.media-item .chevron-center .item-link .item-inner:before,.aurora li.media-item .item-link .item-title-row:before,.aurora li.media-item .item-link.chevron-center .item-inner:before,.aurora li.media-item.chevron-center .item-link .item-inner:before{content:'chevron_right_aurora'}.aurora .links-list a,.aurora .list .item-link,.aurora .list .list-button{transition-duration:0s}.aurora.device-desktop .links-list a:hover:not(.active-state):not(.no-hover),.aurora.device-desktop .list .item-link:hover:not(.active-state):not(.no-hover){background:var(--f7-list-link-hover-bg-color)}.aurora.device-desktop .list .list-button:hover:not(.active-state):not(.no-hover){background:var(--f7-list-button-hover-bg-color)}:root{--f7-badge-text-color:#fff;--f7-badge-bg-color:#8e8e93;--f7-badge-padding:0 4px;--f7-badge-in-icon-size:16px;--f7-badge-in-icon-font-size:10px;--f7-badge-font-weight:normal;--f7-badge-font-size:12px}.ios{--f7-badge-size:20px}.md{--f7-badge-size:18px}.aurora{--f7-badge-size:18px;--f7-badge-font-weight:600;--f7-badge-in-icon-size:15px}.badge{display:inline-flex;align-items:center;align-content:center;justify-content:center;color:var(--f7-badge-text-color);background:var(--f7-badge-bg-color);position:relative;box-sizing:border-box;text-align:center;vertical-align:middle;font-weight:var(--f7-badge-font-weight);font-size:var(--f7-badge-font-size);border-radius:var(--f7-badge-size);padding:var(--f7-badge-padding);height:var(--f7-badge-size);min-width:var(--f7-badge-size)}.f7-icons .badge,.framework7-icons .badge,.icon .badge,.material-icons .badge{position:absolute;left:100%;margin-left:-10px;top:-2px;font-family:var(--f7-font-family);--f7-badge-font-size:var(--f7-badge-in-icon-font-size);--f7-badge-size:var(--f7-badge-in-icon-size)}.badge[class*=color-]{--f7-badge-bg-color:var(--f7-theme-color)}:root{--f7-button-min-width:32px;--f7-button-bg-color:transparent;--f7-button-border-width:0px;--f7-button-outline-border-width:2px;--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-bg-color:rgba(0, 0, 0, 0.07);--f7-segmented-strong-padding:2px;--f7-segmented-strong-between-buttons:4px;--f7-segmented-strong-button-font-weight:500;--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;--f7-segmented-strong-button-active-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.25)}:root .theme-dark,:root.theme-dark{--f7-segmented-strong-bg-color:rgba(255, 255, 255, 0.1);--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-font-size:13px;--f7-button-height:28px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:5px;--f7-button-font-weight:600;--f7-button-letter-spacing:0;--f7-button-text-transform:uppercase;--f7-button-large-height:44px;--f7-button-large-font-size:17px;--f7-button-large-font-weight:500;--f7-button-large-text-transform:none;--f7-button-small-height:26px;--f7-button-small-font-size:13px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px;--f7-segmented-strong-button-text-transform:none;--f7-segmented-strong-button-active-font-weight:600}.md{--f7-button-font-size:14px;--f7-button-height:36px;--f7-button-padding-horizontal:8px;--f7-button-border-radius:4px;--f7-button-font-weight:500;--f7-button-letter-spacing:0.03em;--f7-button-text-transform:uppercase;--f7-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-button-large-height:48px;--f7-button-large-font-size:14px;--f7-button-large-font-weight:500;--f7-button-large-text-transform:uppercase;--f7-button-small-height:28px;--f7-button-small-font-size:12px;--f7-button-small-font-weight:500;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px;--f7-segmented-strong-button-text-transform:uppercase;--f7-segmented-strong-button-active-font-weight:500}.md .theme-dark,.md.theme-dark{--f7-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}.aurora{--f7-button-font-size:14px;--f7-button-height:28px;--f7-button-min-width:24px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:4px;--f7-button-font-weight:500;--f7-button-letter-spacing:0.02;--f7-button-text-transform:none;--f7-button-large-height:34px;--f7-button-large-font-size:14px;--f7-button-large-font-weight:600;--f7-button-large-text-transform:none;--f7-button-small-height:24px;--f7-button-small-font-size:12px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:none;--f7-button-small-outline-border-width:1px;--f7-segmented-strong-button-text-transform:none;--f7-segmented-strong-button-active-font-weight:600}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}.button{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;margin:0;white-space:nowrap;text-overflow:ellipsis;position:relative;overflow:hidden;font-family:inherit;cursor:pointer;outline:0;box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;border:var(--f7-button-border-width,0px) solid var(--f7-button-border-color,var(--f7-theme-color));font-size:var(--f7-button-font-size);color:var(--f7-button-text-color,var(--f7-theme-color));height:var(--f7-button-height);line-height:calc(var(--f7-button-height) - var(--f7-button-border-width,0) * 2);padding:var(--f7-button-padding-vertical,0px) var(--f7-button-padding-horizontal);border-radius:var(--f7-button-border-radius);min-width:var(--f7-button-min-width);font-weight:var(--f7-button-font-weight);letter-spacing:var(--f7-button-letter-spacing);text-transform:var(--f7-button-text-transform);background-color:var(--f7-button-bg-color);box-shadow:var(--f7-button-box-shadow)}.button.active-state{background-color:var(--f7-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-button-pressed-text-color,var(--f7-button-text-color,var(--f7-theme-color)))}input[type=button].button,input[type=submit].button{width:100%}.button>i+i,.button>i+span,.button>span+i,.button>span+span{margin-left:4px}.appbar .button,.navbar .button,.searchbar .button,.subnavbar .button,.toolbar .button{color:var(--f7-button-text-color,var(--f7-theme-color))}.aurora .button-round-aurora,.button-round,.ios .button-round-ios,.md .button-round-md{--f7-button-border-radius:var(--f7-button-height)}.aurora .button-fill-aurora,.button-active,.button-fill,.button.tab-link-active,.ios .button-fill-ios,.md .button-fill-md{--f7-button-bg-color:var(--f7-button-fill-bg-color, var(--f7-theme-color));--f7-button-text-color:var(--f7-button-fill-text-color, #fff);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.aurora .button-fill-aurora,.button-fill,.ios .button-fill-ios,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color)}.button-active,.button.tab-link-active{--f7-button-pressed-bg-color:var(--f7-button-bg-color)}.aurora .button-outline-aurora,.button-outline,.ios .button-outline-ios,.md .button-outline-md{--f7-button-border-color:var(--f7-button-outline-border-color, var(--f7-theme-color));--f7-button-border-width:var(--f7-button-outline-border-width)}.aurora .button-large-aurora,.button-large,.ios .button-large-ios,.md .button-large-md{--f7-button-height:var(--f7-button-large-height);--f7-button-font-size:var(--f7-button-large-font-size);--f7-button-font-weight:var(--f7-button-large-font-weight);--f7-button-text-transform:var(--f7-button-large-text-transform)}.aurora .button-small-aurora,.button-small,.ios .button-small-ios,.md .button-small-md{--f7-button-outline-border-width:var(--f7-button-small-outline-border-width);--f7-button-height:var(--f7-button-small-height);--f7-button-font-size:var(--f7-button-small-font-size);--f7-button-font-weight:var(--f7-button-small-font-weight);--f7-button-text-transform:var(--f7-button-small-text-transform)}.ios .button-small-ios.button-fill,.ios .button-small.button-fill,.ios .button-small.button-fill-ios{--f7-button-border-width:var(--f7-button-small-outline-border-width);--f7-button-pressed-text-color:var(--f7-theme-color);--f7-button-pressed-bg-color:transparent}.segmented{align-self:center;display:flex;flex-wrap:nowrap;border-radius:var(--f7-button-border-radius);box-shadow:var(--f7-button-box-shadow);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)}.aurora .segmented-raised-aurora,.ios .segmented-raised-ios,.md .segmented-raised-md,.segmented-raised{box-shadow:var(--f7-button-raised-box-shadow)}.aurora .segmented-raised-aurora .button:not(.button-outline),.ios .segmented-raised-ios .button:not(.button-outline),.md .segmented-raised-md .button:not(.button-outline),.segmented-raised .button:not(.button-outline){border-left:1px solid var(--f7-segmented-raised-divider-color)}.aurora .button-raised-aurora,.button-raised,.ios .button-raised-ios,.md .button-raised-md{--f7-button-box-shadow:var(--f7-button-raised-box-shadow)}.aurora .button-raised-aurora.active-state,.button-raised.active-state,.ios .button-raised-ios.active-state,.md .button-raised-md.active-state{--f7-button-box-shadow:var(--f7-button-raised-pressed-box-shadow)}.aurora .segmented-strong-aurora,.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);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}.aurora .segmented-strong-aurora .button,.aurora .segmented-strong-aurora .button:first-child,.aurora .segmented-strong-aurora .button:last-child,.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)}.aurora .segmented-strong-aurora .button+.button,.ios .segmented-strong-ios .button+.button,.md .segmented-strong-md .button+.button,.segmented-strong .button+.button{margin-left:var(--f7-segmented-strong-between-buttons)}.aurora .segmented-strong-aurora .button.button-active,.aurora .segmented-strong-aurora .button.tab-link-active,.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:var(--f7-segmented-strong-button-active-bg-color);--f7-button-bg-color:var(--f7-segmented-strong-button-active-bg-color);--f7-button-text-color:var(--f7-segmented-strong-button-active-text-color);--f7-button-font-weight:var(--f7-segmented-strong-button-active-font-weight);--f7-button-box-shadow:var(--f7-segmented-strong-button-active-box-shadow)}.aurora .segmented-round-aurora,.ios .segmented-round-ios,.md .segmented-round-md,.segmented-round{border-radius:var(--f7-button-height)}.subnavbar .segmented{width:100%}.ios .button{transition-duration:.1s}.ios .button-fill,.ios .button-fill-ios{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-tint))}.ios .button-small,.ios .button-small-ios{transition-duration:.2s}.md .button{transition-duration:.3s;transform:translate3d(0,0,0)}.md .button-fill,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .button{transition-duration:.1s;transform:translate3d(0,0,0)}.aurora.device-desktop .button:not(.active-state):not(.no-hover):hover{background-color:var(--f7-button-hover-bg-color,rgba(var(--f7-theme-color-rgb),.07))}.aurora .button-fill,.aurora .button-fill-aurora{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .button-active,.aurora .button-fill,.aurora .button-fill-aurora,.aurora .button.tab-link-active{--f7-button-hover-bg-color:var(--f7-button-fill-hover-bg-color, var(--f7-theme-color-tint))}:root{--f7-touch-ripple-black:rgba(0, 0, 0, 0.1);--f7-touch-ripple-white:rgba(255, 255, 255, 0.3);--f7-touch-ripple-color:var(--f7-touch-ripple-black)}.theme-dark{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.actions-button,.button,.checkbox,.dialog-button,.fab a,.item-link,.link,.list-button,.radio,.ripple,.speed-dial-buttons a,.tab-link{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ripple-wave{left:0;top:0;position:absolute!important;border-radius:50%;pointer-events:none;z-index:-1;padding:0;margin:0;font-size:0;transform:translate3d(0px,0px,0) scale(0);transition-duration:1.4s;background-color:var(--f7-touch-ripple-color);will-change:transform,opacity}.ripple-wave.ripple-wave-fill{transition-duration:.3s;opacity:.35}.ripple-wave.ripple-wave-out{transition-duration:.6s;opacity:0}.button-fill .ripple-wave,.menu .ripple-wave,.picker-calendar-day .ripple-wave{z-index:1}.checkbox .ripple-wave,.data-table .sortable-cell .ripple-wave,.radio .ripple-wave{z-index:0}[class*=ripple-color-]{--f7-touch-ripple-color:var(--f7-theme-color-ripple-color)}i.icon{display:inline-block;vertical-align:middle;background-size:100% auto;background-position:center;background-repeat:no-repeat;font-style:normal;position:relative}.icon-back:after,.icon-forward:after,.icon-next:after,.icon-prev:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.icon[class*=color-]{color:var(--f7-theme-color)}.ios .icon-back,.ios .icon-forward,.ios .icon-next,.ios .icon-prev{width:12px;height:20px;line-height:20px}.ios .icon-back:after,.ios .icon-forward:after,.ios .icon-next:after,.ios .icon-prev:after{line-height:inherit}.ios .icon-next:after,.ios .icon-prev:after{font-size:16px}.ios .item-media .icon{color:grey}.ios .item-media .f7-icons{font-size:28px;width:28px;height:28px}.ios .icon-back:after,.ios .icon-prev:after{content:'chevron_left_ios'}.ios .icon-forward:after,.ios .icon-next:after{content:'chevron_right_ios'}.md .icon-back,.md .icon-forward,.md .icon-next,.md .icon-prev{width:24px;height:24px}.md .icon-back:after,.md .icon-forward:after,.md .icon-next:after,.md .icon-prev:after{line-height:1.2}.md .item-media .icon{color:#737373}.md .item-media .material-icons{font-size:24px;width:24px;height:24px}.md .icon-back:after{content:'arrow_left_md'}.md .icon-forward:after{content:'arrow_right_md'}.md .icon-next:after{content:'chevron_right_md'}.md .icon-prev:after{content:'chevron_left_md'}.aurora .f7-icons,.aurora .material-icons{font-size:18px}.aurora .icon-back,.aurora .icon-forward,.aurora .icon-next,.aurora .icon-prev{width:9px;height:14px;line-height:14px}.aurora .icon-back:after,.aurora .icon-forward:after,.aurora .icon-next:after,.aurora .icon-prev:after{line-height:inherit}.aurora .item-media .icon{color:grey}.aurora .item-media .f7-icons{font-size:18px;width:18px;height:18px}.aurora .icon-back:after,.aurora .icon-prev:after{content:'chevron_left_aurora'}.aurora .icon-forward:after,.aurora .icon-next:after{content:'chevron_right_aurora'}.custom-modal-backdrop{z-index:10500}.actions-backdrop,.custom-modal-backdrop,.dialog-backdrop,.popover-backdrop,.popup-backdrop,.preloader-backdrop,.sheet-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;transition-duration:.4s}.actions-backdrop.not-animated,.custom-modal-backdrop.not-animated,.dialog-backdrop.not-animated,.popover-backdrop.not-animated,.popup-backdrop.not-animated,.preloader-backdrop.not-animated,.sheet-backdrop.not-animated{transition-duration:0s}.actions-backdrop.backdrop-in,.custom-modal-backdrop.backdrop-in,.dialog-backdrop.backdrop-in,.popover-backdrop.backdrop-in,.popup-backdrop.backdrop-in,.preloader-backdrop.backdrop-in,.sheet-backdrop.backdrop-in{visibility:visible;opacity:1}:root{--f7-appbar-shadow-image:none}.ios{--f7-appbar-height:44px;--f7-appbar-inner-padding-left:8px;--f7-appbar-inner-padding-right:8px}.md{--f7-appbar-height:48px;--f7-appbar-inner-padding-left:16px;--f7-appbar-inner-padding-right:16px}.aurora{--f7-appbar-height:38px;--f7-appbar-inner-padding-left:16px;--f7-appbar-inner-padding-right:16px}.appbar{position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;margin:0;transform:translate3d(0,0,0);height:calc(var(--f7-appbar-height) + var(--f7-safe-area-top));background-image:var(--f7-appbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-appbar-bg-color,var(--f7-bars-bg-color));color:var(--f7-appbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-appbar-font-size);z-index:7000}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-bars .appbar{background-color:rgba(var(--f7-appbar-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))}}.appbar .panel~.appbar{z-index:5500}.appbar a{color:var(--f7-appbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.appbar a.link{display:flex;justify-content:flex-start;line-height:var(--f7-appbar-link-line-height,var(--f7-appbar-height));height:var(--f7-appbar-link-height,var(--f7-appbar-height))}.appbar .center,.appbar .left,.appbar .right{display:flex;align-items:center}.appbar.no-border:after,.appbar.no-hairline:after{display:none!important}.appbar.no-border .title-large:after,.appbar.no-hairline .title-large:after{display:none!important}.appbar.no-shadow:before{display:none!important}.appbar:after,.appbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.appbar:after{content:'';position:absolute;background-color:var(--f7-appbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.appbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-appbar-shadow-image)}.appbar:after{z-index:1}.appbar~*{--f7-appbar-app-offset:calc(var(--f7-appbar-height) + var(--f7-appbar-extra-offset, 0px) + var(--f7-safe-area-top))}.appbar~.appbar,.appbar~.view,.appbar~.views{--f7-safe-area-top:0px}.appbar~.panel .page,.appbar~.panel .page-content,.appbar~.panel .view{--f7-safe-area-top:0px}.appbar-inner{position:absolute;left:0;top:var(--f7-safe-area-top);width:100%;height:var(--f7-appbar-height);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 calc(var(--f7-appbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-appbar-inner-padding-left) + var(--f7-safe-area-left))}.appbar-inner.stacked{display:none}:root{--f7-dialog-button-text-color:var(--f7-theme-color);--f7-dialog-button-text-align:center;--f7-dialog-input-bg-color:#fff}.ios{--f7-dialog-bg-color:rgba(255, 255, 255, 0.95);--f7-dialog-bg-color-rgb:255,255,255;--f7-dialog-box-shadow:none;--f7-dialog-width:270px;--f7-dialog-inner-padding:16px;--f7-dialog-border-radius:13px;--f7-dialog-text-color:#000;--f7-dialog-text-align:center;--f7-dialog-font-size:14px;--f7-dialog-title-text-color:inherit;--f7-dialog-title-font-size:18px;--f7-dialog-title-font-weight:600;--f7-dialog-title-line-height:inherit;--f7-dialog-button-font-size:17px;--f7-dialog-button-height:44px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-font-weight:400;--f7-dialog-button-text-transform:none;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-dialog-input-border-radius:4px;--f7-dialog-input-font-size:14px;--f7-dialog-input-height:32px;--f7-dialog-input-border-color:rgba(0, 0, 0, 0.3);--f7-dialog-input-border-width:1px;--f7-dialog-input-placeholder-color:#a9a9a9;--f7-dialog-preloader-size:34px}.md{--f7-dialog-bg-color:#fff;--f7-dialog-box-shadow:var(--f7-elevation-24);--f7-dialog-width:280px;--f7-dialog-inner-padding:24px;--f7-dialog-border-radius:4px;--f7-dialog-text-color:#757575;--f7-dialog-text-align:left;--f7-dialog-font-size:16px;--f7-dialog-title-text-color:#212121;--f7-dialog-title-font-size:20px;--f7-dialog-title-font-weight:500;--f7-dialog-title-line-height:1.3;--f7-dialog-button-font-size:14px;--f7-dialog-button-height:36px;--f7-dialog-button-letter-spacing:0.03em;--f7-dialog-button-font-weight:500;--f7-dialog-button-text-transform:uppercase;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-dialog-input-border-radius:0px;--f7-dialog-input-font-size:16px;--f7-dialog-input-height:36px;--f7-dialog-input-border-color:transparent;--f7-dialog-input-border-width:0px;--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.35);--f7-dialog-preloader-size:32px}.aurora{--f7-dialog-bg-color:#fff;--f7-dialog-box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.15),0 25px 30px 0 rgba(0,0,0,0.35);--f7-dialog-width:300px;--f7-dialog-inner-padding:20px;--f7-dialog-border-radius:4px;--f7-dialog-text-color:#000;--f7-dialog-text-align:left;--f7-dialog-font-size:14px;--f7-dialog-title-text-color:inherit;--f7-dialog-title-font-size:14px;--f7-dialog-title-font-weight:700;--f7-dialog-title-line-height:inherit;--f7-dialog-button-text-color:#fff;--f7-dialog-button-font-size:13px;--f7-dialog-button-height:28px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-font-weight:500;--f7-dialog-button-text-transform:none;--f7-dialog-input-border-radius:4px;--f7-dialog-input-font-size:13px;--f7-dialog-input-height:24px;--f7-dialog-input-border-color:rgba(0, 0, 0, 0.12);--f7-dialog-input-border-width:1px;--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.32);--f7-dialog-preloader-size:24px}.dialog{position:absolute;z-index:13500;left:50%;margin-top:0;top:50%;overflow:hidden;opacity:0;transform:translate3d(0,-50%,0) scale(1.185);transition-property:transform,opacity;display:none;transition-duration:.4s;box-shadow:var(--f7-dialog-box-shadow);width:var(--f7-dialog-width);margin-left:calc(-1 * var(--f7-dialog-width)/ 2);border-radius:var(--f7-dialog-border-radius);text-align:var(--f7-dialog-text-align);color:var(--f7-dialog-text-color);font-size:var(--f7-dialog-font-size);will-change:transform,opacity;background:var(--f7-dialog-bg-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .dialog{background-color:rgba(var(--f7-dialog-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.dialog.modal-in{opacity:1;transform:translate3d(0,-50%,0) scale(1)}.dialog.modal-out{opacity:0;z-index:13499}.dialog.not-animated{transition-duration:0s}.dialog-inner{position:relative;padding:var(--f7-dialog-inner-padding)}.dialog-title{color:var(--f7-dialog-title-text-color);font-size:var(--f7-dialog-title-font-size);font-weight:var(--f7-dialog-title-font-weight);line-height:var(--f7-dialog-title-line-height)}.dialog-buttons{position:relative;display:flex}.dialog-buttons-vertical .dialog-buttons{display:block;height:auto!important}.dialog-button{box-sizing:border-box;overflow:hidden;position:relative;white-space:nowrap;text-overflow:ellipsis;color:var(--f7-dialog-button-text-color);font-size:var(--f7-dialog-button-font-size);height:var(--f7-dialog-button-height);line-height:var(--f7-dialog-button-height);letter-spacing:var(--f7-dialog-button-letter-spacing);text-align:var(--f7-dialog-button-text-align);font-weight:var(--f7-dialog-button-font-weight);text-transform:var(--f7-dialog-button-text-transform);display:block;cursor:pointer}.dialog-button.active-state{background-color:var(--f7-dialog-button-pressed-bg-color)}.dialog-no-buttons .dialog-buttons{display:none}.dialog-input-field{position:relative}input.dialog-input[type]{box-sizing:border-box;margin:0;margin-top:15px;border-radius:var(--f7-dialog-input-border-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:block;font-family:inherit;box-shadow:none;font-size:var(--f7-dialog-input-font-size);height:var(--f7-dialog-input-height);background-color:var(--f7-dialog-input-bg-color);border:var(--f7-dialog-input-border-width) solid var(--f7-dialog-input-border-color)}input.dialog-input[type]::-webkit-input-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::-moz-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::-ms-input-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::placeholder{color:var(--f7-dialog-input-placeholder-color)}.dialog-input-double input.dialog-input{border-radius:var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius) 0 0}.dialog-input-double+.dialog-input-double input.dialog-input{border-radius:0 0 var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius)}.dialog-preloader .preloader{--f7-preloader-size:var(--f7-dialog-preloader-size)}html.with-modal-dialog .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.ios .dialog.modal-out{transform:translate3d(0,-50%,0) scale(1)}.ios .dialog-inner{border-radius:var(--f7-dialog-border-radius) var(--f7-dialog-border-radius) 0 0}.ios .dialog-inner:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-title+.dialog-text{margin-top:5px}.ios .dialog-buttons{height:44px;justify-content:center}.ios .dialog-button{width:100%;padding:0 5px;-webkit-box-flex:1;-ms-flex:1}.ios .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-button:first-child{border-radius:0 0 0 var(--f7-dialog-border-radius)}.ios .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) 0}.ios .dialog-button:last-child:after{display:none!important}.ios .dialog-button:first-child:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-button.dialog-button-bold{font-weight:500}.ios .dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.ios .dialog-buttons-vertical .dialog-buttons{height:auto}.ios .dialog-buttons-vertical .dialog-button{border-radius:0}.ios .dialog-buttons-vertical .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-buttons-vertical .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-buttons-vertical .dialog-button:last-child:after{display:none!important}.ios .dialog-no-buttons .dialog-inner{border-radius:var(--f7-dialog-border-radius)}.ios .dialog-no-buttons .dialog-inner:after{display:none!important}.ios .dialog-input-field{margin-top:15px}.ios .dialog-input{padding:0 5px}.ios .dialog-input+.dialog-input{margin-top:5px}.ios .dialog-input-double+.dialog-input-double{margin-top:0}.ios .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.ios .dialog-preloader .dialog-text~.preloader,.ios .dialog-preloader .dialog-title~.preloader{margin-top:15px}.ios .dialog-progress .dialog-text~.progressbar,.ios .dialog-progress .dialog-text~.progressbar-infinite,.ios .dialog-progress .dialog-title~.progressbar,.ios .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px}.md .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.md .dialog-title+.dialog-text{margin-top:20px}.md .dialog-text{line-height:1.5}.md .dialog-buttons{height:48px;padding:6px 8px;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.md .dialog-button{border-radius:4px;min-width:64px;padding:0 8px;border:none;transition-duration:.3s;transform:translate3d(0,0,0)}.md .dialog-button.dialog-button-bold{font-weight:700}.md .dialog-button+.dialog-button{margin-left:4px}.md .dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.md .dialog-buttons-vertical .dialog-buttons{padding:0 0 8px 0}.md .dialog-buttons-vertical .dialog-button{margin-left:0;text-align:right;height:48px;line-height:48px;border-radius:0;padding-left:16px;padding-right:16px}.md .dialog-input{padding:0;transition-duration:.2s;position:relative}.md .dialog-input+.dialog-input{margin-top:16px}.md .dialog-preloader .dialog-inner,.md .dialog-preloader .dialog-title,.md .dialog-progress .dialog-inner,.md .dialog-progress .dialog-title{text-align:center}.md .dialog-preloader .dialog-text~.preloader,.md .dialog-preloader .dialog-title~.preloader{margin-top:20px}.md .dialog-progress .dialog-text~.progressbar,.md .dialog-progress .dialog-text~.progressbar-infinite,.md .dialog-progress .dialog-title~.progressbar,.md .dialog-progress .dialog-title~.progressbar-infinite{margin-top:16px}.aurora .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.aurora .dialog-title+.dialog-text{margin-top:10px}.aurora .dialog-text{line-height:1.5}.aurora .dialog-buttons{padding:var(--f7-dialog-inner-padding);padding-top:0;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.aurora .dialog-button{border-radius:4px;min-width:64px;padding:0 10px;border:none;transition-duration:.3s;transform:translate3d(0,0,0);background:var(--f7-theme-color)}.aurora .dialog-button.dialog-button-bold{font-weight:600}.aurora .dialog-button+.dialog-button{margin-left:16px}.aurora .dialog-buttons-vertical .dialog-buttons{display:flex;flex-direction:column;align-items:flex-end}.aurora .dialog-buttons-vertical .dialog-button{margin-left:0;flex-shrink:0}.aurora .dialog-buttons-vertical .dialog-button+.dialog-button{margin-top:5px}.aurora .dialog-input-field{margin-top:10px}.aurora .dialog-input-field input.dialog-input{margin-top:0}.aurora .dialog-input{padding:0 4px;transition-duration:.2s;position:relative}.aurora .dialog-input+.dialog-input{margin-top:10px}.aurora .dialog-input-double+.dialog-input-double{margin-top:0}.aurora .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.aurora .dialog-preloader .dialog-inner,.aurora .dialog-preloader .dialog-title,.aurora .dialog-progress .dialog-inner,.aurora .dialog-progress .dialog-title{text-align:center}.aurora .dialog-preloader .dialog-text~.preloader,.aurora .dialog-preloader .dialog-title~.preloader{margin-top:10px}.aurora .dialog-progress .dialog-text~.progressbar,.aurora .dialog-progress .dialog-text~.progressbar-infinite,.aurora .dialog-progress .dialog-title~.progressbar,.aurora .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px}:root{--f7-popup-border-radius:0px;--f7-popup-tablet-width:630px;--f7-popup-tablet-height:630px;--f7-popup-transition-duration:400ms;--f7-popup-push-border-radius:10px;--f7-popup-push-offset:var(--f7-safe-area-top)}.ios{--f7-popup-box-shadow:none}.md{--f7-popup-box-shadow:0px 20px 44px rgba(0, 0, 0, 0.5)}.aurora{--f7-popup-tablet-border-radius:4px;--f7-popup-box-shadow:0px 20px 44px rgba(0, 0, 0, 0.5)}.popup-backdrop{z-index:10500}.popup{position:absolute;left:0;top:0px;width:100%;height:100%;display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:#fff;z-index:11000;will-change:transform;overflow:hidden;border-radius:var(--f7-popup-border-radius)}.popup.modal-in,.popup.modal-out{transition-duration:var(--f7-popup-transition-duration)}.popup.not-animated{transition-duration:0s}.popup.modal-in{display:block;transform:translate3d(0,0,0)}.popup.modal-out{transform:translate3d(0,100%,0)}.popup.swipe-close-to-top.modal-out{transform:translate3d(0,-100%,0)}@media (min-width:630px) and (min-height:630px){.popup:not(.popup-tablet-fullscreen){--f7-safe-area-top:0px;width:var(--f7-popup-tablet-width);height:var(--f7-popup-tablet-height);left:50%;top:50%;margin-left:calc(-1 * var(--f7-popup-tablet-width)/ 2);margin-top:calc(-1 * var(--f7-popup-tablet-height)/ 2);transform:translate3d(0,100vh,0);box-shadow:var(--f7-popup-box-shadow);border-radius:var(--f7-popup-tablet-border-radius,var(--f7-popup-border-radius))}.popup:not(.popup-tablet-fullscreen).modal-in{transform:translate3d(0,0,0)}.popup:not(.popup-tablet-fullscreen).modal-out{transform:translate3d(0,100vh,0)}.popup:not(.popup-tablet-fullscreen).swipe-close-to-top.modal-out{transform:translate3d(0,-100vh,0)}}html.with-modal-popup .framework7-root>.panel .page-content,html.with-modal-popup .framework7-root>.view .page-content,html.with-modal-popup .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html.with-modal-popup-push .popup-push,html.with-modal-popup-push-closing .popup-push{top:calc(var(--f7-popup-push-offset) + 10px);height:calc(100% - var(--f7-popup-push-offset) - 10px);border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0}html.with-modal-popup-push .popup-push .page,html.with-modal-popup-push .popup-push .view,html.with-modal-popup-push-closing .popup-push .page,html.with-modal-popup-push-closing .popup-push .view{--f7-safe-area-top:0px}html.with-modal-popup-push .framework7-root,html.with-modal-popup-push-closing .framework7-root{background:#000}html.with-modal-popup-push .framework7-root>.view,html.with-modal-popup-push .framework7-root>.views,html.with-modal-popup-push-closing .framework7-root>.view,html.with-modal-popup-push-closing .framework7-root>.views{transition-duration:var(--f7-popup-transition-duration)}html.with-modal-popup-push .framework7-root>.view,html.with-modal-popup-push .framework7-root>.views{border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;transform:translate3d(0,0,0px) scale(var(--f7-popup-push-scale,1))}:root{--f7-login-screen-bg-color:#fff;--f7-login-screen-content-bg-color:#fff;--f7-login-screen-blocks-max-width:480px;--f7-login-screen-title-text-align:center;--f7-login-screen-title-text-color:inherit;--f7-login-screen-title-letter-spacing:0;--f7-login-screen-title-font-weight:600;--f7-login-screen-title-font-size:28px}:root .theme-dark,:root.theme-dark{--f7-login-screen-content-bg-color:transparent}.ios{--f7-login-screen-blocks-margin-vertical:25px}.ios .theme-dark,.ios.theme-dark{--f7-login-screen-bg-color:#000}.md{--f7-login-screen-blocks-margin-vertical:24px}.md .theme-dark,.md.theme-dark{--f7-login-screen-bg-color:#121212}.aurora{--f7-login-screen-blocks-margin-vertical:15px}.aurora .theme-dark,.aurora.theme-dark{--f7-login-screen-bg-color:#121212}.login-screen{position:absolute;left:0;top:0;width:100%;height:100%;display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:var(--f7-login-screen-bg-color);z-index:11000;will-change:transform}.login-screen.modal-in,.login-screen.modal-out{transition-duration:.4s}.login-screen.not-animated{transition-duration:0s}.login-screen.modal-in{display:block;transform:translate3d(0,0,0)}.login-screen.modal-out{transform:translate3d(0,100%,0)}.login-screen .page,.login-screen-content,.login-screen-page{background:var(--f7-login-screen-content-bg-color)}.login-screen-content .list-button,.login-screen-page .list-button{text-align:center;color:var(--f7-login-screen-list-button-text-color,var(--f7-theme-color))}.login-screen-content .block,.login-screen-content .list,.login-screen-content .login-screen-title,.login-screen-page .block,.login-screen-page .list,.login-screen-page .login-screen-title{margin:var(--f7-login-screen-blocks-margin-vertical) auto}.login-screen-content .block,.login-screen-content .block-footer,.login-screen-content .block-header,.login-screen-content .list,.login-screen-content .login-screen-title,.login-screen-page .block,.login-screen-page .block-footer,.login-screen-page .block-header,.login-screen-page .list,.login-screen-page .login-screen-title{max-width:var(--f7-login-screen-blocks-max-width)}.login-screen-content .list ul,.login-screen-page .list ul{background:0 0}.login-screen-content .list ul:before,.login-screen-page .list ul:before{display:none!important}.login-screen-content .list ul:after,.login-screen-page .list ul:after{display:none!important}.login-screen-content .block-footer,.login-screen-content .block-header,.login-screen-page .block-footer,.login-screen-page .block-header{text-align:center;margin-left:auto;margin-right:auto}.login-screen-title{text-align:var(--f7-login-screen-title-text-align);font-size:var(--f7-login-screen-title-font-size);font-weight:var(--f7-login-screen-title-font-weight);color:var(--f7-login-screen-title-text-color);letter-spacing:var(--f7-login-screen-title-letter-spacing)}.login-screen-page,.login-screen>.page,.login-screen>.view>.page{display:flex;flex-direction:column}.login-screen-page .login-screen-content,.login-screen-page .page-content,.login-screen>.page .login-screen-content,.login-screen>.page .page-content,.login-screen>.view>.page .login-screen-content,.login-screen>.view>.page .page-content{margin-top:auto;margin-bottom:auto;height:auto;max-height:100%;width:100%}.theme-dark .login-screen-content .block-strong,.theme-dark .login-screen-content .list ul,.theme-dark .login-screen-page .block-strong,.theme-dark .login-screen-page .list ul,.theme-dark.login-screen-page .block-strong,.theme-dark.login-screen-page .list ul{background-color:transparent}:root{--f7-popover-width:260px}.ios{--f7-popover-bg-color:rgba(255, 255, 255, 0.95);--f7-popover-border-radius:13px;--f7-popover-box-shadow:none;--f7-popover-actions-icon-size:28px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.45)}.ios .theme-dark,.ios.theme-dark{--f7-popover-bg-color:rgba(30, 30, 30, 0.95);--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-popover-bg-color:#fff;--f7-popover-border-radius:4px;--f7-popover-box-shadow:var(--f7-elevation-8);--f7-popover-actions-icon-size:24px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-popover-bg-color:#1c1c1d;--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-popover-width:200px;--f7-popover-bg-color:#fff;--f7-popover-border-radius:4px;--f7-popover-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1),0 5px 11px 0 rgba(0,0,0,0.28);--f7-popover-actions-icon-size:24px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.6)}.aurora .theme-dark,.aurora.theme-dark{--f7-popover-bg-color:#1c1c1d;--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.6)}.popover{width:var(--f7-popover-width);z-index:13500;margin:0;top:0;opacity:0;left:0;position:absolute;display:none;transition-duration:.3s;background-color:var(--f7-popover-bg-color);border-radius:var(--f7-popover-border-radius);box-shadow:var(--f7-popover-box-shadow);will-change:transform,opacity}.popover .list{margin:0}.popover .list ul{background:0 0}.popover .list:first-child ul:before{display:none!important}.popover .list:last-child ul:after{display:none!important}.popover .list:first-child ul{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:first-child li:first-child,.popover .list:first-child li:first-child a,.popover .list:first-child li:first-child>label{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:last-child ul{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:last-child li:last-child,.popover .list:last-child li:last-child a,.popover .list:last-child li:last-child>label{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:first-child:last-child li:first-child:last-child,.popover .list:first-child:last-child li:first-child:last-child a,.popover .list:first-child:last-child li:first-child:last-child>label,.popover .list:first-child:last-child ul{border-radius:var(--f7-popover-border-radius)}.popover .list+.list{margin-top:var(--f7-list-margin-vertical)}.popover.modal-in{opacity:1}.popover.not-animated{transition-duration:0s}.popover-inner{overflow:auto;-webkit-overflow-scrolling:touch}.popover-from-actions .item-link i.icon{width:var(--f7-popover-actions-icon-size);height:var(--f7-popover-actions-icon-size);font-size:var(--f7-popover-actions-icon-size)}.popover-from-actions-bold{font-weight:600}.popover-from-actions-label{line-height:1.3;position:relative;display:flex;align-items:center;padding:var(--f7-actions-label-padding);color:var(--f7-popover-actions-label-text-color);font-size:var(--f7-actions-label-font-size);justify-content:var(--f7-actions-label-justify-content)}.popover-from-actions-label:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.popover-from-actions-label:last-child:after{display:none!important}.ios .popover{transform:none;transition-property:opacity}.ios .popover-angle{width:26px;height:26px;position:absolute;left:-26px;top:0;z-index:100;overflow:hidden}.ios .popover-angle:after{content:'';background:var(--f7-popover-bg-color);width:26px;height:26px;position:absolute;left:0;top:0;border-radius:3px;transform:rotate(45deg)}.ios .popover-angle.on-left{left:-26px}.ios .popover-angle.on-left:after{left:19px;top:0}.ios .popover-angle.on-right{left:100%}.ios .popover-angle.on-right:after{left:-19px;top:0}.ios .popover-angle.on-top{left:0;top:-26px}.ios .popover-angle.on-top:after{left:0;top:19px}.ios .popover-angle.on-bottom{left:0;top:100%}.ios .popover-angle.on-bottom:after{left:0;top:-19px}.md .popover{transform:scale(.85,.6);transition-property:opacity,transform}.md .popover.modal-in{opacity:1;transform:scale(1)}.md .popover.modal-out{opacity:0;transform:scale(1)}.md .popover-on-top{transform-origin:center bottom}.md .popover-on-top.popover-on-right{transform-origin:left bottom}.md .popover-on-top.popover-on-left{transform-origin:right bottom}.md .popover-on-middle{transform-origin:center center}.md .popover-on-middle.popover-on-right{transform-origin:left center}.md .popover-on-middle.popover-on-left{transform-origin:right center}.md .popover-on-bottom{transform-origin:center top}.md .popover-on-bottom.popover-on-right{transform-origin:left top}.md .popover-on-bottom.popover-on-left{transform-origin:right top}.aurora .popover{transform:none;transition-property:opacity}.aurora .popover-angle{width:18px;height:18px;position:absolute;left:-18px;top:0;z-index:100;overflow:hidden}.aurora .popover-angle:after{content:'';background:var(--f7-popover-bg-color);width:18px;height:18px;position:absolute;left:0;top:0;border-radius:2px;transform:rotate(45deg)}.aurora .popover-angle.on-left{left:-18px}.aurora .popover-angle.on-left:after{left:13px;top:0}.aurora .popover-angle.on-right{left:100%}.aurora .popover-angle.on-right:after{left:-13px;top:0}.aurora .popover-angle.on-top{left:0;top:-18px}.aurora .popover-angle.on-top:after{left:0;top:13px}.aurora .popover-angle.on-bottom{left:0;top:100%}.aurora .popover-angle.on-bottom:after{left:0;top:-13px}:root{--f7-actions-grid-button-font-size:12px;--f7-actions-grid-button-text-color:#757575}.ios{--f7-actions-bg-color:rgba(255, 255, 255, 0.95);--f7-actions-bg-color-rgb:255,255,255;--f7-actions-border-radius:13px;--f7-actions-button-border-color:rgba(0, 0, 0, 0.2);--f7-actions-button-pressed-bg-color:rgba(230, 230, 230, 0.9);--f7-actions-button-padding:0px;--f7-actions-button-text-align:center;--f7-actions-button-height:57px;--f7-actions-button-height-landscape:44px;--f7-actions-button-font-size:20px;--f7-actions-button-icon-size:28px;--f7-actions-button-justify-content:center;--f7-actions-label-padding:8px 10px;--f7-actions-label-text-color:#8a8a8a;--f7-actions-label-font-size:13px;--f7-actions-label-justify-content:center;--f7-actions-group-border-color:transparent;--f7-actions-group-margin:8px;--f7-actions-grid-button-icon-size:48px}.ios .theme-dark,.ios.theme-dark{--f7-actions-bg-color:rgba(30, 30, 30, 0.95);--f7-actions-bg-color-rgb:30,30,30;--f7-actions-button-border-color:rgba(255, 255, 255, 0.15);--f7-actions-button-pressed-bg-color:rgba(50, 50, 50, 0.9);--f7-actions-button-pressed-bg-color-rgb:50,50,50;--f7-actions-label-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-actions-bg-color:#fff;--f7-actions-border-radius:0px;--f7-actions-button-border-color:transparent;--f7-actions-button-text-color:rgba(0, 0, 0, 0.87);--f7-actions-button-pressed-bg-color:#e5e5e5;--f7-actions-button-padding:0 16px;--f7-actions-button-text-align:left;--f7-actions-button-height:48px;--f7-actions-button-height-landscape:48px;--f7-actions-button-font-size:16px;--f7-actions-button-icon-size:24px;--f7-actions-button-justify-content:space-between;--f7-actions-label-padding:12px 16px;--f7-actions-label-text-color:rgba(0, 0, 0, 0.54);--f7-actions-label-font-size:16px;--f7-actions-label-justify-content:flex-start;--f7-actions-group-border-color:rgba(0, 0, 0, 0.12);--f7-actions-group-margin:0px;--f7-actions-grid-button-icon-size:48px}.md .theme-dark,.md.theme-dark{--f7-actions-bg-color:#202020;--f7-actions-button-text-color:#fff;--f7-actions-button-pressed-bg-color:#2e2e2e;--f7-actions-label-text-color:rgba(255, 255, 255, 0.55);--f7-actions-group-border-color:rgba(255, 255, 255, 0.15)}.aurora{--f7-actions-bg-color:#fff;--f7-actions-border-radius:4px;--f7-actions-button-border-color:rgba(0, 0, 0, 0.12);--f7-actions-button-pressed-bg-color:#e5e5e5;--f7-actions-button-padding:0 16px;--f7-actions-button-text-align:center;--f7-actions-button-height:32px;--f7-actions-button-height-landscape:32px;--f7-actions-button-font-size:14px;--f7-actions-button-icon-size:18px;--f7-actions-button-justify-content:space-between;--f7-actions-label-padding:10px 16px;--f7-actions-label-text-color:rgba(0, 0, 0, 0.5);--f7-actions-label-font-size:12px;--f7-actions-label-justify-content:center;--f7-actions-group-border-color:rgba(0, 0, 0, 0.1);--f7-actions-group-margin:16px;--f7-actions-grid-button-icon-size:32px}.aurora .theme-dark,.aurora.theme-dark{--f7-actions-bg-color:#202020;--f7-actions-button-text-color:#fff;--f7-actions-button-border-color:rgba(255, 255, 255, 0.15);--f7-actions-button-pressed-bg-color:#2e2e2e;--f7-actions-label-text-color:rgba(255, 255, 255, 0.55);--f7-actions-group-border-color:rgba(255, 255, 255, 0.15)}.actions-modal{position:absolute;left:0;bottom:0;z-index:13500;width:100%;transform:translate3d(0,100%,0);display:none;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch;transition-property:transform;will-change:transform}.actions-modal.modal-in,.actions-modal.modal-out{transition-duration:.3s}.actions-modal.not-animated{transition-duration:0s}.actions-modal.modal-in{transform:translate3d(0,calc(-1 * var(--f7-safe-area-bottom)),0)}.actions-modal.modal-out{z-index:13499;transform:translate3d(0,100%,0)}@media (min-width:496px){.actions-modal{width:480px;left:50%;margin-left:-240px}}@media (orientation:landscape){.actions-modal{--f7-actions-button-height:var(--f7-actions-button-height-landscape)}}.actions-group{overflow:hidden;position:relative;margin:var(--f7-actions-group-margin);border-radius:var(--f7-actions-border-radius);transform:translate3d(0,0,0)}.actions-group:after{content:'';position:absolute;background-color:var(--f7-actions-group-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.actions-group:last-child:after{display:none!important}.actions-button,.actions-label{width:100%;font-weight:400;margin:0;box-sizing:border-box;display:block;position:relative;overflow:hidden;text-align:var(--f7-actions-button-text-align);background:var(--f7-actions-bg-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .actions-button,.ios-translucent-modals .actions-label{background-color:rgba(var(--f7-actions-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.actions-button:after,.actions-label:after{content:'';position:absolute;background-color:var(--f7-actions-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.actions-button:first-child,.actions-label:first-child{border-radius:var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0}.actions-button:last-child,.actions-label:last-child{border-radius:0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius)}.actions-button:last-child:after,.actions-label:last-child:after{display:none!important}.actions-button:first-child:last-child,.actions-label:first-child:last-child{border-radius:var(--f7-actions-border-radius)}.actions-button a,.actions-label a{text-decoration:none;color:inherit;display:block}.actions-button b,.actions-button.actions-button-bold,.actions-label b,.actions-label.actions-button-bold{font-weight:600}.actions-button{cursor:pointer;display:flex;color:var(--f7-actions-button-text-color,var(--f7-theme-color));font-size:var(--f7-actions-button-font-size);height:var(--f7-actions-button-height);line-height:var(--f7-actions-button-height);padding:var(--f7-actions-button-padding);justify-content:var(--f7-actions-button-justify-content);z-index:10}.actions-button.active-state{background-color:var(--f7-actions-button-pressed-bg-color)!important}.actions-button[class*=color-]{color:var(--f7-theme-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .actions-button.active-state{background-color:rgba(var(--f7-actions-button-pressed-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.actions-button-media{flex-shrink:0;display:flex;align-items:center}.actions-button-media i.icon{width:var(--f7-actions-button-icon-size);height:var(--f7-actions-button-icon-size);font-size:var(--f7-actions-button-icon-size)}.actions-button a,.actions-button-text{position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.actions-button-text{width:100%;flex-shrink:1;text-align:var(--f7-actions-button-text-align)}.actions-label{line-height:1.3;display:flex;align-items:center;font-size:var(--f7-actions-label-font-size);color:var(--f7-actions-label-text-color);padding:var(--f7-actions-label-padding);justify-content:var(--f7-actions-label-justify-content);min-height:var(--f7-actions-label-min-height,var(--f7-actions-button-height))}.actions-label[class*=" color-"]{--f7-actions-label-text-color:var(--f7-theme-color)}.actions-grid .actions-group{display:flex;flex-wrap:wrap;justify-content:flex-start;border-radius:0;background:var(--f7-actions-bg-color);margin-top:0}.actions-grid .actions-group:first-child{border-radius:var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0}.actions-grid .actions-group:last-child{border-radius:0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius)}.actions-grid .actions-group:first-child:last-child{border-radius:var(--f7-actions-border-radius)}.actions-grid .actions-group:not(:last-child){margin-bottom:0}.actions-grid .actions-button,.actions-grid .actions-label{border-radius:0!important;background:0 0}.actions-grid .actions-button{width:33.33333333%;display:block;color:var(--f7-actions-grid-button-text-color);height:auto;line-height:1;padding:16px}.actions-grid .actions-button:after{display:none!important}.actions-grid .actions-button-media{margin-left:auto!important;margin-right:auto!important;width:var(--f7-actions-grid-button-icon-size);height:var(--f7-actions-grid-button-icon-size)}.actions-grid .actions-button-media i.icon{width:var(--f7-actions-grid-button-icon-size);height:var(--f7-actions-grid-button-icon-size);font-size:var(--f7-actions-grid-button-icon-size)}.actions-grid .actions-button-text{margin-left:0!important;text-align:center!important;margin-top:8px;line-height:1.33em;height:1.33em;font-size:var(--f7-actions-grid-button-font-size)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .actions-grid .actions-group{background-color:rgba(var(--f7-actions-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.ios .actions-button-media{margin-left:16px}.ios .actions-button-media+.actions-button-text{text-align:left;margin-left:16px}.md .actions-button{transition-duration:.3s}.md .actions-button-media{min-width:40px}.md .actions-button-media+.actions-button-text{margin-left:16px}.aurora .actions-button-media{margin-left:16px}.aurora .actions-button-media+.actions-button-text{text-align:left;margin-left:16px}:root{--f7-sheet-height:260px;--f7-sheet-bg-color:#fff;--f7-sheet-border-color:transparent;--f7-sheet-transition-duration:300ms;--f7-sheet-push-border-radius:10px;--f7-sheet-push-offset:var(--f7-safe-area-top)}:root .theme-dark,:root.theme-dark{--f7-sheet-bg-color:#121212}.ios{--f7-sheet-border-color:var(--f7-bars-border-color)}.ios .theme-dark,.ios.theme-dark{--f7-sheet-bg-color:#000}.sheet-backdrop{z-index:11000}.sheet-modal{position:absolute;left:0;bottom:0;width:100%;height:var(--f7-sheet-height);display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:var(--f7-sheet-bg-color);z-index:12500;will-change:transform}.sheet-modal.modal-in,.sheet-modal.modal-out{transition-duration:var(--f7-sheet-transition-duration)}.sheet-modal.not-animated{transition-duration:0s}.sheet-modal.modal-in{display:block;transform:translate3d(0,0,0)}.sheet-modal.modal-in-swipe-step{display:block;transform:translate3d(0,var(--f7-sheet-swipe-step,0),0)}.sheet-modal.modal-out{transform:translate3d(0,100%,0)}.sheet-modal .sheet-modal-inner{height:100%;position:relative;overflow:hidden}.sheet-modal .toolbar{--f7-safe-area-bottom:0px;position:relative;width:100%}.sheet-modal .toolbar:after,.sheet-modal .toolbar:before{display:none}.sheet-modal .toolbar+.sheet-modal-inner{height:calc(100% - var(--f7-toolbar-height))}.sheet-modal .toolbar+.sheet-modal-inner .page-content{--f7-page-toolbar-top-offset:0px;--f7-page-toolbar-bottom-offset:0px}.sheet-modal-top:after{content:'';position:absolute;background-color:var(--f7-sheet-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.sheet-modal-top:after{z-index:600;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.sheet-modal-bottom,.sheet-modal:not(.sheet-modal-top){--f7-safe-area-top:0px}.sheet-modal-bottom:before,.sheet-modal:not(.sheet-modal-top):before{content:'';position:absolute;background-color:var(--f7-sheet-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.sheet-modal-bottom:before,.sheet-modal:not(.sheet-modal-top):before{z-index:600;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.sheet-modal-top{--f7-safe-area-bottom:0px;bottom:auto;top:0;transform:translate3d(0,-100%,0)}.sheet-modal-top.modal-out{transform:translate3d(0,-100%,0)}.sheet-modal-top .toolbar-bottom{position:absolute}.sheet-modal-top .page-content{padding-top:var(--f7-safe-area-top)}html.with-modal-sheet-push .sheet-modal-push,html.with-modal-sheet-push-closing .sheet-modal-push{border-radius:var(--f7-sheet-push-border-radius) var(--f7-sheet-push-border-radius) 0 0;overflow:hidden}html.with-modal-sheet-push .sheet-modal-push .page,html.with-modal-sheet-push .sheet-modal-push .view,html.with-modal-sheet-push-closing .sheet-modal-push .page,html.with-modal-sheet-push-closing .sheet-modal-push .view{--f7-safe-area-top:0px}html.with-modal-sheet-push .sheet-modal-push.sheet-modal-top,html.with-modal-sheet-push-closing .sheet-modal-push.sheet-modal-top{border-radius:0 0 var(--f7-sheet-push-border-radius) var(--f7-sheet-push-border-radius)}html.with-modal-sheet-push .framework7-root,html.with-modal-sheet-push-closing .framework7-root{background:#000}html.with-modal-sheet-push .framework7-root>.view,html.with-modal-sheet-push .framework7-root>.views,html.with-modal-sheet-push-closing .framework7-root>.view,html.with-modal-sheet-push-closing .framework7-root>.views{transition-duration:var(--f7-sheet-transition-duration)}html.with-modal-sheet-push .framework7-root>.view,html.with-modal-sheet-push .framework7-root>.views{border-radius:var(--f7-sheet-push-border-radius);transform:translate3d(0,0,0px) scale(var(--f7-sheet-push-scale,1))}.md .sheet-modal .toolbar a.link:not(.tab-link){flex-shrink:0}:root{--f7-toast-text-color:#fff;--f7-toast-font-size:14px;--f7-toast-icon-size:48px}.ios{--f7-toast-bg-color:rgba(0, 0, 0, 0.75);--f7-toast-bg-color-rgb:0,0,0;--f7-toast-padding-horizontal:16px;--f7-toast-padding-vertical:12px;--f7-toast-border-radius:8px;--f7-toast-button-min-width:64px}.md{--f7-toast-bg-color:#323232;--f7-toast-padding-horizontal:24px;--f7-toast-padding-vertical:14px;--f7-toast-border-radius:4px;--f7-toast-button-min-width:64px}.aurora{--f7-toast-bg-color:rgba(0, 0, 0, 0.85);--f7-toast-padding-horizontal:10px;--f7-toast-padding-vertical:10px;--f7-toast-border-radius:4px;--f7-toast-button-min-width:32px}.toast{--f7-touch-ripple-color:var(--f7-touch-ripple-white);transition-property:transform,opacity;position:absolute;max-width:568px;z-index:20000;color:var(--f7-toast-text-color);font-size:var(--f7-toast-font-size);box-sizing:border-box;background-color:var(--f7-toast-bg-color);opacity:0}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .toast{background-color:rgba(var(--f7-toast-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.toast.modal-in{opacity:1}.toast .toast-content{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:var(--f7-toast-padding-vertical) var(--f7-toast-padding-horizontal)}.toast .toast-text{line-height:20px;flex-shrink:1;min-width:0}.toast .toast-button{flex-shrink:0;min-width:var(--f7-toast-button-min-width);margin-top:-8px;margin-bottom:-8px}.toast.toast-with-icon .toast-content{display:block;text-align:center}.toast.toast-with-icon .toast-text{text-align:center}.toast.toast-with-icon .toast-icon .f7-icons,.toast.toast-with-icon .toast-icon .material-icons{font-size:var(--f7-toast-icon-size);width:var(--f7-toast-icon-size);height:var(--f7-toast-icon-size)}.toast.toast-center{top:50%}.toast.toast-top{margin-top:var(--f7-safe-area-top)}.ios .toast{transition-duration:.3s;width:100%;left:0}.ios .toast.toast-top{top:0;transform:translate3d(0,-100%,0)}.ios .toast.toast-top.modal-in{transform:translate3d(0,0%,0)}.ios .toast.toast-center{width:auto;left:50%;border-radius:var(--f7-toast-border-radius);transform:translate3d(-50%,-50%,0)}.ios .toast.toast-center.modal-in{transform:translate3d(-50%,-50%,0)}.ios .toast.toast-bottom{bottom:0;transform:translate3d(0,100%,0)}.ios .toast.toast-bottom.modal-in{transform:translate3d(0,0%,0)}@media (max-width:568px){.ios .toast.toast-top{margin-top:0}.ios .toast.toast-top .toast-content{padding-top:calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-top))}.ios .toast.toast-bottom .toast-content{padding-bottom:calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-bottom))}}@media (min-width:569px){.ios .toast{left:50%;margin-left:-284px;border-radius:var(--f7-toast-border-radius)}.ios .toast.toast-top{top:16px}.ios .toast.toast-center{margin-left:0}.ios .toast.toast-bottom{margin-bottom:calc(16px + var(--f7-safe-area-bottom))}}@media (min-width:1024px){.ios .toast{margin-left:0;width:auto}.ios .toast.toast-bottom,.ios .toast.toast-top{left:16px}}.ios .toast-button{margin-left:16px;margin-right:calc(-1 * var(--f7-button-padding-horizontal))}.md .toast{transition-duration:.2s;border-radius:var(--f7-toast-border-radius);left:8px;width:calc(100% - 16px);transform:scale(.9)}.md .toast.modal-in{transform:scale(1)}.md .toast.modal-out{transform:scale(1)}.md .toast.toast-top{top:8px}.md .toast.toast-center{left:50%;width:auto;transform:scale(.9) translate3d(-55%,-55%,0)}.md .toast.toast-center.modal-in{transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-center.modal-out{transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-bottom{bottom:calc(8px + var(--f7-safe-area-bottom))}@media (min-width:584px){.md .toast{left:50%;margin-left:-284px}.md .toast.toast-center{margin-left:0}}@media (min-width:1024px){.md .toast{margin-left:0;width:auto}.md .toast.toast-bottom,.md .toast.toast-top{left:24px}.md .toast.toast-bottom{bottom:calc(24px + var(--f7-safe-area-bottom))}.md .toast.toast-top{top:24px}}.md .toast-button{margin-left:16px;margin-right:-8px}.aurora .toast{transition-duration:.2s;border-radius:var(--f7-toast-border-radius);left:10px;width:calc(100% - 20px);transform:scale(.9)}.aurora .toast.modal-in{transform:scale(1)}.aurora .toast.modal-out{transform:scale(1)}.aurora .toast.toast-top{top:10px}.aurora .toast.toast-center{left:50%;width:auto;transform:scale(.9) translate3d(-55%,-55%,0)}.aurora .toast.toast-center.modal-in{transform:scale(1) translate3d(-50%,-50%,0)}.aurora .toast.toast-center.modal-out{transform:scale(1) translate3d(-50%,-50%,0)}.aurora .toast.toast-bottom{bottom:calc(10px + var(--f7-safe-area-bottom))}@media (min-width:584px){.aurora .toast{left:50%;margin-left:-284px}.aurora .toast.toast-center{margin-left:0}}@media (min-width:1024px){.aurora .toast{margin-left:0;width:auto}.aurora .toast.toast-bottom,.aurora .toast.toast-top{left:10px}}.aurora .toast-button{margin-left:10px}:root{--f7-preloader-modal-padding:8px;--f7-preloader-modal-bg-color:rgba(0, 0, 0, 0.8)}.ios{--f7-preloader-color:#6c6c6c;--f7-preloader-size:20px;--f7-preloader-modal-preloader-size:34px;--f7-preloader-modal-border-radius:5px}.md{--f7-preloader-color:#757575;--f7-preloader-size:32px;--f7-preloader-modal-preloader-size:32px;--f7-preloader-modal-border-radius:4px}.aurora{--f7-preloader-color:#757575;--f7-preloader-size:24px;--f7-preloader-modal-preloader-size:24px;--f7-preloader-modal-border-radius:4px}.preloader{display:inline-block;vertical-align:middle;width:var(--f7-preloader-size);height:var(--f7-preloader-size);font-size:0;position:relative}.preloader-backdrop{visibility:visible;opacity:0;background:0 0;z-index:14000}.preloader-modal{position:absolute;left:50%;top:50%;padding:var(--f7-preloader-modal-padding);background:var(--f7-preloader-modal-bg-color);z-index:14500;transform:translateX(-50%) translateY(-50%);border-radius:var(--f7-preloader-modal-border-radius)}.preloader-modal .preloader{--f7-preloader-size:var(--f7-preloader-modal-preloader-size);display:block!important}html.with-modal-preloader .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.preloader[class*=color-]{--f7-preloader-color:var(--f7-theme-color)}.ios .preloader{animation:ios-preloader-spin 1s steps(12,end) infinite}.ios .preloader .preloader-inner-line{display:block;width:10%;height:25%;border-radius:100px;background:var(--f7-preloader-color);position:absolute;left:50%;top:50%;transform-origin:center 200%}.ios .preloader .preloader-inner-line:nth-child(1){transform:translate(-50%,-200%) rotate(0deg);opacity:.27}.ios .preloader .preloader-inner-line:nth-child(2){transform:translate(-50%,-200%) rotate(30deg);opacity:.32272727}.ios .preloader .preloader-inner-line:nth-child(3){transform:translate(-50%,-200%) rotate(60deg);opacity:.37545455}.ios .preloader .preloader-inner-line:nth-child(4){transform:translate(-50%,-200%) rotate(90deg);opacity:.42818182}.ios .preloader .preloader-inner-line:nth-child(5){transform:translate(-50%,-200%) rotate(120deg);opacity:.48090909}.ios .preloader .preloader-inner-line:nth-child(6){transform:translate(-50%,-200%) rotate(150deg);opacity:.53363636}.ios .preloader .preloader-inner-line:nth-child(7){transform:translate(-50%,-200%) rotate(180deg);opacity:.58636364}.ios .preloader .preloader-inner-line:nth-child(8){transform:translate(-50%,-200%) rotate(210deg);opacity:.63909091}.ios .preloader .preloader-inner-line:nth-child(9){transform:translate(-50%,-200%) rotate(240deg);opacity:.69181818}.ios .preloader .preloader-inner-line:nth-child(10){transform:translate(-50%,-200%) rotate(270deg);opacity:.74454545}.ios .preloader .preloader-inner-line:nth-child(11){transform:translate(-50%,-200%) rotate(300deg);opacity:.79727273}.ios .preloader .preloader-inner-line:nth-child(12){transform:translate(-50%,-200%) rotate(330deg);opacity:.85}@keyframes ios-preloader-spin{100%{transform:rotate(360deg)}}.md .preloader{animation:md-preloader-outer 3.3s linear infinite}@keyframes md-preloader-outer{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.md .preloader-inner{position:relative;display:block;width:100%;height:100%;animation:md-preloader-inner-rotate 5.25s cubic-bezier(.35,0,.25,1) infinite}.md .preloader-inner .preloader-inner-gap{position:absolute;width:2px;left:50%;margin-left:-1px;top:0;bottom:0;box-sizing:border-box;border-top:4px solid var(--f7-preloader-color)}.md .preloader-inner .preloader-inner-left,.md .preloader-inner .preloader-inner-right{position:absolute;top:0;height:100%;width:50%;overflow:hidden}.md .preloader-inner .preloader-inner-half-circle{position:absolute;top:0;height:100%;width:200%;box-sizing:border-box;border:4px solid var(--f7-preloader-color);border-bottom-color:transparent!important;border-radius:50%;animation-iteration-count:infinite;animation-duration:1.3125s;animation-timing-function:cubic-bezier(.35,0,.25,1)}.md .preloader-inner .preloader-inner-left{left:0}.md .preloader-inner .preloader-inner-left .preloader-inner-half-circle{left:0;border-right-color:transparent!important;animation-name:md-preloader-left-rotate}.md .preloader-inner .preloader-inner-right{right:0}.md .preloader-inner .preloader-inner-right .preloader-inner-half-circle{right:0;border-left-color:transparent!important;animation-name:md-preloader-right-rotate}.md .preloader.color-multi .preloader-inner-left .preloader-inner-half-circle{animation-name:md-preloader-left-rotate-multicolor}.md .preloader.color-multi .preloader-inner-right .preloader-inner-half-circle{animation-name:md-preloader-right-rotate-multicolor}@keyframes md-preloader-left-rotate{0%,100%{transform:rotate(130deg)}50%{transform:rotate(-5deg)}}@keyframes md-preloader-right-rotate{0%,100%{transform:rotate(-130deg)}50%{transform:rotate(5deg)}}@keyframes md-preloader-inner-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}@keyframes md-preloader-left-rotate-multicolor{0%,100%{border-left-color:#4285f4;transform:rotate(130deg)}75%{border-left-color:#1b9a59;border-top-color:#1b9a59}50%{border-left-color:#f7c223;border-top-color:#f7c223;transform:rotate(-5deg)}25%{border-left-color:#de3e35;border-top-color:#de3e35}}@keyframes md-preloader-right-rotate-multicolor{0%,100%{border-right-color:#4285f4;transform:rotate(-130deg)}75%{border-right-color:#1b9a59;border-top-color:#1b9a59}50%{border-right-color:#f7c223;border-top-color:#f7c223;transform:rotate(5deg)}25%{border-top-color:#de3e35;border-right-color:#de3e35}}.aurora .preloader-inner{position:absolute;left:0;top:0;width:100%;height:100%}.aurora .preloader-inner-circle{width:100%;height:100%;position:absolute;left:0;top:0;border-radius:50%;border:calc(var(--f7-preloader-size)/ 8) solid var(--f7-preloader-color);border-top-color:transparent;box-sizing:border-box;animation:aurora-preloader-rotate 1s linear infinite}.aurora .preloader.color-multi .preloader-inner-circle{animation:aurora-preloader-rotate 1s linear infinite,aurora-preloader-multicolor 2s linear infinite}@keyframes aurora-preloader-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes aurora-preloader-multicolor{0%,100%{border-color:#2196f3;border-top-color:transparent}25%{border-color:#ff3b30;border-top-color:transparent}50%{border-color:#4cd964;border-top-color:transparent}75%{border-color:#ff9500;border-top-color:transparent}}.ios{--f7-progressbar-bg-color:rgba(0, 0, 0, 0.3);--f7-progressbar-height:2px;--f7-progressbar-border-radius:2px}.ios .theme-dark,.ios.theme-dark{--f7-progressbar-bg-color:rgba(255, 255, 255, 0.3)}.md{--f7-progressbar-height:4px;--f7-progressbar-border-radius:0px}.aurora{--f7-progressbar-bg-color:#dbdbdb;--f7-progressbar-height:6px;--f7-progressbar-border-radius:3px}.aurora .theme-dark,.aurora.theme-dark{--f7-progressbar-bg-color:#444}.progressbar,.progressbar-infinite{width:100%;overflow:hidden;position:relative;display:block;transform-style:preserve-3d;background:var(--f7-progressbar-bg-color,rgba(var(--f7-theme-color-rgb),.5));transform-origin:center top;height:var(--f7-progressbar-height);border-radius:var(--f7-progressbar-border-radius)}.progressbar{vertical-align:middle}.progressbar span{background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));width:100%;height:100%;position:absolute;left:0;top:0;transform:translate3d(-100%,0,0);transition-duration:150ms}.progressbar-infinite{z-index:15000}.progressbar-infinite:after,.progressbar-infinite:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:left center;transform:translate3d(0,0,0);display:block;background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color))}.progressbar-infinite.color-multi{background:0 0!important}.progressbar-in{animation:progressbar-in 150ms forwards}.progressbar-out{animation:progressbar-out 150ms forwards}.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,.page>.progressbar,.page>.progressbar-infinite,.panel>.progressbar,.panel>.progressbar-infinite,.popup>.progressbar,.popup>.progressbar-infinite,.view>.progressbar,.view>.progressbar-infinite,.views>.progressbar,.views>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{position:absolute;left:0;top:0;z-index:15000;border-radius:0!important;transform-origin:center top!important}.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{top:var(--f7-safe-area-top)}@keyframes progressbar-in{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes progressbar-out{from{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}.ios .progressbar-infinite:before{animation:ios-progressbar-infinite 1s linear infinite}.ios .progressbar-infinite:after{display:none}.ios .progressbar-infinite.color-multi:before{width:400%;background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;animation:ios-progressbar-infinite-multicolor 3s linear infinite}@keyframes ios-progressbar-infinite{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(100%,0,0)}}@keyframes ios-progressbar-infinite-multicolor{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-50%,0,0)}}.md .progressbar-infinite:before{animation:md-progressbar-infinite-1 2s linear infinite}.md .progressbar-infinite:after{animation:md-progressbar-infinite-2 2s linear infinite}.md .progressbar-infinite.color-multi:before{background:0 0;animation:md-progressbar-infinite-multicolor-bg 3s step-end infinite}.md .progressbar-infinite.color-multi:after{background:0 0;animation:md-progressbar-infinite-multicolor-fill 3s linear infinite;transform-origin:center center}@keyframes md-progressbar-infinite-1{0%{transform:translateX(-10%) scaleX(.1)}25%{transform:translateX(30%) scaleX(.6)}50%{transform:translateX(100%) scaleX(1)}100%{transform:translateX(100%) scaleX(1)}}@keyframes md-progressbar-infinite-2{0%{transform:translateX(-100%) scaleX(1)}40%{transform:translateX(-100%) scaleX(1)}75%{transform:translateX(60%) scaleX(.35)}90%{transform:translateX(100%) scaleX(.1)}100%{transform:translateX(100%) scaleX(.1)}}@keyframes md-progressbar-infinite-multicolor-bg{0%{background-color:#4caf50}25%{background-color:#f44336}50%{background-color:#2196f3}75%{background-color:#ffeb3b}}@keyframes md-progressbar-infinite-multicolor-fill{0%{transform:scaleX(0);background-color:#f44336}24.9%{transform:scaleX(1);background-color:#f44336}25%{transform:scaleX(0);background-color:#2196f3}49.9%{transform:scaleX(1);background-color:#2196f3}50%{transform:scaleX(0);background-color:#ffeb3b}74.9%{transform:scaleX(1);background-color:#ffeb3b}75%{transform:scaleX(0);background-color:#4caf50}100%{transform:scaleX(1);background-color:#4caf50}}.aurora .progressbar,.aurora .progressbar span,.aurora .progressbar-infinite,.aurora .progressbar-infinite:before{box-shadow:0px 0px 0px 1px rgba(0,0,0,.05) inset}.aurora .progressbar-infinite:before{animation:aurora-progressbar-infinite 1s linear infinite}.aurora .progressbar-infinite:after{display:none}.aurora .progressbar-infinite.color-multi:before{width:400%;background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;animation:aurora-progressbar-infinite-multicolor 3s linear infinite}@keyframes aurora-progressbar-infinite{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(100%,0,0)}}@keyframes aurora-progressbar-infinite-multicolor{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-50%,0,0)}}:root{--f7-sortable-handler-color:rgba(0, 0, 0, 0.22);--f7-sortable-sorting-item-bg-color:rgba(255, 255, 255, 0.8)}:root .theme-dark,:root.theme-dark{--f7-sortable-sorting-item-bg-color:rgba(50, 50, 50, 0.8);--f7-sortable-handler-color:rgba(255, 255, 255, 0.55)}.ios{--f7-sortable-handler-width:35px;--f7-sortable-sorting-item-box-shadow:0px 2px 8px rgba(0, 0, 0, 0.6)}.md{--f7-sortable-handler-width:42px;--f7-sortable-sorting-item-box-shadow:var(--f7-elevation-2)}.aurora{--f7-sortable-handler-width:32px;--f7-sortable-sorting-item-box-shadow:var(--f7-elevation-2)}.sortable .sortable-handler{width:var(--f7-sortable-handler-width);height:100%;position:absolute;top:0;z-index:10;opacity:0;pointer-events:none;cursor:move;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;right:var(--f7-safe-area-right)}.sortable .sortable-handler:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;transition-duration:.3s;transform:translateX(10px);color:var(--f7-sortable-handler-color);overflow:hidden;height:20px;width:18px}.sortable .item-inner{transition-duration:.3s}.sortable li.sorting{z-index:50;background:var(--f7-sortable-sorting-item-bg-color);transition-duration:0s;box-shadow:var(--f7-sortable-sorting-item-box-shadow)}.sortable li.sorting .item-inner:after{display:none!important}.sortable-sorting li{transition-duration:.3s}.sortable-enabled .sortable-handler{pointer-events:auto;opacity:1}.sortable-enabled .sortable-handler:after{transform:translateX(0px)}.sortable-enabled .item-link .item-inner,.sortable-enabled .item-link .item-title-row{background-image:none!important}.list.sortable-enabled .item-inner,.list.sortable-enabled .item-link .item-inner,.list.sortable-enabled .item-link.no-chevron .item-inner,.list.sortable-enabled .no-chevron .item-link .item-inner,.list.sortable-enabled.no-chevron .item-link .item-inner,.no-chevron .list.sortable-enabled .item-link .item-inner{padding-right:calc(var(--f7-sortable-handler-width) + var(--f7-safe-area-right))}.ios .sortable-handler:after{content:'sort_ios'}.md .sortable-handler:after{content:'sort_md'}.aurora .sortable-handler:after{content:'sort_md';font-size:16px;height:16px}:root{--f7-swipeout-button-text-color:#fff;--f7-swipeout-button-bg-color:rgba(0, 0, 0, 0.22);--f7-swipeout-delete-button-bg-color:#ff3b30;--f7-swipeout-button-font-size:inherit;--f7-swipeout-button-font-weight:inherit}:root .theme-dark,:root.theme-dark{--f7-swipeout-button-bg-color:rgba(255, 255, 255, 0.55)}.ios{--f7-swipeout-button-padding:0 30px}.md{--f7-swipeout-button-padding:0 24px}.aurora{--f7-swipeout-button-padding:0 12px;--f7-swipeout-button-font-weight:500}.swipeout{overflow:hidden;transform-style:preserve-3d}.swipeout-deleting{transition-duration:.3s}.swipeout-deleting .swipeout-content{transform:translateX(-100%)}.swipeout-transitioning .swipeout-actions-left a,.swipeout-transitioning .swipeout-actions-right a,.swipeout-transitioning .swipeout-content,.swipeout-transitioning .swipeout-overswipe{transition-duration:.3s;transition-property:transform,left}.swipeout-content{position:relative;z-index:10}.swipeout-overswipe{transition-duration:.2s;transition-property:left}.swipeout-actions-left,.swipeout-actions-right{position:absolute;top:0;height:100%;display:flex;direction:ltr}.swipeout-actions-left>a,.swipeout-actions-left>button,.swipeout-actions-left>div,.swipeout-actions-left>span,.swipeout-actions-right>a,.swipeout-actions-right>button,.swipeout-actions-right>div,.swipeout-actions-right>span{color:var(--f7-swipeout-button-text-color);background:var(--f7-swipeout-button-bg-color);padding:var(--f7-swipeout-button-padding);display:flex;align-items:center;position:relative;left:0;font-size:var(--f7-swipeout-button-font-size);font-weight:var(--f7-swipeout-button-font-weight)}.swipeout-actions-left>a:after,.swipeout-actions-left>button:after,.swipeout-actions-left>div:after,.swipeout-actions-left>span:after,.swipeout-actions-right>a:after,.swipeout-actions-right>button:after,.swipeout-actions-right>div:after,.swipeout-actions-right>span:after{content:'';position:absolute;top:0;width:600%;height:100%;background:inherit;z-index:-1;transform:translate3d(0,0,0);pointer-events:none}.swipeout-actions-left .swipeout-delete,.swipeout-actions-right .swipeout-delete{background:var(--f7-swipeout-delete-button-bg-color)}.swipeout-actions-right{right:0%;transform:translateX(100%)}.swipeout-actions-right>a:after,.swipeout-actions-right>button:after,.swipeout-actions-right>div:after,.swipeout-actions-right>span:after{left:100%;margin-left:-1px}.swipeout-actions-left{left:0%;transform:translateX(-100%)}.swipeout-actions-left>a:after,.swipeout-actions-left>button:after,.swipeout-actions-left>div:after,.swipeout-actions-left>span:after{right:100%;margin-right:-1px}.swipeout-actions-left [class*=color-],.swipeout-actions-right [class*=color-]{--f7-swipeout-button-bg-color:var(--f7-theme-color)}.accordion-item-toggle{cursor:pointer;transition-duration:.3s}.accordion-item-toggle.active-state{transition-duration:.3s}.accordion-item-toggle.active-state>.item-inner:after{background-color:transparent}.accordion-item-toggle .item-inner{transition-duration:.3s;transition-property:background-color}.accordion-item-toggle .item-inner:after{transition-duration:.3s}.accordion-item .item-link .item-inner:after{transition-duration:.3s}.accordion-item .block,.accordion-item .list{margin-top:0;margin-bottom:0}.accordion-item .block>h1:first-child,.accordion-item .block>h2:first-child,.accordion-item .block>h3:first-child,.accordion-item .block>h4:first-child,.accordion-item .block>p:first-child{margin-top:10px}.accordion-item .block>h1:last-child,.accordion-item .block>h2:last-child,.accordion-item .block>h3:last-child,.accordion-item .block>h4:last-child,.accordion-item .block>p:last-child{margin-bottom:10px}.accordion-item-opened .accordion-item-toggle .item-inner:after,.accordion-item-opened>.item-link .item-inner:after{background-color:transparent}.list li.accordion-item ul{padding-left:0}.accordion-item-content{position:relative;overflow:hidden;height:0;font-size:14px;transition-duration:.3s}.accordion-item-opened>.accordion-item-content{height:auto}html.device-android-4 .accordion-item-content{transform:none}.list .accordion-item-toggle .item-inner{padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-safe-area-right))}.list .accordion-item-toggle .item-inner:before{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;position:absolute;top:50%;width:14px;height:8px;margin-top:-4px;font-size:20px;line-height:14px;color:var(--f7-list-chevron-icon-color);pointer-events:none;right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));content:'chevron_right'}.list .accordion-item-toggle.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.accordion-item.media-item .accordion-item-toggle .item-title-row:before,.accordion-item.media-item>.item-link .item-title-row:before,.links-list .accordion-item>a:before,.list .accordion-item-toggle .item-inner:before,.list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner:before,.list:not(.media-list) .accordion-item:not(.media-item)>.item-link .item-inner:before,.media-list .accordion-item .accordion-item-toggle .item-title-row:before,.media-list .accordion-item>.item-link .item-title-row:before{content:'chevron_down';width:14px;height:8px;margin-top:-4px;line-height:8px}.accordion-item-opened.media-item .accordion-item-toggle .item-title-row:before,.accordion-item-opened.media-item>.item-link .item-title-row:before,.links-list .accordion-item-opened>a:before,.list .accordion-item-toggle.accordion-item-opened .item-inner:before,.list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner:before,.list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner:before,.media-list .accordion-item-opened .accordion-item-toggle .item-title-row:before,.media-list .accordion-item-opened>.item-link .item-title-row:before{content:'chevron_up';width:14px;height:8px;margin-top:-4px;line-height:8px}.aurora .accordion-item.media-item .accordion-item-toggle .item-title-row:before,.aurora .accordion-item.media-item>.item-link .item-title-row:before,.aurora .links-list .accordion-item>a:before,.aurora .list .accordion-item-toggle .item-inner:before,.aurora .list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner:before,.aurora .list:not(.media-list) .accordion-item:not(.media-item)>.item-link .item-inner:before,.aurora .media-list .accordion-item .accordion-item-toggle .item-title-row:before,.aurora .media-list .accordion-item>.item-link .item-title-row:before{content:'chevron_down_aurora'}.aurora .accordion-item-opened.media-item .accordion-item-toggle .item-title-row:before,.aurora .accordion-item-opened.media-item>.item-link .item-title-row:before,.aurora .links-list .accordion-item-opened>a:before,.aurora .list .accordion-item-toggle.accordion-item-opened .item-inner:before,.aurora .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner:before,.aurora .list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner:before,.aurora .media-list .accordion-item-opened .accordion-item-toggle .item-title-row:before,.aurora .media-list .accordion-item-opened>.item-link .item-title-row:before{content:'chevron_up_aurora'}:root .theme-dark,:root.theme-dark{--f7-contacts-list-title-text-color:#fff}.ios{--f7-contacts-list-title-font-size:inherit;--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-text-color:#000;--f7-contacts-list-title-height:22px;--f7-contacts-list-title-bg-color:#f7f7f7}.ios .theme-dark,.ios.theme-dark{--f7-contacts-list-title-bg-color:#323234}.md{--f7-contacts-list-title-font-size:20px;--f7-contacts-list-title-font-weight:500;--f7-contacts-list-title-height:48px;--f7-contacts-list-title-bg-color:transparent}.aurora{--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-text-color:#000}.contacts-list{--f7-list-margin-vertical:0px}.contacts-list .list-group-title,.contacts-list li.list-group-title{background-color:var(--f7-contacts-list-title-bg-color,var(--f7-list-group-title-bg-color));font-weight:var(--f7-contacts-list-title-font-weight,var(--f7-list-group-title-font-weight));font-size:var(--f7-contacts-list-title-font-size,var(--f7-list-group-title-font-size));color:var(--f7-contacts-list-title-text-color,var(--f7-theme-color));line-height:var(--f7-contacts-list-title-height,var(--f7-list-group-title-height));height:var(--f7-contacts-list-title-height,var(--f7-list-group-title-height))}.contacts-list .list-group:first-child ul:before{display:none!important}.contacts-list .list-group:last-child ul:after{display:none!important}.md .contacts-list .list-group-title{pointer-events:none;overflow:visible;width:56px}.md .contacts-list .list-group-title+li{margin-top:calc(var(--f7-contacts-list-title-height) * -1)}.md .contacts-list li:not(.list-group-title){padding-left:56px}:root{--f7-list-index-width:16px;--f7-list-index-font-size:11px;--f7-list-index-font-weight:600;--f7-list-index-item-height:14px;--f7-list-index-label-text-color:#fff;--f7-list-index-label-font-weight:500}.ios{--f7-list-index-label-size:44px;--f7-list-index-label-font-size:17px;--f7-list-index-skip-dot-size:6px}.md{--f7-list-index-label-size:56px;--f7-list-index-label-font-size:20px;--f7-list-index-skip-dot-size:4px}.aurora{--f7-list-index-font-size:12px;--f7-list-index-label-size:32px;--f7-list-index-label-font-size:12px;--f7-list-index-label-font-weight:600;--f7-list-index-skip-dot-size:4px}.list-index{position:absolute;top:0;bottom:0;text-align:center;z-index:10;width:var(--f7-list-index-width);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;right:var(--f7-safe-area-right)}.list-index:before{content:'';position:absolute;width:20px;top:0;right:100%;height:100%}.list-index ul{color:var(--f7-list-index-text-color,var(--f7-theme-color));font-size:var(--f7-list-index-font-size);font-weight:var(--f7-list-index-font-weight);list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;height:100%;width:100%;position:relative}.list-index li{margin:0;padding:0;list-style:none;position:relative;height:var(--f7-list-index-item-height);line-height:var(--f7-list-index-item-height);flex-shrink:0;display:block;width:100%}.list-index .list-index-skip-placeholder:after{content:'';position:absolute;left:50%;top:50%;border-radius:50%;width:var(--f7-list-index-skip-dot-size);height:var(--f7-list-index-skip-dot-size);margin-left:calc(-1 * var(--f7-list-index-skip-dot-size)/ 2);margin-top:calc(-1 * var(--f7-list-index-skip-dot-size)/ 2);background:var(--f7-list-index-text-color,var(--f7-theme-color))}.list-index .list-index-label{position:absolute;bottom:0;right:100%;text-align:center;background-color:var(--f7-list-index-label-bg-color,var(--f7-theme-color));color:var(--f7-list-index-label-text-color);width:var(--f7-list-index-label-size);height:var(--f7-list-index-label-size);line-height:var(--f7-list-index-label-size);font-size:var(--f7-list-index-label-font-size);font-weight:var(--f7-list-index-label-font-weight)}.navbars~.page>.list-index,.navbar~.list-index,.navbar~.page>.list-index{top:var(--f7-navbar-height)}.ios .navbars~.toolbar-top-ios .md .navbar~.toolbar-top-md~.list-index,.ios .navbar~.toolbar-top-ios~.list-index,.navbars~.toolbar-top~.list-index,.navbar~.toolbar-top~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height))}.ios .navbars~.toolbar-top-ios .md .navbar~.toolbar-top-md.tabbar-labels~.list-index,.ios .navbar~.toolbar-top-ios.tabbar-labels~.list-index,.navbars~.toolbar-top.tabbar-labels~.list-index,.navbar~.toolbar-top.tabbar-labels~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height))}.navbars~.subnavbar~.list-index,.navbar~.subnavbar~.list-index,.page-with-subnavbar .navbar~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height))}.ios .toolbar-bottom-ios~* .page>.list-index,.ios .toolbar-bottom-ios~.list-index,.ios .toolbar-bottom-ios~.page>.list-index,.md .toolbar-bottom-md~* .page>.list-index,.md .toolbar-bottom-md~.list-index,.md .toolbar-bottom-md~.page>.list-index,.toolbar-bottom~* .page>.list-index,.toolbar-bottom~.list-index,.toolbar-bottom~.page>.list-index{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios.tabbar-labels~* .page>.list-index,.ios .toolbar-bottom-ios.tabbar-labels~.list-index,.ios .toolbar-bottom-ios.tabbar-labels~.page>.list-index,.md .toolbar-bottom-md.tabbar-labels~* .page>.list-index,.md .toolbar-bottom-md.tabbar-labels~.list-index,.md .toolbar-bottom-md.tabbar-labels~.page>.list-index,.toolbar-bottom.tabbar-labels~* .page>.list-index,.toolbar-bottom.tabbar-labels~.list-index,.toolbar-bottom.tabbar-labels~.page>.list-index{bottom:calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom))}.ios .list-index .list-index-label{margin-bottom:calc(-1 * var(--f7-list-index-label-size)/ 2);margin-right:calc(var(--f7-list-index-width) - 1px);border-radius:50%}.ios .list-index .list-index-label:before{position:absolute;width:100%;height:100%;border-radius:50% 0% 50% 50%;content:'';background-color:inherit;left:0;top:0;transform:rotate(45deg);z-index:-1}.md .list-index .list-index-label{border-radius:50% 50% 0 50%}.aurora .list-index .list-index-label{margin-bottom:calc(-1 * var(--f7-list-index-label-size)/ 2);margin-right:calc(var(--f7-list-index-width) - 1px);border-radius:50%}.aurora .list-index .list-index-label:before{position:absolute;width:100%;height:100%;border-radius:50% 1px 50% 50%;content:'';background-color:inherit;left:0;top:0;transform:rotate(45deg);z-index:-1}:root{--f7-timeline-inner-block-margin-vertical:16px;--f7-timeline-divider-margin-horizontal:16px;--f7-timeline-horizontal-date-height:34px;--f7-timeline-year-height:24px;--f7-timeline-year-font-weight:inherit;--f7-timeline-month-height:24px;--f7-timeline-month-font-size:inherit;--f7-timeline-month-font-weight:inherit;--f7-timeline-item-inner-bg-color:#fff;--f7-timeline-item-text-font-weight:inherit;--f7-timeline-item-subtitle-font-weight:inherit}:root .theme-dark,:root.theme-dark{--f7-timeline-item-inner-bg-color:#1c1c1d;--f7-timeline-horizontal-item-border-color:rgba(255, 255, 255, 0.15);--f7-timeline-horizontal-item-date-border-color:rgba(255, 255, 255, 0.15)}.ios{--f7-timeline-padding-horizontal:16px;--f7-timeline-margin-vertical:35px;--f7-timeline-item-inner-border-radius:7px;--f7-timeline-item-inner-box-shadow:none;--f7-timeline-item-time-font-size:13px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.45);--f7-timeline-item-title-font-size:17px;--f7-timeline-item-title-line-height:inherit;--f7-timeline-item-title-font-weight:600;--f7-timeline-item-subtitle-font-size:15px;--f7-timeline-item-subtitle-line-height:inherit;--f7-timeline-item-text-font-size:inherit;--f7-timeline-item-text-color:inherit;--f7-timeline-item-text-line-height:inherit;--f7-timeline-year-font-size:16px;--f7-timeline-horizontal-item-padding:10px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.22);--f7-timeline-horizontal-item-date-border-color:rgba(0, 0, 0, 0.22);--f7-timeline-horizontal-item-date-shadow-image:none}.ios .theme-dark,.ios.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-timeline-padding-horizontal:16px;--f7-timeline-margin-vertical:32px;--f7-timeline-item-inner-border-radius:4px;--f7-timeline-item-inner-box-shadow:var(--f7-elevation-1);--f7-timeline-item-time-font-size:13px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.54);--f7-timeline-item-title-font-size:16px;--f7-timeline-item-title-line-height:inherit;--f7-timeline-item-title-font-weight:400;--f7-timeline-item-subtitle-font-size:inherit;--f7-timeline-item-subtitle-line-height:inherit;--f7-timeline-item-text-font-size:inherit;--f7-timeline-item-text-line-height:inherit;--f7-timeline-item-text-color:inherit;--f7-timeline-year-font-size:16px;--f7-timeline-horizontal-item-padding:12px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.12);--f7-timeline-horizontal-item-date-border-color:transparent;--f7-timeline-horizontal-item-date-shadow-image:var(--f7-bars-shadow-bottom-image)}.md .theme-dark,.md.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-timeline-padding-horizontal:10px;--f7-timeline-margin-vertical:15px;--f7-timeline-item-inner-border-radius:4px;--f7-timeline-item-inner-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);--f7-timeline-item-time-font-size:12px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.5);--f7-timeline-item-title-font-size:14px;--f7-timeline-item-title-line-height:1.3;--f7-timeline-item-title-font-weight:600;--f7-timeline-item-subtitle-font-size:14px;--f7-timeline-item-subtitle-line-height:1.3;--f7-timeline-item-text-color:rgba(0, 0, 0, 0.6);--f7-timeline-item-text-font-size:12px;--f7-timeline-item-text-line-height:1.33;--f7-timeline-year-font-size:14px;--f7-timeline-year-font-weight:500;--f7-timeline-horizontal-item-padding:10px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.2);--f7-timeline-horizontal-item-date-border-color:rgba(0, 0, 0, 0.2);--f7-timeline-horizontal-item-date-shadow-image:none}.aurora .theme-dark,.aurora.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.54);--f7-timeline-item-text-color:rgba(255, 255, 255, 0.54)}.timeline{box-sizing:border-box;margin:var(--f7-timeline-margin-vertical) 0;padding:0 var(--f7-timeline-padding-horizontal);padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-right))}.block-strong .timeline{padding:0;margin:0}.timeline-item{display:flex;justify-content:flex-start;overflow:hidden;box-sizing:border-box;position:relative;padding:2px 0px var(--f7-timeline-padding-horizontal)}.timeline-item:last-child{padding-bottom:2px}.timeline-item-date{flex-shrink:0;width:50px;text-align:right;box-sizing:border-box}.timeline-item-date small{font-size:10px}.timeline-item-content{margin:2px;min-width:0;position:relative;flex-shrink:10}.timeline-item-content .block,.timeline-item-content .card,.timeline-item-content .list,.timeline-item-content.block,.timeline-item-content.card,.timeline-item-content.list{margin:0;width:100%}.timeline-item-content .block+.block,.timeline-item-content .block+.card,.timeline-item-content .block+.list,.timeline-item-content .card+.block,.timeline-item-content .card+.card,.timeline-item-content .card+.list,.timeline-item-content .list+.block,.timeline-item-content .list+.card,.timeline-item-content .list+.list{margin:var(--f7-timeline-inner-block-margin-vertical) 0 0}.timeline-item-content h1:first-child,.timeline-item-content h2:first-child,.timeline-item-content h3:first-child,.timeline-item-content h4:first-child,.timeline-item-content ol:first-child,.timeline-item-content p:first-child,.timeline-item-content ul:first-child{margin-top:0}.timeline-item-content h1:last-child,.timeline-item-content h2:last-child,.timeline-item-content h3:last-child,.timeline-item-content h4:last-child,.timeline-item-content ol:last-child,.timeline-item-content p:last-child,.timeline-item-content ul:last-child{margin-bottom:0}.timeline-item-inner{background:var(--f7-timeline-item-inner-bg-color);box-sizing:border-box;border-radius:var(--f7-timeline-item-inner-border-radius);padding:8px var(--f7-timeline-padding-horizontal);box-shadow:var(--f7-timeline-item-inner-box-shadow)}.timeline-item-inner+.timeline-item-inner{margin-top:var(--f7-timeline-inner-block-margin-vertical)}.timeline-item-inner .block{padding:0;color:inherit}.timeline-item-inner .block-strong{padding-left:0;padding-right:0;margin:0}.timeline-item-inner .block-strong:before{display:none!important}.timeline-item-inner .block-strong:after{display:none!important}.timeline-item-inner .list ul:before{display:none!important}.timeline-item-inner .list ul:after{display:none!important}.timeline-item-divider{width:1px;position:relative;width:10px;height:10px;background:#bbb;border-radius:50%;flex-shrink:0;margin:3px var(--f7-timeline-divider-margin-horizontal) 0}.timeline-item-divider:after,.timeline-item-divider:before{content:' ';width:1px;height:100vh;position:absolute;left:50%;background:inherit;transform:translate3d(-50%,0,0)}.timeline-item-divider:after{top:100%}.timeline-item-divider:before{bottom:100%}.timeline-item:last-child .timeline-item-divider:after{display:none}.timeline-item:first-child .timeline-item-divider:before{display:none}.timeline-item-time{font-size:var(--f7-timeline-item-time-font-size);margin-top:var(--f7-timeline-inner-block-margin-vertical);color:var(--f7-timeline-item-time-text-color)}.timeline-item-time:first-child,.timeline-item-time:last-child{margin-top:0}.timeline-item-title+.timeline-item-time{margin-top:0}.timeline-item-title{font-size:var(--f7-timeline-item-title-font-size);font-weight:var(--f7-timeline-item-title-font-weight);line-height:var(--f7-timeline-item-title-line-height)}.timeline-item-subtitle{font-size:var(--f7-timeline-item-subtitle-font-size);font-weight:var(--f7-timeline-item-subtitle-font-weight);line-height:var(--f7-timeline-item-subtitle-line-height)}.timeline-item-text{color:var(--f7-timeline-item-text-color);font-size:var(--f7-timeline-item-text-font-size);font-weight:var(--f7-timeline-item-text-font-weight);line-height:var(--f7-timeline-item-text-line-height)}.timeline-sides .timeline-item,.timeline-sides .timeline-item-right{margin-left:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-right:0}.timeline-sides .timeline-item .timeline-item-date,.timeline-sides .timeline-item-right .timeline-item-date{text-align:right}.timeline-sides .timeline-item-left,.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n){flex-direction:row-reverse;margin-right:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-left:0}.timeline-sides .timeline-item-left .timeline-item-date,.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:left}@media (min-width:768px){.tablet-sides .timeline-item,.tablet-sides .timeline-item-right{margin-left:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-right:0}.tablet-sides .timeline-item .timeline-item-date,.tablet-sides .timeline-item-right .timeline-item-date{text-align:right}.tablet-sides .timeline-item-left,.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n){flex-direction:row-reverse;margin-right:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-left:0}.tablet-sides .timeline-item-left .timeline-item-date,.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:left}}.timeline-horizontal{height:100%;display:flex;padding:0;margin:0;position:relative;padding-left:var(--f7-safe-area-left);padding-right:0}.timeline-horizontal .timeline-item{display:block;width:33.33333333vw;margin:0;padding:0;flex-shrink:0;position:relative;height:100%;padding-top:var(--f7-timeline-horizontal-date-height)!important;padding-bottom:var(--f7-timeline-horizontal-item-padding)}.timeline-horizontal .timeline-item:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-horizontal .timeline-item-date{padding:0px var(--f7-timeline-horizontal-item-padding);width:auto;line-height:var(--f7-timeline-horizontal-date-height);position:absolute;left:0;top:0;width:100%;height:var(--f7-timeline-horizontal-date-height);background-color:var(--f7-bars-bg-color);color:var(--f7-bars-text-color);text-align:left}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-bars .timeline-horizontal .timeline-item-date{background-color:rgba(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))}}.timeline-horizontal .timeline-item-date:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-date-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-horizontal .timeline-item-date:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-timeline-horizontal-item-date-shadow-image)}.timeline-horizontal.no-shadow .timeline-item-date:before{display:none}.timeline-horizontal .timeline-item-content{padding:var(--f7-timeline-horizontal-item-padding);height:calc(100% - var(--f7-timeline-horizontal-item-padding));overflow:auto;-webkit-overflow-scrolling:touch;margin:0}.timeline-horizontal .timeline-item-divider{display:none}.timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after,.timeline-horizontal>.timeline-item:last-child:after{display:none!important}.timeline-horizontal.col-5 .timeline-item{width:5vw}.timeline-horizontal.col-10 .timeline-item{width:10vw}.timeline-horizontal.col-15 .timeline-item{width:15vw}.timeline-horizontal.col-20 .timeline-item{width:20vw}.timeline-horizontal.col-25 .timeline-item{width:25vw}.timeline-horizontal.col-30 .timeline-item{width:30vw}.timeline-horizontal.col-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.col-35 .timeline-item{width:35vw}.timeline-horizontal.col-40 .timeline-item{width:40vw}.timeline-horizontal.col-45 .timeline-item{width:45vw}.timeline-horizontal.col-50 .timeline-item{width:50vw}.timeline-horizontal.col-55 .timeline-item{width:55vw}.timeline-horizontal.col-60 .timeline-item{width:60vw}.timeline-horizontal.col-65 .timeline-item{width:65vw}.timeline-horizontal.col-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.col-70 .timeline-item{width:70vw}.timeline-horizontal.col-75 .timeline-item{width:75vw}.timeline-horizontal.col-80 .timeline-item{width:80vw}.timeline-horizontal.col-85 .timeline-item{width:85vw}.timeline-horizontal.col-90 .timeline-item{width:90vw}.timeline-horizontal.col-95 .timeline-item{width:95vw}.timeline-horizontal.col-100 .timeline-item{width:100vw}@media (min-width:768px){.timeline-horizontal.tablet-5 .timeline-item{width:5vw}.timeline-horizontal.tablet-10 .timeline-item{width:10vw}.timeline-horizontal.tablet-15 .timeline-item{width:15vw}.timeline-horizontal.tablet-20 .timeline-item{width:20vw}.timeline-horizontal.tablet-25 .timeline-item{width:25vw}.timeline-horizontal.tablet-30 .timeline-item{width:30vw}.timeline-horizontal.tablet-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.tablet-35 .timeline-item{width:35vw}.timeline-horizontal.tablet-40 .timeline-item{width:40vw}.timeline-horizontal.tablet-45 .timeline-item{width:45vw}.timeline-horizontal.tablet-50 .timeline-item{width:50vw}.timeline-horizontal.tablet-55 .timeline-item{width:55vw}.timeline-horizontal.tablet-60 .timeline-item{width:60vw}.timeline-horizontal.tablet-65 .timeline-item{width:65vw}.timeline-horizontal.tablet-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.tablet-70 .timeline-item{width:70vw}.timeline-horizontal.tablet-75 .timeline-item{width:75vw}.timeline-horizontal.tablet-80 .timeline-item{width:80vw}.timeline-horizontal.tablet-85 .timeline-item{width:85vw}.timeline-horizontal.tablet-90 .timeline-item{width:90vw}.timeline-horizontal.tablet-95 .timeline-item{width:95vw}.timeline-horizontal.tablet-100 .timeline-item{width:100vw}}.timeline-year{padding-top:var(--f7-timeline-year-height)}.timeline-year:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-year:last-child:after{display:none!important}.timeline-month{padding-top:var(--f7-timeline-month-height)}.timeline-month .timeline-item:before{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-month,.timeline-year{display:flex;flex-shrink:0;position:relative;box-sizing:border-box;height:100%}.timeline-year-title{line-height:var(--f7-timeline-year-height);height:var(--f7-timeline-year-height);font-size:var(--f7-timeline-year-font-size);font-weight:var(--f7-timeline-year-font-weight)}.timeline-month-title{line-height:var(--f7-timeline-month-height);height:var(--f7-timeline-month-height);font-size:var(--f7-timeline-month-font-size);font-weight:var(--f7-timeline-month-font-weight)}.timeline-month-title,.timeline-year-title{position:absolute;left:0;top:0;width:100%;box-sizing:border-box;padding:0 var(--f7-timeline-horizontal-item-padding);background-color:var(--f7-bars-bg-color);color:var(--f7-bars-text-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-bars .timeline-month-title,.ios-translucent-bars .timeline-year-title{background-color:rgba(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))}}.timeline-month-title span,.timeline-year-title span{display:inline-block;position:-webkit-sticky;position:sticky;left:calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left))}.timeline-month-title span{margin-top:-2px}.timeline-year:first-child .timeline-month:first-child .timeline-month-title,.timeline-year:first-child .timeline-year-title,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title{left:calc(var(--f7-safe-area-left) * -1);right:0;width:auto}.timeline-horizontal .timeline-item:first-child,.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item{overflow:visible}.timeline-horizontal .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date{width:auto;padding-left:calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left));left:calc(0px - var(--f7-safe-area-left));right:0}.timeline-year:last-child .timeline-month:last-child .timeline-month-title,.timeline-year:last-child .timeline-year-title{width:auto;right:calc(0px - var(--f7-safe-area-right))}.timeline-horizontal .timeline-item:last-child,.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child{overflow:visible}.timeline-horizontal .timeline-item:last-child .timeline-item-date,.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date{width:auto;right:calc(0px - var(--f7-safe-area-right));left:0}.ios .block-strong .timeline-item-inner{border-radius:3px;border:1px solid rgba(0,0,0,.1)}.ios .timeline-year-title span{margin-top:3px}.md .timeline-year-title span{margin-top:2px}.aurora .timeline-year-title span{margin-top:2px}.tabs .tab{display:none}.tabs .tab-active{display:block}.tabs-animated-wrap{position:relative;width:100%;overflow:hidden;height:100%}.tabs-animated-wrap>.tabs{display:flex;height:100%;transition-duration:.3s}.tabs-animated-wrap>.tabs>.tab{width:100%;display:block;flex-shrink:0}.tabs-animated-wrap.not-animated>.tabs{transition-duration:0s}.tabs-swipeable-wrap{height:100%}.tabs-swipeable-wrap>.tabs{height:100%}.tabs-swipeable-wrap>.tabs>.tab{display:block}.page>.tabs{height:100%}:root{--f7-panel-width:260px;--f7-panel-bg-color:#fff}.ios{--f7-panel-collapsed-width:58px;--f7-panel-backdrop-bg-color:rgba(0, 0, 0, 0);--f7-panel-transition-duration:400ms;--f7-panel-shadow:transparent}.md{--f7-panel-collapsed-width:60px;--f7-panel-backdrop-bg-color:rgba(0, 0, 0, 0.3);--f7-panel-transition-duration:300ms;--f7-panel-shadow:rgba(0, 0, 0, 0.2) 0%,rgba(0, 0, 0, 0.07) 30%,rgba(0, 0, 0, 0.03) 40%,rgba(0, 0, 0, 0) 60%,rgba(0, 0, 0, 0) 100%}.aurora{--f7-panel-collapsed-width:44px;--f7-panel-backdrop-bg-color:rgba(0, 0, 0, 0.2);--f7-panel-transition-duration:400ms;--f7-panel-shadow:transparent}.panel-backdrop{position:absolute;left:0;top:var(--f7-appbar-app-offset,0px);width:100%;height:calc(100% - var(--f7-appbar-app-offset,0px));opacity:0;z-index:5999;visibility:hidden;pointer-events:none;transform:translate3d(0,0,0);background-color:var(--f7-panel-backdrop-bg-color);transition-property:transform,opacity;transition-duration:var(--f7-panel-transition-duration)}.panel-backdrop .with-panel,.panel-backdrop .with-panel-closing{visibility:visible}.panel-backdrop.not-animated{transition-duration:0s!important}.panel{z-index:1000;box-sizing:border-box;position:absolute;top:var(--f7-appbar-app-offset,0px);height:calc(100% - var(--f7-appbar-app-offset,0px));transform:translate3d(0,0,0);width:var(--f7-panel-width);background-color:var(--f7-panel-bg-color);overflow:visible;transition-property:transform;transition-duration:var(--f7-panel-transition-duration)}.panel:not(.panel-in):not(.panel-out):not(.panel-in-breakpoint):not(.panel-in-collapsed):not(.panel-in-swipe){display:none}.panel:after{pointer-events:none;opacity:0;z-index:5999;position:absolute;content:'';top:0;width:20px;height:100%;transition-property:transform,opacity;transition-duration:var(--f7-panel-transition-duration)}.panel.not-animated,.panel.not-animated:after{transition-duration:0s!important}.panel.panel-reveal.not-animated~.view,.panel.panel-reveal.not-animated~.views{transition-duration:0s!important}.panel.panel-resizing{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.panel.panel-resizing,.panel.panel-resizing:after,.panel.panel-resizing~.view,.panel.panel-resizing~.views{transition-duration:0s!important}.panel-cover{z-index:6000}.panel-left{left:0;width:var(--f7-panel-left-width,var(--f7-panel-width))}.panel-left.panel-cover{transform:translate3d(-100%,0,0)}.panel-left.panel-cover:after{left:100%;background:linear-gradient(to right,var(--f7-panel-shadow))}html.with-panel-left-cover .panel-left.panel-cover:after{opacity:1}.panel-left.panel-reveal:after{right:0;transform:translate3d(calc(-1 * var(--f7-panel-left-width,var(--f7-panel-width))),0,0);background:linear-gradient(to left,var(--f7-panel-shadow))}html.with-panel-left-reveal .panel-left.panel-reveal:after{opacity:1;transform:translate3d(0,0,0)}.panel-right{right:0;width:var(--f7-panel-right-width,var(--f7-panel-width))}.panel-right.panel-cover{transform:translate3d(100%,0,0)}.panel-right.panel-cover:after{right:100%;background:linear-gradient(to left,var(--f7-panel-shadow))}html.with-panel-right-cover .panel-right.panel-cover:after{opacity:1}.panel-right.panel-reveal:after{left:0;background:linear-gradient(to right,var(--f7-panel-shadow));transform:translate3d(var(--f7-panel-right-width,var(--f7-panel-width)),0,0)}html.with-panel-right-reveal .panel-right.panel-reveal:after{opacity:1;transform:translate3d(0,0,0)}.panel-in-breakpoint{transform:translate3d(0,0,0)!important;transition-duration:0s}.panel-in-breakpoint:after{display:none}.panel-in-breakpoint.panel-cover{z-index:5900}html.with-panel-closing .framework7-root>.view,html.with-panel-closing .views,html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .views,html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .views{transition-duration:var(--f7-panel-transition-duration);transition-property:transform}html.with-panel-closing .panel-backdrop,html.with-panel-left-reveal .panel-backdrop,html.with-panel-right-reveal .panel-backdrop{visibility:visible;pointer-events:auto;opacity:0}html.with-panel .framework7-root>.view .page-content,html.with-panel .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html.with-panel-left-cover .panel-backdrop,html.with-panel-right-cover .panel-backdrop{visibility:visible;pointer-events:auto;opacity:1}html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .panel-backdrop,html.with-panel-left-reveal .views{transform:translate3d(var(--f7-panel-left-width,var(--f7-panel-width)),0,0)}html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .panel-backdrop,html.with-panel-right-reveal .views{transform:translate3d(calc(-1 * var(--f7-panel-right-width,var(--f7-panel-width))),0,0)}html.with-panel-left-cover .panel-left{transform:translate3d(0px,0,0)}html.with-panel-right-cover .panel-right{transform:translate3d(0px,0,0)}.panel-resize-handler{position:absolute;top:0;height:100%;width:6px;cursor:col-resize;z-index:6000;display:none}.panel-resizable .panel-resize-handler{display:block}.panel-left.panel-cover .panel-resize-handler{right:-3px}.panel-left.panel-reveal .panel-resize-handler{right:0}.panel-right.panel-cover .panel-resize-handler{left:-3px}.panel-right.panel-reveal .panel-resize-handler{left:0}.panel-left.panel-in-collapsed~.view,.panel-left.panel-in-collapsed~.views{margin-left:var(--f7-panel-left-collapsed-width,var(--f7-panel-collapsed-width))}html.with-panel-left-reveal .panel-left.panel-in-collapsed~.view,html.with-panel-left-reveal .panel-left.panel-in-collapsed~.views{transform:translate3d(calc(var(--f7-panel-left-width,var(--f7-panel-width)) - var(--f7-panel-left-collapsed-width,var(--f7-panel-collapsed-width))),0,0)}.panel-right.panel-in-collapsed~.view,.panel-right.panel-in-collapsed~.views{margin-right:var(--f7-panel-right-collapsed-width,var(--f7-panel-collapsed-width))}html.with-panel-right-reveal .panel-right.panel-in-collapsed~.view,html.with-panel-right-reveal .panel-right.panel-in-collapsed~.views{transform:translate3d(calc(var(--f7-panel-right-collapsed-width,var(--f7-panel-collapsed-width)) - var(--f7-panel-right-width,var(--f7-panel-width))),0,0)}:root{--f7-card-content-padding-horizontal:16px;--f7-card-content-padding-vertical:16px;--f7-card-bg-color:#fff;--f7-card-outline-border-color:rgba(0, 0, 0, 0.12);--f7-card-border-radius:4px;--f7-card-font-size:inherit;--f7-card-header-text-color:inherit;--f7-card-header-font-weight:400;--f7-card-header-border-color:rgba(0, 0, 0, 0.1);--f7-card-header-padding-horizontal:16px;--f7-card-footer-border-color:rgba(0, 0, 0, 0.1);--f7-card-footer-font-weight:400;--f7-card-footer-font-size:inherit;--f7-card-footer-padding-horizontal:16px;--f7-card-expandable-bg-color:#fff;--f7-card-expandable-font-size:16px;--f7-card-expandable-tablet-width:670px;--f7-card-expandable-tablet-height:670px}:root .theme-dark,:root.theme-dark{--f7-card-bg-color:#1c1c1d;--f7-card-expandable-bg-color:#1c1c1d;--f7-card-outline-border-color:rgba(255, 255, 255, 0.15);--f7-card-header-border-color:rgba(255, 255, 255, 0.15);--f7-card-footer-border-color:rgba(255, 255, 255, 0.15);--f7-card-footer-text-color:rgba(255, 255, 255, 0.55)}.ios{--f7-card-margin-horizontal:10px;--f7-card-margin-vertical:10px;--f7-card-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);--f7-card-header-font-size:17px;--f7-card-header-padding-vertical:10px;--f7-card-header-min-height:44px;--f7-card-footer-text-color:rgba(0, 0, 0, 0.45);--f7-card-footer-padding-vertical:10px;--f7-card-footer-min-height:44px;--f7-card-expandable-margin-horizontal:20px;--f7-card-expandable-margin-vertical:30px;--f7-card-expandable-box-shadow:0px 20px 40px rgba(0, 0, 0, 0.3);--f7-card-expandable-border-radius:15px;--f7-card-expandable-tablet-border-radius:5px;--f7-card-expandable-header-font-size:27px;--f7-card-expandable-header-font-weight:bold}.md{--f7-card-margin-horizontal:8px;--f7-card-margin-vertical:8px;--f7-card-box-shadow:var(--f7-elevation-1);--f7-card-header-font-size:16px;--f7-card-header-padding-vertical:4px;--f7-card-header-min-height:48px;--f7-card-footer-text-color:rgba(0, 0, 0, 0.54);--f7-card-footer-padding-vertical:4px;--f7-card-footer-min-height:48px;--f7-card-expandable-margin-horizontal:12px;--f7-card-expandable-margin-vertical:24px;--f7-card-expandable-box-shadow:var(--f7-elevation-10);--f7-card-expandable-border-radius:8px;--f7-card-expandable-tablet-border-radius:4px;--f7-card-expandable-header-font-size:24px;--f7-card-expandable-header-font-weight:500}.aurora{--f7-card-margin-horizontal:10px;--f7-card-margin-vertical:10px;--f7-card-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);--f7-card-header-font-size:14px;--f7-card-header-font-weight:bold;--f7-card-header-padding-vertical:10px;--f7-card-header-min-height:38px;--f7-card-footer-text-color:rgba(0, 0, 0, 0.6);--f7-card-footer-padding-vertical:10px;--f7-card-footer-min-height:38px;--f7-card-expandable-margin-horizontal:10px;--f7-card-expandable-margin-vertical:20px;--f7-card-expandable-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.15);--f7-card-expandable-border-radius:15px;--f7-card-expandable-tablet-border-radius:5px;--f7-card-expandable-header-font-size:27px;--f7-card-expandable-header-font-weight:bold}.card .list>ul:before,.cards-list>ul:before{display:none!important}.card .list>ul:after,.cards-list>ul:after{display:none!important}.card .list ul,.cards-list ul{background:0 0}.card{background:var(--f7-card-bg-color);position:relative;border-radius:var(--f7-card-border-radius);font-size:var(--f7-card-font-size);margin-top:var(--f7-card-margin-vertical);margin-bottom:var(--f7-card-margin-vertical);margin-left:calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right));box-shadow:var(--f7-card-box-shadow)}.card .block,.card .list{margin:0}.row:not(.no-gap) .col>.card{margin-left:0;margin-right:0}.card.no-shadow{box-shadow:none}.aurora .card-outline-aurora,.card-outline,.ios .card-outline-ios,.md .card-outline-md{box-shadow:none;border:1px solid var(--f7-card-outline-border-color)}.aurora .card-outline-aurora.no-border,.aurora .card-outline-aurora.no-hairlines,.card-outline.no-border,.card-outline.no-hairlines,.ios .card-outline-ios.no-border,.ios .card-outline-ios.no-hairlines,.md .card-outline-md.no-border,.md .card-outline-md.no-hairlines{border:none}.card-content{position:relative}.card-content-padding{position:relative;padding:var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal)}.card-content-padding>.block,.card-content-padding>.list{margin:calc(-1 * var(--f7-card-content-padding-vertical)) calc(-1 * var(--f7-card-content-padding-horizontal))}.card-content-padding>p:first-child{margin-top:0}.card-content-padding>p:last-child{margin-bottom:0}.card-header{min-height:var(--f7-card-header-min-height);color:var(--f7-card-header-text-color);font-size:var(--f7-card-header-font-size);font-weight:var(--f7-card-header-font-weight);padding:var(--f7-card-header-padding-vertical) var(--f7-card-header-padding-horizontal)}.card-footer{min-height:var(--f7-card-footer-min-height);color:var(--f7-card-footer-text-color);font-size:var(--f7-card-footer-font-size);font-weight:var(--f7-card-footer-font-weight);padding:var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal)}.card-footer a.link{overflow:hidden}.card-footer,.card-header{position:relative;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.card-footer[valign=top],.card-header[valign=top]{align-items:flex-start}.card-footer[valign=bottom],.card-header[valign=bottom]{align-items:flex-end}.card-footer a.link,.card-header a.link{position:relative}.card-footer a.link i.icon,.card-header a.link i.icon{display:block}.card-footer a.icon-only,.card-header a.icon-only{display:flex;justify-content:center;align-items:center;margin:0}.card-header{border-radius:var(--f7-card-border-radius) var(--f7-card-border-radius) 0 0}.card-header:after{content:'';position:absolute;background-color:var(--f7-card-header-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.card-header.no-hairline:after{display:none!important}.card-footer{border-radius:0 0 var(--f7-card-border-radius) var(--f7-card-border-radius)}.card-footer:before{content:'';position:absolute;background-color:var(--f7-card-footer-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.card-footer.no-hairline:before{display:none!important}.card-expandable{overflow:hidden;height:300px;background:var(--f7-card-expandable-bg-color);position:relative;transform-origin:center center;transition-property:transform,border-radius;border-radius:var(--f7-card-expandable-border-radius);z-index:2;transition-duration:.2s;margin-left:calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-right));margin-top:var(--f7-card-expandable-margin-vertical);margin-bottom:var(--f7-card-expandable-margin-vertical);box-shadow:var(--f7-card-expandable-box-shadow);font-size:var(--f7-card-expandable-font-size)}.card-expandable.card-no-transition{transition-duration:0s}.card-expandable.card-expandable-animate-width .card-content{transition-property:width,transform;width:100%}.card-expandable.active-state{transform:scale(.97)}.card-expandable .card-opened-fade-in,.card-expandable .card-opened-fade-out{transition-duration:.4s}.card-expandable .card-opened-fade-in{opacity:0;pointer-events:none}.card-expandable .card-content{position:absolute;top:0;width:100vw;height:100vh;transform-origin:center top;overflow:hidden;transition-property:transform;box-sizing:border-box;pointer-events:none;left:0}.card-expandable .card-content .card-content-padding{padding-left:calc(var(--f7-safe-area-left) + var(--f7-card-content-padding-horizontal));padding-right:calc(var(--f7-safe-area-right) + var(--f7-card-content-padding-horizontal))}.card-expandable.card-opened{transition-duration:0s}.card-expandable.card-closing,.card-expandable.card-opening,.card-expandable.card-transitioning{transition-duration:.4s}.card-expandable.card-opening .card-content{transition-duration:.3s}.card-expandable.card-closing .card-content{transition-duration:.5s}.card-expandable.card-closing,.card-expandable.card-opened,.card-expandable.card-opening{z-index:100}.card-expandable.card-opened,.card-expandable.card-opening{border-radius:0}.card-expandable.card-opened .card-opened-fade-in,.card-expandable.card-opening .card-opened-fade-in{opacity:1;pointer-events:auto}.card-expandable.card-opened .card-opened-fade-out,.card-expandable.card-opening .card-opened-fade-out{opacity:0;pointer-events:none}.card-expandable.card-opened .card-content{overflow:auto;-webkit-overflow-scrolling:touch;pointer-events:auto}.card-expandable .card-header{font-size:var(--f7-card-expandable-header-font-size);font-weight:var(--f7-card-expandable-header-font-weight)}.card-expandable .card-header:after{display:none!important}.card-prevent-open{pointer-events:auto}.card-expandable-size{width:0;height:0;position:absolute;left:0;top:0;opacity:0;pointer-events:none;visibility:hidden}@media (min-width:768px) and (min-height:670px){.card-expandable:not(.card-tablet-fullscreen){max-width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen).card-opened,.card-expandable:not(.card-tablet-fullscreen).card-opening{border-radius:var(--f7-card-expandable-tablet-border-radius)}.card-expandable:not(.card-tablet-fullscreen):not(.card-expandable-animate-width) .card-content{width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen) .card-expandable-size{width:var(--f7-card-expandable-tablet-width);height:var(--f7-card-expandable-tablet-height)}}.page.page-with-card-opened .page-content{overflow:hidden}.card-backdrop{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;pointer-events:none;background:rgba(0,0,0,.2);opacity:0}.card-backdrop-in{animation:card-backdrop-fade-in .4s forwards;pointer-events:auto}.card-backdrop-out{animation:card-backdrop-fade-out .4s forwards}@supports ((-webkit-backdrop-filter:blur(15px)) or (backdrop-filter:blur(15px))){.card-backdrop{background:0 0;opacity:1}.card-backdrop-in{animation:card-backdrop-blur-in .4s forwards}.card-backdrop-out{animation:card-backdrop-blur-out .4s forwards}}@keyframes card-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes card-backdrop-fade-out{from{opacity:1}to{opacity:0}}@keyframes card-backdrop-blur-in{from{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}}@keyframes card-backdrop-blur-out{from{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}to{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}:root{--f7-chip-bg-color:rgba(0, 0, 0, 0.12);--f7-chip-font-size:13px;--f7-chip-font-weight:normal;--f7-chip-outline-border-color:rgba(0, 0, 0, 0.12);--f7-chip-media-font-size:16px;--f7-chip-delete-button-color:#000}:root .theme-dark,:root.theme-dark{--f7-chip-delete-button-color:#fff;--f7-chip-bg-color:#333;--f7-chip-outline-border-color:rgba(255, 255, 255, 0.12)}.ios{--f7-chip-text-color:#000;--f7-chip-height:24px;--f7-chip-padding-horizontal:10px}.ios .theme-dark,.ios.theme-dark{--f7-chip-text-color:#fff}.md{--f7-chip-text-color:rgba(0, 0, 0, 0.87);--f7-chip-height:32px;--f7-chip-padding-horizontal:12px}.md .theme-dark,.md.theme-dark{--f7-chip-text-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-chip-text-color:#000;--f7-chip-height:20px;--f7-chip-padding-horizontal:10px;--f7-chip-font-size:12px;--f7-chip-media-font-size:14px}.aurora .theme-dark,.aurora.theme-dark{--f7-chip-text-color:#fff}.chip{padding-left:var(--f7-chip-padding-horizontal);padding-right:var(--f7-chip-padding-horizontal);font-weight:var(--f7-chip-font-weight);display:inline-flex;box-sizing:border-box;vertical-align:middle;align-items:center;margin:2px 0;background-color:var(--f7-chip-bg-color);font-size:var(--f7-chip-font-size);color:var(--f7-chip-text-color);height:var(--f7-chip-height);line-height:var(--f7-chip-height);border-radius:var(--f7-chip-height);position:relative}.chip-media{border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;height:var(--f7-chip-height);width:var(--f7-chip-height);border-radius:var(--f7-chip-height);text-align:center;line-height:var(--f7-chip-height);box-sizing:border-box;color:#fff;font-size:var(--f7-chip-media-font-size);vertical-align:middle;margin-left:calc(-1 * var(--f7-chip-padding-horizontal))}.chip-media i.icon{font-size:calc(var(--f7-chip-height) - 8px);height:calc(var(--f7-chip-height) - 8px)}.chip-media img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:50%;display:block}.chip-media+.chip-label{margin-left:4px}.chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;flex-shrink:1;min-width:0}.chip-delete{text-align:center;cursor:pointer;flex-shrink:0;background-repeat:no-repeat;width:24px;height:24px;color:var(--f7-chip-delete-button-color);opacity:.54;position:relative}.chip-delete:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;content:'delete_round_ios';line-height:24px}.chip .chip-delete.active-state{opacity:1}.aurora .chip-outline-aurora,.chip-outline,.ios .chip-outline-ios,.md .chip-outline-md{border:1px solid var(--f7-chip-outline-border-color);background:0 0}.chip[class*=color-]{--f7-chip-bg-color:var(--f7-theme-color);--f7-chip-text-color:#fff}.aurora .chip-outline-aurora[class*=color-],.chip-outline[class*=color-],.ios .chip-outline-ios[class*=color-],.md .chip-outline-md[class*=color-]{--f7-chip-outline-border-color:var(--f7-theme-color);--f7-chip-text-color:var(--f7-theme-color)}.ios .chip-delete{margin-right:calc(-1 * var(--f7-chip-padding-horizontal))}.ios .chip-delete:after{font-size:10px}.md .chip-label+.chip-delete{margin-left:4px}.md .chip-delete{margin-right:calc(-1 * var(--f7-chip-padding-horizontal) + 4px)}.md .chip-delete:after{font-size:12px}.aurora .chip-delete{margin-right:calc(-1 * var(--f7-chip-padding-horizontal))}.aurora .chip-delete:after{font-size:10px}:root{--f7-input-bg-color:transparent;--f7-label-font-weight:400;--f7-label-line-height:1.2;--f7-input-padding-left:0px;--f7-input-padding-right:0px;--f7-input-error-text-color:#ff3b30;--f7-input-error-font-size:12px;--f7-input-error-line-height:1.4;--f7-input-error-font-weight:400;--f7-input-info-font-size:12px;--f7-input-info-line-height:1.4;--f7-input-outline-height:40px;--f7-input-outline-border-color:#999;--f7-input-outline-border-radius:4px;--f7-input-outline-padding-horizontal:12px;--f7-textarea-height:100px}:root .theme-dark,:root.theme-dark{--f7-input-outline-border-color:#444}.ios{--f7-input-height:44px;--f7-input-text-color:#000000;--f7-input-font-size:17px;--f7-input-placeholder-color:#a9a9a9;--f7-textarea-padding-vertical:11px;--f7-label-font-size:12px;--f7-label-text-color:inherit;--f7-floating-label-scale:calc(17 / 12);--f7-inline-label-font-size:17px;--f7-inline-label-line-height:1.4;--f7-inline-label-padding-top:3px;--f7-input-info-text-color:rgba(0, 0, 0, 0.45);--f7-input-clear-button-size:14px;--f7-input-clear-button-color:rgba(0, 0, 0, 0.45)}.ios .theme-dark,.ios.theme-dark{--f7-input-text-color:#fff;--f7-input-info-text-color:rgba(255, 255, 255, 0.55);--f7-input-clear-button-color:rgba(255, 255, 255, 0.5)}.md{--f7-input-height:36px;--f7-input-text-color:#212121;--f7-input-font-size:16px;--f7-input-placeholder-color:rgba(0, 0, 0, 0.35);--f7-textarea-padding-vertical:7px;--f7-label-font-size:12px;--f7-label-text-color:rgba(0, 0, 0, 0.65);--f7-floating-label-scale:calc(16 / 12);--f7-inline-label-font-size:16px;--f7-inline-label-line-height:1.5;--f7-inline-label-padding-top:7px;--f7-input-info-text-color:rgba(0, 0, 0, 0.45);--f7-input-clear-button-size:18px;--f7-input-clear-button-color:#aaa}.md .theme-dark,.md.theme-dark{--f7-input-text-color:rgba(255, 255, 255, 0.87);--f7-input-placeholder-color:rgba(255, 255, 255, 0.35);--f7-label-text-color:rgba(255, 255, 255, 0.54);--f7-input-info-text-color:rgba(255, 255, 255, 0.35)}.aurora{--f7-input-height:24px;--f7-input-text-color:#000000;--f7-input-font-size:13px;--f7-input-placeholder-color:rgba(0, 0, 0, 0.32);--f7-textarea-padding-vertical:2px;--f7-label-font-size:11px;--f7-label-text-color:inherit;--f7-floating-label-scale:calc(13 / 11);--f7-inline-label-font-size:14px;--f7-inline-label-line-height:1.4;--f7-inline-label-padding-top:1px;--f7-input-info-text-color:rgba(0, 0, 0, 0.5);--f7-input-clear-button-size:14px;--f7-input-clear-button-color:#666;--f7-input-outline-height:32px;--f7-input-outline-padding-horizontal:8px}.aurora .theme-dark,.aurora.theme-dark{--f7-input-text-color:#fff;--f7-input-clear-button-color:#aaa;--f7-input-placeholder-color:rgba(255, 255, 255, 0.35)}input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:none;border-radius:0;outline:0;display:block;padding:0;margin:0;font-family:inherit;background:0 0;resize:none;font-size:inherit;color:inherit}.textarea-resizable-shadow{opacity:0;position:absolute;z-index:-1000;pointer-events:none;left:-1000px;top:-1000px;visibility:hidden}.list input[type=date],.list input[type=datetime-local],.list input[type=email],.list input[type=number],.list input[type=password],.list input[type=search],.list input[type=tel],.list input[type=text],.list input[type=time],.list input[type=url],.list select{width:100%;height:var(--f7-input-height);color:var(--f7-input-text-color);font-size:var(--f7-input-font-size);background-color:var(--f7-input-bg-color,transparent);padding-left:var(--f7-input-padding-left);padding-right:var(--f7-input-padding-right)}.list input[type=date]::-webkit-input-placeholder,.list input[type=datetime-local]::-webkit-input-placeholder,.list input[type=email]::-webkit-input-placeholder,.list input[type=number]::-webkit-input-placeholder,.list input[type=password]::-webkit-input-placeholder,.list input[type=search]::-webkit-input-placeholder,.list input[type=tel]::-webkit-input-placeholder,.list input[type=text]::-webkit-input-placeholder,.list input[type=time]::-webkit-input-placeholder,.list input[type=url]::-webkit-input-placeholder,.list select::-webkit-input-placeholder{color:var(--f7-input-placeholder-color)}.list input[type=date]::-moz-placeholder,.list input[type=datetime-local]::-moz-placeholder,.list input[type=email]::-moz-placeholder,.list input[type=number]::-moz-placeholder,.list input[type=password]::-moz-placeholder,.list input[type=search]::-moz-placeholder,.list input[type=tel]::-moz-placeholder,.list input[type=text]::-moz-placeholder,.list input[type=time]::-moz-placeholder,.list input[type=url]::-moz-placeholder,.list select::-moz-placeholder{color:var(--f7-input-placeholder-color)}.list input[type=date]::-ms-input-placeholder,.list input[type=datetime-local]::-ms-input-placeholder,.list input[type=email]::-ms-input-placeholder,.list input[type=number]::-ms-input-placeholder,.list input[type=password]::-ms-input-placeholder,.list input[type=search]::-ms-input-placeholder,.list input[type=tel]::-ms-input-placeholder,.list input[type=text]::-ms-input-placeholder,.list input[type=time]::-ms-input-placeholder,.list input[type=url]::-ms-input-placeholder,.list select::-ms-input-placeholder{color:var(--f7-input-placeholder-color)}.list input[type=date]::placeholder,.list input[type=datetime-local]::placeholder,.list input[type=email]::placeholder,.list input[type=number]::placeholder,.list input[type=password]::placeholder,.list input[type=search]::placeholder,.list input[type=tel]::placeholder,.list input[type=text]::placeholder,.list input[type=time]::placeholder,.list input[type=url]::placeholder,.list select::placeholder{color:var(--f7-input-placeholder-color)}.list textarea{width:100%;color:var(--f7-input-text-color);font-size:var(--f7-input-font-size);resize:none;line-height:1.4;height:var(--f7-textarea-height);background-color:var(--f7-input-bg-color,transparent);padding-top:var(--f7-textarea-padding-vertical);padding-bottom:var(--f7-textarea-padding-vertical);padding-left:var(--f7-input-padding-left);padding-right:var(--f7-input-padding-right)}.list textarea::-webkit-input-placeholder{color:var(--f7-input-placeholder-color)}.list textarea::-moz-placeholder{color:var(--f7-input-placeholder-color)}.list textarea::-ms-input-placeholder{color:var(--f7-input-placeholder-color)}.list textarea::placeholder{color:var(--f7-input-placeholder-color)}.list textarea.resizable{height:var(--f7-input-height)}.list input[type=datetime-local]{max-width:50vw}.list input[type=date],.list input[type=datetime-local],.list input[type=time]{line-height:var(--f7-input-height)}.list .item-floating-label,.list .item-label{width:100%;vertical-align:top;flex-shrink:0;font-size:var(--f7-label-font-size);font-weight:var(--f7-label-font-weight);line-height:var(--f7-label-line-height);color:var(--f7-label-text-color);transition-duration:.2s;transition-property:transform,color}.list .item-floating-label{--label-height:calc(var(--f7-label-font-size) * var(--f7-label-line-height));transform:scale(var(--f7-floating-label-scale)) translateY(calc((var(--f7-input-height)/ 2 + 50%)/ var(--f7-floating-label-scale)));color:var(--f7-input-placeholder-color);width:auto;max-width:calc(100% / var(--f7-floating-label-scale));pointer-events:none;left:var(--f7-input-padding-left);transform-origin:left center}.list .item-floating-label~.item-input-wrap input::-webkit-input-placeholder,.list .item-floating-label~.item-input-wrap textarea::-webkit-input-placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input::-moz-placeholder,.list .item-floating-label~.item-input-wrap textarea::-moz-placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input::-ms-input-placeholder,.list .item-floating-label~.item-input-wrap textarea::-ms-input-placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input::placeholder,.list .item-floating-label~.item-input-wrap textarea::placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input.input-focused::-webkit-input-placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::-webkit-input-placeholder{opacity:1;transition-duration:.3s}.list .item-floating-label~.item-input-wrap input.input-focused::-moz-placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::-moz-placeholder{opacity:1;transition-duration:.3s}.list .item-floating-label~.item-input-wrap input.input-focused::-ms-input-placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::-ms-input-placeholder{opacity:1;transition-duration:.3s}.list .item-floating-label~.item-input-wrap input.input-focused::placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::placeholder{opacity:1;transition-duration:.3s}.list .item-input-with-value .item-floating-label{color:var(--f7-label-text-color)}.list .item-input-focused .item-floating-label,.list .item-input-with-value .item-floating-label{transform:scale(1) translateY(0)}.list .item-input-wrap{width:100%;flex-shrink:1;position:relative}.item-input .item-inner{display:flex;flex-direction:column;align-items:flex-start}.input-error-message,.item-input-error-message{font-size:var(--f7-input-error-font-size);line-height:var(--f7-input-error-line-height);color:var(--f7-input-error-text-color);font-weight:var(--f7-input-error-font-weight);display:none;box-sizing:border-box}.input-info,.item-input-info{font-size:var(--f7-input-info-font-size);line-height:var(--f7-input-info-line-height);color:var(--f7-input-info-text-color)}.input-invalid .input-error-message,.input-invalid .item-input-error-message,.item-input-invalid .input-error-message,.item-input-invalid .item-input-error-message{display:block}.input-invalid .input-info,.input-invalid .item-input-info,.item-input-invalid .input-info,.item-input-invalid .item-input-info{display:none}.inline-label .item-inner,.inline-labels .item-inner{display:flex;align-items:center;flex-direction:row}.inline-label .item-floating-label,.inline-label .item-label,.inline-labels .item-floating-label,.inline-labels .item-label{padding-top:var(--f7-inline-label-padding-top);align-self:flex-start;width:35%;font-size:var(--f7-inline-label-font-size);line-height:var(--f7-inline-label-line-height)}.inline-label .item-floating-label+.item-input-wrap,.inline-label .item-label+.item-input-wrap,.inline-labels .item-floating-label+.item-input-wrap,.inline-labels .item-label+.item-input-wrap{margin-left:8px}.input{position:relative}.input input,.input select,.input textarea{width:100%}.input-clear-button{opacity:0;pointer-events:none;visibility:hidden;transition-duration:.1s;position:absolute;top:50%;border:none;padding:0;margin:0;outline:0;z-index:1;cursor:pointer;background:0 0;width:var(--f7-input-clear-button-size);height:var(--f7-input-clear-button-size);margin-top:calc(-1 * var(--f7-input-clear-button-size)/ 2);color:var(--f7-input-clear-button-color);right:0}.input-clear-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.input-clear-button:before{position:absolute;content:'';left:50%;top:50%}.item-input-wrap .input-clear-button{top:calc(var(--f7-input-height)/ 2)}.input-clear-button.active-state{opacity:.75!important}.input-with-value .input-clear-button,.input-with-value~.input-clear-button,.item-input-with-value .input-clear-button{opacity:1;pointer-events:auto;visibility:visible}.input-dropdown,.input-dropdown-wrap{position:relative}.input-dropdown-wrap:before,.input-dropdown:before{content:'';pointer-events:none;position:absolute;top:50%;margin-top:-2px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #727272;right:6px}.input-dropdown input,.input-dropdown select,.input-dropdown textarea,.input-dropdown-wrap input,.input-dropdown-wrap select,.input-dropdown-wrap textarea{padding-right:calc(20px + var(--f7-input-padding-right))}.input-outline:after,.item-input-outline .item-input-wrap:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:1px solid var(--f7-input-outline-border-color);border-radius:var(--f7-input-outline-border-radius);transition-duration:.2s;pointer-events:none}.input-outline.input-focused:after,.item-input-outline.item-input-focused .item-input-wrap:after{border-width:2px;border-color:var(--f7-input-outline-focused-border-color,var(--f7-theme-color))}.input-outline.input-invalid:after,.item-input-outline.item-input-invalid .item-input-wrap:after{border-width:2px;border-color:var(--f7-input-outline-invalid-border-color,var(--f7-input-error-text-color))}.input-outline input,.input-outline select,.input-outline textarea,.item-input-outline input,.item-input-outline select,.item-input-outline textarea,.list .item-input-outline input,.list .item-input-outline select,.list .item-input-outline textarea{border-radius:var(--f7-input-outline-border-radius);padding-left:var(--f7-input-outline-padding-horizontal);padding-right:var(--f7-input-outline-padding-horizontal)}.input-outline.input-dropdown:before,.item-input-outline .input-dropdown-wrap:before{right:8px}.input-outline.input-dropdown input,.input-outline.input-dropdown select,.input-outline.input-dropdown textarea,.item-input-outline .input-dropdown-wrap input,.item-input-outline .input-dropdown-wrap select,.item-input-outline .input-dropdown-wrap textarea{padding-right:20px}.input-outline .input-clear-button,.item-input-outline .input-clear-button{right:8px}.item-input-outline{--f7-input-height:var(--f7-input-outline-height)}.item-input-outline .item-inner:after{display:none!important}.item-input-outline .item-label{left:var(--f7-input-outline-padding-horizontal)}.inline-label .item-input-outline .item-label,.inline-labels .item-input-outline .item-label,.item-input-outline .inline-label .item-label,.item-input-outline .inline-label.item-label{left:0}.item-input-outline .item-floating-label{left:calc(var(--f7-input-outline-padding-horizontal) - 4px);padding-left:4px;padding-right:4px;background:var(--f7-page-bg-color);z-index:10;margin-top:calc(-.5 * (var(--f7-label-font-size) * var(--f7-label-line-height)))}.item-input-outline.item-input-focused .item-floating-label,.item-input-outline.item-input-with-value .item-floating-label{transform:scale(1) translateY(50%)}.item-input-outline .item-input-error-message,.item-input-outline .item-input-info{padding-left:var(--f7-input-outline-padding-horizontal)}.block-strong .item-input-outline .item-floating-label{background:var(--f7-block-strong-bg-color)}.list .item-input-outline .item-floating-label{background:var(--f7-list-bg-color)}.ios .item-floating-label+.item-input-wrap,.ios .item-label+.item-input-wrap{margin-top:0}.ios .item-input-focused .item-floating-label{color:var(--f7-label-text-color)}.ios .item-input .item-media{align-self:flex-start}.ios .item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical));margin-bottom:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .inline-label .item-floating-label+.item-input-wrap,.ios .inline-label .item-label+.item-input-wrap,.ios .inline-labels .item-floating-label+.item-input-wrap,.ios .inline-labels .item-label+.item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .inline-label .item-input-wrap,.ios .inline-labels .item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .input-error-message,.ios .input-info,.ios .item-input-error-message,.ios .item-input-info{position:relative;margin-bottom:6px;margin-top:-8px}.ios .item-input-focused .item-floating-label,.ios .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-label-text-color))}.ios .item-input-focused .item-inner:after{background:var(--f7-input-focused-border-color,var(--f7-list-item-border-color))}.ios .item-input-invalid .item-floating-label,.ios .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-label-text-color))}.ios .item-input-invalid .item-inner:after{background:var(--f7-input-invalid-border-color,var(--f7-list-item-border-color))}.ios .input-invalid input,.ios .input-invalid select,.ios .input-invalid textarea,.ios .item-input-invalid input,.ios .item-input-invalid select,.ios .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-error-text-color))}.ios .input-clear-button:after{content:'delete_round_ios';font-size:calc(var(--f7-input-clear-button-size)/ (14 / 10));line-height:1.4}.ios .input-clear-button:before{width:44px;height:44px;margin-left:-22px;margin-top:-22px}.ios .input-outline .item-input-wrap,.ios .item-input-outline .item-input-wrap{margin-top:0;margin-bottom:0}.ios .input-outline .input-error-message,.ios .input-outline .input-info,.ios .input-outline .item-input-error-message,.ios .input-outline .item-input-info,.ios .item-input-outline .input-error-message,.ios .item-input-outline .input-info,.ios .item-input-outline .item-input-error-message,.ios .item-input-outline .item-input-info{margin-top:0;white-space:normal;overflow:hidden;text-overflow:ellipsis}.ios .input-outline .input-info,.ios .input-outline .item-input-info,.ios .item-input-outline .input-info,.ios .item-input-outline .item-input-info{margin-bottom:calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.ios .input-outline .input-error-message,.ios .input-outline .item-input-error-message,.ios .item-input-outline .input-error-message,.ios .item-input-outline .item-input-error-message{margin-bottom:calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.ios .input-outline.input-with-info .item-input-wrap,.ios .input-outline.item-input-with-info .item-input-wrap,.ios .item-input-outline.input-with-info .item-input-wrap,.ios .item-input-outline.item-input-with-info .item-input-wrap{margin-bottom:calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.ios .input-outline.input-with-error-message .item-input-wrap,.ios .input-outline.item-input-with-error-message .item-input-wrap,.ios .item-input-outline.input-with-error-message .item-input-wrap,.ios .item-input-outline.item-input-with-error-message .item-input-wrap{margin-bottom:calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.md .input:not(.input-outline):after,.md .item-input:not(.item-input-outline) .item-input-wrap:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.md .input:not(.input-outline):after,.md .item-input:not(.item-input-outline) .item-input-wrap:after{transition-duration:.2s}.md .item-input-wrap{min-height:var(--f7-input-height)}.md .item-input .item-media{align-self:flex-end}.md .item-input .item-inner:after{display:none!important}.md .inline-label .item-media,.md .inline-labels .item-media{align-self:flex-start;padding-top:14px}.md .input-with-error-message,.md .input-with-info,.md .item-input-with-error-message,.md .item-input-with-info{padding-bottom:20px}.md .input-error-message,.md .input-info,.md .item-input-error-message,.md .item-input-info{position:absolute;top:100%;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;left:0}.md .item-input-focused .item-floating-label,.md .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-theme-color))}.md .input-focused:not(.input-outline):after,.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after{background:var(--f7-input-focused-border-color,var(--f7-theme-color))}.md .input-focused:not(.input-outline):after,.md .input-invalid:not(.input-outline):after,.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after,.md .item-input-invalid:not(.item-input-outline) .item-input-wrap:after{transform:scaleY(2)!important}.md .input-invalid:not(.input-outline):after,.md .item-input-invalid:not(.item-input-outline) .item-input-wrap:after{background:var(--f7-input-invalid-border-color,var(--f7-input-error-text-color))}.md .item-input-invalid .item-floating-label,.md .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-input-error-text-color))}.md .input-invalid input,.md .input-invalid select,.md .input-invalid textarea,.md .item-input-invalid input,.md .item-input-invalid select,.md .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-text-color))}.md .input-clear-button:after{font-size:calc(var(--f7-input-clear-button-size)/ (24 / 20));content:'delete_round_md';line-height:1.2}.md .input-clear-button:before{width:48px;height:48px;margin-left:-24px;margin-top:-24px}.aurora .item-floating-label+.item-input-wrap,.aurora .item-label+.item-input-wrap{margin-top:0}.aurora .item-input-focused .item-floating-label{color:var(--f7-label-text-color)}.aurora .item-input .item-media{align-self:flex-start}.aurora .input-error-message,.aurora .input-info,.aurora .item-input-error-message,.aurora .item-input-info{position:relative}.aurora .item-input-focused .item-floating-label,.aurora .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-label-text-color))}.aurora .item-input-focused .item-inner:after{background:var(--f7-input-focused-border-color,var(--f7-list-item-border-color))}.aurora .item-input-invalid .item-floating-label,.aurora .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-label-text-color))}.aurora .item-input-invalid .item-inner:after{background:var(--f7-input-invalid-border-color,var(--f7-list-item-border-color))}.aurora .input-invalid input,.aurora .input-invalid select,.aurora .input-invalid textarea,.aurora .item-input-invalid input,.aurora .item-input-invalid select,.aurora .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-error-text-color))}.aurora .input-clear-button:after{content:'delete_round_ios';font-size:calc(var(--f7-input-clear-button-size)/ (14 / 10));line-height:1.4}.aurora .input-clear-button:before{width:28px;height:28px;margin-left:-14px;margin-top:-14px}.aurora .input-outline .item-input-wrap,.aurora .item-input-outline .item-input-wrap{margin-top:0;margin-bottom:0}.aurora .input-outline .input-error-message,.aurora .input-outline .input-info,.aurora .input-outline .item-input-error-message,.aurora .input-outline .item-input-info,.aurora .item-input-outline .input-error-message,.aurora .item-input-outline .input-info,.aurora .item-input-outline .item-input-error-message,.aurora .item-input-outline .item-input-info{margin-top:0;white-space:normal;overflow:hidden;text-overflow:ellipsis}.aurora .input-outline .input-info,.aurora .input-outline .item-input-info,.aurora .item-input-outline .input-info,.aurora .item-input-outline .item-input-info{margin-bottom:calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.aurora .input-outline .input-error-message,.aurora .input-outline .item-input-error-message,.aurora .item-input-outline .input-error-message,.aurora .item-input-outline .item-input-error-message{margin-bottom:calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.aurora .input-outline.input-with-info .item-input-wrap,.aurora .input-outline.item-input-with-info .item-input-wrap,.aurora .item-input-outline.input-with-info .item-input-wrap,.aurora .item-input-outline.item-input-with-info .item-input-wrap{margin-bottom:calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.aurora .input-outline.input-with-error-message .item-input-wrap,.aurora .input-outline.item-input-with-error-message .item-input-wrap,.aurora .item-input-outline.input-with-error-message .item-input-wrap,.aurora .item-input-outline.item-input-with-error-message .item-input-wrap{margin-bottom:calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}:root{--f7-checkbox-icon-color:#fff}:root .theme-dark,:root.theme-dark{--f7-checkbox-inactive-color:rgba(255, 255, 255, 0.3)}.ios{--f7-checkbox-size:22px;--f7-checkbox-border-radius:50%;--f7-checkbox-border-width:1px;--f7-checkbox-inactive-color:#c7c7cc;--f7-checkbox-extra-margin:0px}.md{--f7-checkbox-size:18px;--f7-checkbox-border-radius:2px;--f7-checkbox-border-width:2px;--f7-checkbox-inactive-color:#6d6d6d;--f7-checkbox-extra-margin:22px}.aurora{--f7-checkbox-size:14px;--f7-checkbox-border-radius:2px;--f7-checkbox-border-width:1px;--f7-checkbox-inactive-color:#888;--f7-checkbox-extra-margin:0px}.checkbox{position:relative;display:inline-block;vertical-align:middle;z-index:1;background-color:transparent;--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb), 0.5)}.checkbox i,.icon-checkbox{flex-shrink:0;border:var(--f7-checkbox-border-width) solid var(--f7-checkbox-inactive-color);width:var(--f7-checkbox-size);height:var(--f7-checkbox-size);border-radius:var(--f7-checkbox-border-radius);box-sizing:border-box;position:relative;display:block}.checkbox i:after,.icon-checkbox:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;width:var(--f7-checkbox-size);height:var(--f7-checkbox-size);line-height:var(--f7-checkbox-size);left:calc(0px - var(--f7-checkbox-border-width));top:calc(0px - var(--f7-checkbox-border-width));opacity:0;color:var(--f7-checkbox-icon-color);position:relative;transition-property:opacity}.checkbox input[type=checkbox]:not(:checked)~i:after,label.item-checkbox input[type=checkbox]:not(:checked)~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:not(:checked)~.icon-checkbox:after{font-size:0}.checkbox input[type=checkbox]:checked~i,.checkbox input[type=checkbox]:indeterminate~i,label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,label.item-checkbox input[type=checkbox]:checked~.icon-checkbox,label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox,label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox{border-color:var(--f7-checkbox-active-color,var(--f7-theme-color));background-color:var(--f7-checkbox-active-color,var(--f7-theme-color))}.checkbox input[type=checkbox]:checked~i:after,.checkbox input[type=checkbox]:indeterminate~i:after,label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:checked~.icon-checkbox:after,label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox:after{opacity:1}.checkbox input[type=checkbox]:indeterminate~i:after,label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox:after{font-size:0;content:'';position:absolute;top:50%;width:70%;background:#fff;height:2px;border-radius:2px;margin-top:-1px;left:15%;transition:0s}.checkbox,label.item-checkbox{cursor:pointer}.checkbox input[type=checkbox],.checkbox input[type=radio],label.item-checkbox input[type=checkbox],label.item-checkbox input[type=radio]{display:none}label.item-checkbox{transition-duration:.3s}label.item-checkbox .item-content .item-media,label.item-checkbox.item-content .item-media{align-self:center}label.item-checkbox>.icon-checkbox{margin-right:calc(var(--f7-list-item-media-margin) + var(--f7-checkbox-extra-margin))}label.item-checkbox.active-state{background-color:var(--f7-list-link-pressed-bg-color)}label.item-checkbox.active-state:after{background-color:transparent}.disabled label.item-checkbox,label.item-checkbox.disabled{opacity:.55;pointer-events:none;opacity:.55!important;pointer-events:none!important}.ios .checkbox i:after,.ios .icon-checkbox:after{content:'checkbox_ios';font-size:21px}.ios label.item-checkbox.active-state{transition-duration:0s}.ios .checkbox input[type=checkbox]:indeterminate~i:after,.ios label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox:after,.ios label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox:after{height:1px;margin-top:0px}.md .checkbox i,.md .icon-checkbox{transition-duration:.2s}.md .checkbox i:after,.md .icon-checkbox:after{content:'checkbox_md';transition-duration:.2s;font-size:15px}.md label.item-checkbox{position:relative;overflow:hidden;z-index:0}.aurora .checkbox i,.aurora .icon-checkbox{transition-duration:150ms}.aurora .checkbox i:after,.aurora .icon-checkbox:after{content:'checkbox_aurora';transition-duration:150ms;font-size:19px}.aurora .checkbox i:before,.aurora .icon-checkbox:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.1);opacity:0;transition-duration:150ms}.aurora .checkbox.active-state i:before{opacity:1}.aurora label.item-checkbox{position:relative;overflow:hidden;z-index:0}:root{--f7-radio-border-radius:50%}:root .theme-dark,:root.theme-dark{--f7-radio-inactive-color:rgba(255, 255, 255, 0.3)}.ios{--f7-radio-size:22px;--f7-radio-border-width:1px;--f7-radio-inactive-color:#c7c7cc;--f7-radio-extra-margin:0px}.md{--f7-radio-size:20px;--f7-radio-border-width:2px;--f7-radio-inactive-color:#6d6d6d;--f7-radio-extra-margin:22px}.aurora{--f7-radio-size:16px;--f7-radio-border-width:1px;--f7-radio-inactive-color:#888;--f7-radio-extra-margin:0px}.radio{position:relative;display:inline-block;vertical-align:middle;z-index:1;--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb), 0.5)}.icon-radio{width:var(--f7-radio-size);height:var(--f7-radio-size);border-radius:var(--f7-radio-border-radius);position:relative;box-sizing:border-box;display:block;flex-shrink:0}.aurora .icon-radio,.md .icon-radio,.radio .icon-radio{border:var(--f7-radio-border-width) solid var(--f7-radio-inactive-color)}.radio,label.item-radio{cursor:pointer}.radio input[type=checkbox],.radio input[type=radio],label.item-radio input[type=checkbox],label.item-radio input[type=radio]{display:none}label.item-radio{transition-duration:.3s}label.item-radio .item-content .item-media,label.item-radio.item-content .item-media{align-self:center}label.item-radio.active-state{background-color:var(--f7-list-link-pressed-bg-color)}label.item-radio.active-state:after{background-color:transparent}.disabled label.item-radio,label.item-radio.disabled{opacity:.55;pointer-events:none;opacity:.55!important;pointer-events:none!important}.ios .icon-radio:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;width:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2);height:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2);line-height:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2 + 1px);font-size:20px;content:'radio_ios';color:var(--f7-radio-active-color,var(--f7-theme-color));opacity:0}.ios .radio input[type=radio]:checked~.icon-radio:after,.ios label.item-radio input[type=radio]:checked~* .icon-radio:after,.ios label.item-radio input[type=radio]:checked~.icon-radio:after{opacity:1}.ios .radio input[type=radio]:checked~.icon-radio{border-color:var(--f7-radio-active-color,var(--f7-theme-color))}.ios label.item-radio input[type=radio]~.icon-radio{position:absolute;top:50%;margin-top:-11px;right:calc(var(--f7-safe-area-right) + 10px)}.ios label.item-radio .item-inner{padding-right:calc(var(--f7-safe-area-right) + 35px)}.ios label.item-radio.active-state{transition-duration:0s}.md .icon-radio{transition-duration:.2s}.md .icon-radio:after{content:'';position:absolute;width:10px;height:10px;left:50%;top:50%;margin-left:-5px;margin-top:-5px;background-color:var(--f7-radio-active-color,var(--f7-theme-color));border-radius:50%;transform:scale(0);transition-duration:.2s}.md .radio input[type=radio]:checked~.icon-radio,.md label.item-radio input[type=radio]:checked~* .icon-radio,.md label.item-radio input[type=radio]:checked~.icon-radio{border-color:var(--f7-radio-active-color,var(--f7-theme-color))}.md .radio input[type=radio]:checked~.icon-radio:after,.md label.item-radio input[type=radio]:checked~* .icon-radio:after,.md label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:var(--f7-radio-active-color,var(--f7-theme-color));transform:scale(1)}.md label.item-radio{position:relative;overflow:hidden;z-index:0}.md label.item-radio>.icon-radio{margin-right:calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin))}.aurora .icon-radio{transition-duration:150ms;overflow:hidden}.aurora .icon-radio:after{content:'';position:absolute;width:6px;height:6px;left:50%;top:50%;margin-left:-3px;margin-top:-3px;background-color:#fff;border-radius:50%;transform:scale(0);transition-duration:150ms}.aurora .icon-radio:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.1);opacity:0;transition-duration:150ms}.aurora .radio.active-state i:before{opacity:1}.aurora .radio input[type=radio]:checked~.icon-radio,.aurora label.item-radio input[type=radio]:checked~* .icon-radio,.aurora label.item-radio input[type=radio]:checked~.icon-radio{border-color:var(--f7-radio-active-color,var(--f7-theme-color));background-color:var(--f7-radio-active-color,var(--f7-theme-color))}.aurora .radio input[type=radio]:checked~.icon-radio:after,.aurora label.item-radio input[type=radio]:checked~* .icon-radio:after,.aurora label.item-radio input[type=radio]:checked~.icon-radio:after{transform:scale(1)}.aurora label.item-radio{position:relative;overflow:hidden;z-index:0}.aurora label.item-radio>.icon-radio{margin-right:calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin))}:root{--f7-toggle-handle-color:#fff}.ios{--f7-toggle-width:52px;--f7-toggle-height:32px;--f7-toggle-border-color:#e5e5e5;--f7-toggle-inactive-color:#fff}.ios .theme-dark,.ios.theme-dark{--f7-toggle-border-color:#555;--f7-toggle-inactive-color:#222}.md{--f7-toggle-width:36px;--f7-toggle-height:14px;--f7-toggle-inactive-color:#b0afaf}.md .theme-dark,.md.theme-dark{--f7-toggle-inactive-color:#555}.aurora{--f7-toggle-width:40px;--f7-toggle-height:20px;--f7-toggle-inactive-color:#aaa}.aurora .theme-dark,.aurora.theme-dark{--f7-toggle-inactive-color:#555}.toggle,.toggle-icon{width:var(--f7-toggle-width);height:var(--f7-toggle-height);border-radius:var(--f7-toggle-height)}.toggle{display:inline-block;vertical-align:middle;position:relative;box-sizing:border-box;align-self:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle input[type=checkbox]{display:none}.toggle input[disabled]~.toggle-icon{pointer-events:none}.toggle-icon{z-index:0;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;position:relative;transition:.3s;box-sizing:border-box;display:block;cursor:pointer}.toggle-icon:after,.toggle-icon:before{content:'';will-change:transform}.toggle-icon:after{background:var(--f7-toggle-handle-color);position:absolute;z-index:2;transform:translateX(0px);transition-duration:.3s}.ios .toggle input[type=checkbox]:checked+.toggle-icon{background:var(--f7-toggle-active-color,var(--f7-theme-color))}.ios .toggle input[type=checkbox]:checked+.toggle-icon:before{transform:scale(0)}.ios .toggle input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height)))}.ios .toggle-icon{background:var(--f7-toggle-border-color)}.ios .toggle-icon:before{position:absolute;left:2px;top:2px;width:calc(var(--f7-toggle-width) - 4px);height:calc(var(--f7-toggle-height) - 4px);border-radius:var(--f7-toggle-height);box-sizing:border-box;background:var(--f7-toggle-inactive-color);z-index:1;transition-duration:.3s;transform:scale(1)}.ios .toggle-icon:after{height:calc(var(--f7-toggle-height) - 4px);width:calc(var(--f7-toggle-height) - 4px);top:2px;left:2px;box-shadow:0 2px 4px rgba(0,0,0,.3);border-radius:calc(var(--f7-toggle-height) - 4px)}.ios .toggle-active-state input[type=checkbox]:not(:checked)+.toggle-icon:before{transform:scale(0)}.ios .toggle-active-state input[type=checkbox]+.toggle-icon:after{width:calc(var(--f7-toggle-height) + 4px)}.ios .toggle-active-state input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height) - 8px))}.md .toggle input[type=checkbox]:checked+.toggle-icon{background:var(--f7-toggle-active-color,rgba(var(--f7-theme-color-rgb),.5))}.md .toggle input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height) - 6px));background:var(--f7-toggle-active-color,var(--f7-theme-color))}.md .toggle-icon{background:var(--f7-toggle-inactive-color)}.md .toggle-icon:after{height:calc(var(--f7-toggle-height) + 6px);width:calc(var(--f7-toggle-height) + 6px);top:-3px;box-shadow:0 2px 5px rgba(0,0,0,.4);border-radius:var(--f7-toggle-height);left:0}.aurora .toggle input[type=checkbox]:checked+.toggle-icon{background:var(--f7-toggle-active-color,var(--f7-theme-color))}.aurora .toggle input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height)))}.aurora .toggle-icon{background:var(--f7-toggle-inactive-color)}.aurora .toggle-icon:after{height:calc(var(--f7-toggle-height) - 4px);width:calc(var(--f7-toggle-height) - 4px);top:2px;left:2px;border-radius:calc(var(--f7-toggle-height) - 4px)}:root{--f7-range-scale-step-height:5px;--f7-range-scale-text-color:#666;--f7-range-scale-substep-width:1px;--f7-range-scale-substep-height:4px}.ios{--f7-range-size:28px;--f7-range-bar-bg-color:#b7b8b7;--f7-range-bar-size:1px;--f7-range-bar-border-radius:2px;--f7-range-knob-size:28px;--f7-range-knob-color:#fff;--f7-range-knob-box-shadow:0 2px 4px rgba(0, 0, 0, 0.3);--f7-range-label-size:20px;--f7-range-label-text-color:#000;--f7-range-label-bg-color:#fff;--f7-range-label-font-size:12px;--f7-range-label-font-weight:normal;--f7-range-label-border-radius:5px;--f7-range-label-padding:0px;--f7-range-scale-step-width:1px;--f7-range-scale-font-size:12px;--f7-range-scale-font-weight:400;--f7-range-scale-label-offset:4px}.md{--f7-range-size:20px;--f7-range-bar-bg-color:#b9b9b9;--f7-range-bar-size:2px;--f7-range-bar-border-radius:0px;--f7-range-knob-size:12px;--f7-range-knob-box-shadow:none;--f7-range-label-size:26px;--f7-range-label-font-weight:normal;--f7-range-label-text-color:#fff;--f7-range-label-font-size:10px;--f7-range-label-border-radius:50%;--f7-range-label-padding:0px;--f7-range-scale-step-width:2px;--f7-range-scale-font-size:12px;--f7-range-scale-font-weight:400;--f7-range-scale-label-offset:4px}.aurora{--f7-range-size:20px;--f7-range-bar-bg-color:#c7c7c7;--f7-range-bar-size:2px;--f7-range-bar-border-radius:2px;--f7-range-knob-size:16px;--f7-range-knob-box-shadow:none;--f7-range-label-size:20px;--f7-range-label-text-color:#fff;--f7-range-label-font-size:10px;--f7-range-label-font-weight:600;--f7-range-label-border-radius:4px;--f7-range-label-padding:0px 4px;--f7-range-scale-step-width:2px;--f7-range-scale-font-size:11px;--f7-range-scale-font-weight:500;--f7-range-scale-label-offset:2px}.range-slider{display:block;position:relative;align-self:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.range-slider input[type=range]{display:none}.range-slider.range-slider-horizontal{width:100%;height:var(--f7-range-size)}.range-slider.range-slider-vertical{height:100%;width:var(--f7-range-size)}.range-bar{position:absolute;overflow:hidden;background:var(--f7-range-bar-bg-color);border-radius:var(--f7-range-bar-border-radius)}.range-slider-vertical .range-bar{left:50%;top:0;height:100%;width:var(--f7-range-bar-size);margin-left:calc(-1 * var(--f7-range-bar-size)/ 2)}.range-slider-horizontal .range-bar{left:0;top:50%;width:100%;height:var(--f7-range-bar-size);margin-top:calc(-1 * var(--f7-range-bar-size)/ 2)}.range-bar-active{position:absolute;background:var(--f7-range-bar-active-bg-color,var(--f7-theme-color))}.range-slider-horizontal .range-bar-active{left:0;top:0;height:100%}.range-slider-vertical .range-bar-active{left:0;bottom:0;width:100%}.range-slider-vertical-reversed .range-bar-active{top:0;bottom:auto}.range-knob-wrap{z-index:20;position:absolute;height:var(--f7-range-knob-size);width:var(--f7-range-knob-size)}.range-slider-horizontal .range-knob-wrap{top:50%;margin-top:calc(-1 * var(--f7-range-knob-size)/ 2);margin-left:calc(-1 * var(--f7-range-knob-size)/ 2);left:0}.range-slider-vertical .range-knob-wrap{left:50%;margin-left:calc(-1 * var(--f7-range-knob-size)/ 2);bottom:0;margin-bottom:calc(-1 * var(--f7-range-knob-size)/ 2)}.range-slider-vertical-reversed .range-knob-wrap{bottom:auto;top:0;margin-bottom:0;margin-top:calc(-1 * var(--f7-range-knob-size)/ 2)}.range-knob{box-sizing:border-box;border-radius:50%;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:var(--f7-range-knob-color,var(--f7-range-knob-bg-color,var(--f7-theme-color)));box-shadow:var(--f7-range-knob-box-shadow)}.range-knob:after{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.range-knob-label{position:absolute;left:50%;bottom:100%;text-align:center;transition-duration:120ms;transition-property:transform;box-sizing:border-box;transform:translateY(100%) scale(0);height:var(--f7-range-label-size);line-height:var(--f7-range-label-size);min-width:var(--f7-range-label-size);color:var(--f7-range-label-text-color);background-color:var(--f7-range-label-bg-color,var(--f7-theme-color));font-size:var(--f7-range-label-font-size);font-weight:var(--f7-range-label-font-weight);border-radius:var(--f7-range-label-border-radius);padding:var(--f7-range-label-padding)}.range-knob-active-state .range-knob-label{transform:translateY(0%) scale(1)}.range-scale{position:absolute}.range-slider-horizontal .range-scale{top:50%;left:0;width:100%;margin-top:calc(var(--f7-range-bar-size)/ 2)}.range-slider-vertical .range-scale{right:50%;top:0;height:100%;margin-right:calc(var(--f7-range-bar-size)/ 2)}.range-scale-step{position:absolute;box-sizing:border-box;display:flex;font-size:var(--f7-range-scale-font-size);font-weight:var(--f7-range-scale-font-weight);color:var(--f7-range-scale-text-color,var(--f7-range-bar-bg-color));line-height:1}.range-scale-step:before{content:'';position:absolute;background:var(--f7-range-scale-step-bg-color,var(--f7-range-bar-bg-color))}.range-slider-horizontal .range-scale-step{justify-content:center;align-items:flex-start;width:var(--f7-range-scale-step-width);height:var(--f7-range-scale-step-height);padding-top:calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset));top:0;margin-left:calc(-1 * var(--f7-range-scale-step-width)/ 2)}.range-slider-horizontal .range-scale-step:before{left:0;top:0;width:100%;height:var(--f7-range-scale-step-height)}.range-slider-horizontal .range-scale-step:first-child{margin-left:0}.range-slider-horizontal .range-scale-step:last-child{margin-left:calc(-1 * var(--f7-range-scale-step-width))}.range-slider-vertical .range-scale-step{line-height:1;justify-content:flex-end;align-items:center;height:var(--f7-range-scale-step-width);width:var(--f7-range-scale-step-height);padding-right:calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset));right:0;margin-bottom:calc(-1 * var(--f7-range-scale-step-width)/ 2)}.range-slider-vertical .range-scale-step:first-child{margin-bottom:0}.range-slider-vertical .range-scale-step:last-child{margin-bottom:calc(-1 * var(--f7-range-scale-step-width))}.range-slider-vertical .range-scale-step:before{right:0;top:0;height:100%;width:var(--f7-range-scale-step-height)}.range-scale-substep{--f7-range-scale-step-bg-color:var(--f7-range-scale-substep-bg-color, var(--f7-range-bar-bg-color));--f7-range-scale-step-width:var(--f7-range-scale-substep-width);--f7-range-scale-step-height:var(--f7-range-scale-substep-height)}.ios .range-knob-label{margin-bottom:6px;transform:translateX(-50%) translateY(100%) scale(0)}.ios .range-knob-active-state .range-knob-label{transform:translateX(-50%) translateY(0%) scale(1)}.md .range-knob{transition-duration:.2s;transition-property:transform,background-color}.md .range-knob-active-state .range-knob{transform:scale(1.5)}.md .range-slider-min:not(.range-slider-dual) .range-knob{background:#fff!important;border:2px solid var(--f7-range-bar-bg-color)}.md .range-knob-label{width:var(--f7-range-label-size);margin-left:calc(-1 * var(--f7-range-label-size)/ 2);margin-bottom:8px}.md .range-knob-label:before{content:'';left:50%;top:0px;margin-left:calc(-1 * var(--f7-range-label-size)/ 2);position:absolute;z-index:-1;width:var(--f7-range-label-size);height:var(--f7-range-label-size);background:var(--f7-range-label-bg-color,var(--f7-theme-color));transform:rotate(-45deg);border-radius:50% 50% 50% 0}.md .range-knob-active-state .range-knob-label{transform:translateY(0%) scale(1)}.md .range-slider-label .range-knob-active-state .range-knob{transform:scale(0)}.aurora .range-knob-label{margin-bottom:6px;transform:translateX(-50%) translateY(100%) scale(0)}.aurora .range-knob-active-state .range-knob-label{transform:translateX(-50%) translateY(0%) scale(1)}:root{--f7-stepper-fill-button-text-color:#fff;--f7-stepper-raised-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0,0,0,0.24);--f7-stepper-value-font-weight:500;--f7-stepper-border-width:2px}.ios{--f7-stepper-height:28px;--f7-stepper-border-radius:5px;--f7-stepper-large-height:44px;--f7-stepper-small-height:26px;--f7-stepper-small-border-width:2px;--f7-stepper-value-font-size:17px}.md{--f7-stepper-height:36px;--f7-stepper-border-radius:4px;--f7-stepper-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-stepper-large-height:48px;--f7-stepper-small-border-width:2px;--f7-stepper-small-height:28px;--f7-stepper-value-font-size:14px}.md .theme-dark,.md.theme-dark{--f7-stepper-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}.aurora{--f7-stepper-height:28px;--f7-stepper-border-radius:4px;--f7-stepper-large-height:34px;--f7-stepper-small-border-width:1px;--f7-stepper-small-height:22px;--f7-stepper-value-font-size:14px}.stepper{display:inline-flex;align-items:stretch;height:var(--f7-stepper-height);border-radius:var(--f7-stepper-border-radius)}.stepper-button,.stepper-button-minus,.stepper-button-plus{background-color:var(--f7-stepper-button-bg-color);width:40px;border-radius:var(--f7-stepper-border-radius);border:var(--f7-stepper-border-width) solid var(--f7-theme-color);color:var(--f7-stepper-button-text-color,var(--f7-theme-color));line-height:calc(var(--f7-stepper-height) - var(--f7-stepper-border-width,0px));text-align:center;display:flex;justify-content:center;align-content:center;align-items:center;flex-shrink:0;box-sizing:border-box;position:relative;cursor:pointer}.stepper-button-minus.active-state,.stepper-button-plus.active-state,.stepper-button.active-state{background-color:var(--f7-stepper-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-stepper-button-pressed-text-color,var(--f7-stepper-button-text-color,var(--f7-theme-color)))}.stepper-button-minus:first-child,.stepper-button-plus:first-child,.stepper-button:first-child{border-radius:var(--f7-stepper-border-radius) 0 0 var(--f7-stepper-border-radius)}.stepper-button-minus:last-child,.stepper-button-plus:last-child,.stepper-button:last-child{border-radius:0 var(--f7-stepper-border-radius) var(--f7-stepper-border-radius) 0}.stepper-button .icon,.stepper-button-minus .icon,.stepper-button-plus .icon{pointer-events:none}.stepper-button+.stepper-button,.stepper-button+.stepper-button-minus,.stepper-button+.stepper-button-plus,.stepper-button-minus+.stepper-button,.stepper-button-minus+.stepper-button-minus,.stepper-button-minus+.stepper-button-plus,.stepper-button-plus+.stepper-button,.stepper-button-plus+.stepper-button-minus,.stepper-button-plus+.stepper-button-plus{border-left:none}.stepper-button-minus,.stepper-button-plus{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stepper-button-minus:after,.stepper-button-minus:before,.stepper-button-plus:after,.stepper-button-plus:before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--f7-stepper-button-text-color,var(--f7-theme-color));border-radius:2px}.stepper-button-minus:after,.stepper-button-plus:after{width:15px;height:2px}.stepper-button-plus:before{height:15px;width:2px}.stepper-value{display:flex;align-content:center;align-items:center;justify-content:center}.stepper-input-wrap,.stepper-value{flex-shrink:1;text-align:center;border-top:var(--f7-stepper-border-width) solid var(--f7-theme-color);border-bottom:var(--f7-stepper-border-width) solid var(--f7-theme-color)}.stepper .stepper-input-wrap input,.stepper-value{width:45px;color:var(--f7-stepper-value-text-color,var(--f7-theme-color));font-size:var(--f7-stepper-value-font-size);font-weight:var(--f7-stepper-value-font-weight);text-align:center}.stepper .stepper-input-wrap input{height:100%}.aurora .stepper-round-aurora,.ios .stepper-round-ios,.md .stepper-round-md,.stepper-round{--f7-stepper-border-radius:var(--f7-stepper-height)}.aurora .stepper-fill-aurora,.ios .stepper-fill-ios,.md .stepper-fill-md,.stepper-fill{--f7-stepper-button-bg-color:var(--f7-stepper-fill-button-bg-color, var(--f7-theme-color));--f7-stepper-button-text-color:var(--f7-stepper-fill-button-text-color);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.aurora .stepper-fill-aurora .stepper-button+.stepper-button,.aurora .stepper-fill-aurora .stepper-button-minus+.stepper-button-plus,.aurora .stepper-raised-aurora .stepper-button+.stepper-button,.aurora .stepper-raised-aurora .stepper-button-minus+.stepper-button-plus,.ios .stepper-fill-ios .stepper-button+.stepper-button,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus,.ios .stepper-raised-ios .stepper-button+.stepper-button,.ios .stepper-raised-ios .stepper-button-minus+.stepper-button-plus,.md .stepper-fill-md .stepper-button+.stepper-button,.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus,.md .stepper-raised-md .stepper-button+.stepper-button,.md .stepper-raised-md .stepper-button-minus+.stepper-button-plus,.stepper-fill .stepper-button+.stepper-button,.stepper-fill .stepper-button-minus+.stepper-button-plus,.stepper-raised .stepper-button+.stepper-button,.stepper-raised .stepper-button-minus+.stepper-button-plus{border-left:1px solid rgba(0,0,0,.1)}.aurora .stepper-fill-aurora .stepper-button+.stepper-button.active-state,.aurora .stepper-fill-aurora .stepper-button-minus+.stepper-button-plus.active-state,.ios .stepper-fill-ios .stepper-button+.stepper-button.active-state,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus.active-state,.md .stepper-fill-md .stepper-button+.stepper-button.active-state,.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus.active-state,.stepper-fill .stepper-button+.stepper-button.active-state,.stepper-fill .stepper-button-minus+.stepper-button-plus.active-state{border-left-color:var(--f7-stepper-button-pressed-bg-color)}.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):not(.stepper-fill) .stepper-input-wrap,.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):not(.stepper-fill) .stepper-value,.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-input-wrap,.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-value,.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-input-wrap,.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-value,.stepper-raised:not(.stepper-fill) .stepper-input-wrap,.stepper-raised:not(.stepper-fill) .stepper-value{border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}.aurora .stepper-large-aurora,.ios .stepper-large-ios,.md .stepper-large-md,.stepper-large{--f7-stepper-height:var(--f7-stepper-large-height)}.aurora .stepper-small-aurora,.ios .stepper-small-ios,.md .stepper-small-md,.stepper-small{--f7-stepper-border-width:var(--f7-stepper-small-border-width);--f7-stepper-height:var(--f7-stepper-small-height)}.ios .stepper-fill.stepper-small,.ios .stepper-fill.stepper-small-ios{--f7-stepper-button-pressed-bg-color:transparent;--f7-stepper-button-pressed-text-color:var(--f7-theme-color)}.aurora .stepper-raised-aurora,.ios .stepper-raised-ios,.md .stepper-raised-md,.stepper-raised{--f7-stepper-border-width:0;box-shadow:var(--f7-stepper-raised-box-shadow)}.ios .stepper-button .f7-icons,.ios .stepper-button-minus .f7-icons,.ios .stepper-button-plus .f7-icons{font-size:22px}.ios .stepper-fill,.ios .stepper-fill-ios{--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-tint))}.ios .stepper-small-ios.stepper-raised,.ios .stepper-small-ios.stepper-raised-ios,.ios .stepper-small.stepper-raised,.ios .stepper-small.stepper-raised-ios{--f7-stepper-border-width:0px}.ios .stepper-small .stepper-button,.ios .stepper-small .stepper-button-minus,.ios .stepper-small .stepper-button-plus,.ios .stepper-small-ios .stepper-button,.ios .stepper-small-ios .stepper-button-minus,.ios .stepper-small-ios .stepper-button-plus{transition-duration:.2s}.ios .stepper-small .stepper-button-minus.active-state:after,.ios .stepper-small .stepper-button-minus.active-state:before,.ios .stepper-small .stepper-button-plus.active-state:after,.ios .stepper-small .stepper-button-plus.active-state:before,.ios .stepper-small .stepper-button.active-state:after,.ios .stepper-small .stepper-button.active-state:before,.ios .stepper-small-ios .stepper-button-minus.active-state:after,.ios .stepper-small-ios .stepper-button-minus.active-state:before,.ios .stepper-small-ios .stepper-button-plus.active-state:after,.ios .stepper-small-ios .stepper-button-plus.active-state:before,.ios .stepper-small-ios .stepper-button.active-state:after,.ios .stepper-small-ios .stepper-button.active-state:before{transition-duration:.2s;background-color:var(--f7-theme-color)}.md .stepper-button,.md .stepper-button-minus,.md .stepper-button-plus{transition-duration:.3s;transform:translate3d(0,0,0);overflow:hidden}.md .stepper-fill,.md .stepper-fill-md{--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .stepper-button,.aurora .stepper-button-minus,.aurora .stepper-button-plus{transition-duration:.1s;transform:translate3d(0,0,0);overflow:hidden}.aurora.device-desktop .stepper-button-minus:not(.active-state):not(.no-hover):hover,.aurora.device-desktop .stepper-button-plus:not(.active-state):not(.no-hover):hover,.aurora.device-desktop .stepper-button:not(.active-state):not(.no-hover):hover{background-color:var(--f7-stepper-button-hover-bg-color,rgba(var(--f7-theme-color-rgb),.07))}.aurora .stepper-fill,.aurora .stepper-fill-aurora{--f7-stepper-button-hover-bg-color:var(--f7-stepper-button-fill-hover-bg-color, var(--f7-theme-color-tint));--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade))}.smart-select select{display:none}.smart-select .item-after{max-width:70%;overflow:hidden;text-overflow:ellipsis;position:relative;display:block}.smart-select-sheet .list ul,.smart-select-sheet .page,.smart-select-sheet .sheet-modal-inner{background:var(--f7-smart-select-sheet-bg,var(--f7-list-bg-color))}.smart-select-sheet .toolbar:after{content:'';position:absolute;background-color:var(--f7-smart-select-sheet-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.smart-select-sheet .toolbar:after{display:block}.smart-select-sheet .list{margin:0}.smart-select-sheet .list ul:before{display:none!important}.smart-select-sheet .list ul:after{display:none!important}.smart-select-popover .popover-inner{max-height:40vh}:root{--f7-grid-gap:16px}.row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;--f7-cols-per-row:1}.row>.col,.row>[class*=col-]{box-sizing:border-box;width:calc((100% - var(--f7-grid-gap) * (var(--f7-cols-per-row) - 1))/ var(--f7-cols-per-row))}.row.no-gap{--f7-grid-gap:0px}.row .col-5{--f7-cols-per-row:20}.row .col-10{--f7-cols-per-row:10}.row .col-15{--f7-cols-per-row:6.66666667}.row .col-20{--f7-cols-per-row:5}.row .col-25{--f7-cols-per-row:4}.row .col-30{--f7-cols-per-row:3.33333333}.row .col-33{--f7-cols-per-row:3}.row .col-35{--f7-cols-per-row:2.85714286}.row .col-40{--f7-cols-per-row:2.5}.row .col-45{--f7-cols-per-row:2.22222222}.row .col-50{--f7-cols-per-row:2}.row .col-55{--f7-cols-per-row:1.81818182}.row .col-60{--f7-cols-per-row:1.66666667}.row .col-65{--f7-cols-per-row:1.53846154}.row .col-66{--f7-cols-per-row:1.5}.row .col-70{--f7-cols-per-row:1.42857143}.row .col-75{--f7-cols-per-row:1.33333333}.row .col-80{--f7-cols-per-row:1.25}.row .col-85{--f7-cols-per-row:1.17647059}.row .col-90{--f7-cols-per-row:1.11111111}.row .col-95{--f7-cols-per-row:1.05263158}.row .col-100{--f7-cols-per-row:1}.row .col:nth-last-child(1),.row .col:nth-last-child(1)~.col{--f7-cols-per-row:1}.row .col:nth-last-child(2),.row .col:nth-last-child(2)~.col{--f7-cols-per-row:2}.row .col:nth-last-child(3),.row .col:nth-last-child(3)~.col{--f7-cols-per-row:3}.row .col:nth-last-child(4),.row .col:nth-last-child(4)~.col{--f7-cols-per-row:4}.row .col:nth-last-child(5),.row .col:nth-last-child(5)~.col{--f7-cols-per-row:5}.row .col:nth-last-child(6),.row .col:nth-last-child(6)~.col{--f7-cols-per-row:6}.row .col:nth-last-child(7),.row .col:nth-last-child(7)~.col{--f7-cols-per-row:7}.row .col:nth-last-child(8),.row .col:nth-last-child(8)~.col{--f7-cols-per-row:8}.row .col:nth-last-child(9),.row .col:nth-last-child(9)~.col{--f7-cols-per-row:9}.row .col:nth-last-child(10),.row .col:nth-last-child(10)~.col{--f7-cols-per-row:10}.row .col:nth-last-child(11),.row .col:nth-last-child(11)~.col{--f7-cols-per-row:11}.row .col:nth-last-child(12),.row .col:nth-last-child(12)~.col{--f7-cols-per-row:12}.row .col:nth-last-child(13),.row .col:nth-last-child(13)~.col{--f7-cols-per-row:13}.row .col:nth-last-child(14),.row .col:nth-last-child(14)~.col{--f7-cols-per-row:14}.row .col:nth-last-child(15),.row .col:nth-last-child(15)~.col{--f7-cols-per-row:15}.row .col:nth-last-child(16),.row .col:nth-last-child(16)~.col{--f7-cols-per-row:16}.row .col:nth-last-child(17),.row .col:nth-last-child(17)~.col{--f7-cols-per-row:17}.row .col:nth-last-child(18),.row .col:nth-last-child(18)~.col{--f7-cols-per-row:18}.row .col:nth-last-child(19),.row .col:nth-last-child(19)~.col{--f7-cols-per-row:19}.row .col:nth-last-child(20),.row .col:nth-last-child(20)~.col{--f7-cols-per-row:20}.row .col:nth-last-child(21),.row .col:nth-last-child(21)~.col{--f7-cols-per-row:21}.row .col:nth-last-child(22),.row .col:nth-last-child(22)~.col{--f7-cols-per-row:22}@media (min-width:768px){.row .tablet-5{--f7-cols-per-row:20}.row .tablet-10{--f7-cols-per-row:10}.row .tablet-15{--f7-cols-per-row:6.66666667}.row .tablet-20{--f7-cols-per-row:5}.row .tablet-25{--f7-cols-per-row:4}.row .tablet-30{--f7-cols-per-row:3.33333333}.row .tablet-33{--f7-cols-per-row:3}.row .tablet-35{--f7-cols-per-row:2.85714286}.row .tablet-40{--f7-cols-per-row:2.5}.row .tablet-45{--f7-cols-per-row:2.22222222}.row .tablet-50{--f7-cols-per-row:2}.row .tablet-55{--f7-cols-per-row:1.81818182}.row .tablet-60{--f7-cols-per-row:1.66666667}.row .tablet-65{--f7-cols-per-row:1.53846154}.row .tablet-66{--f7-cols-per-row:1.5}.row .tablet-70{--f7-cols-per-row:1.42857143}.row .tablet-75{--f7-cols-per-row:1.33333333}.row .tablet-80{--f7-cols-per-row:1.25}.row .tablet-85{--f7-cols-per-row:1.17647059}.row .tablet-90{--f7-cols-per-row:1.11111111}.row .tablet-95{--f7-cols-per-row:1.05263158}.row .tablet-100{--f7-cols-per-row:1}.row .tablet-auto:nth-last-child(1),.row .tablet-auto:nth-last-child(1)~.tablet-auto{--f7-cols-per-row:1}.row .tablet-auto:nth-last-child(2),.row .tablet-auto:nth-last-child(2)~.tablet-auto{--f7-cols-per-row:2}.row .tablet-auto:nth-last-child(3),.row .tablet-auto:nth-last-child(3)~.tablet-auto{--f7-cols-per-row:3}.row .tablet-auto:nth-last-child(4),.row .tablet-auto:nth-last-child(4)~.tablet-auto{--f7-cols-per-row:4}.row .tablet-auto:nth-last-child(5),.row .tablet-auto:nth-last-child(5)~.tablet-auto{--f7-cols-per-row:5}.row .tablet-auto:nth-last-child(6),.row .tablet-auto:nth-last-child(6)~.tablet-auto{--f7-cols-per-row:6}.row .tablet-auto:nth-last-child(7),.row .tablet-auto:nth-last-child(7)~.tablet-auto{--f7-cols-per-row:7}.row .tablet-auto:nth-last-child(8),.row .tablet-auto:nth-last-child(8)~.tablet-auto{--f7-cols-per-row:8}.row .tablet-auto:nth-last-child(9),.row .tablet-auto:nth-last-child(9)~.tablet-auto{--f7-cols-per-row:9}.row .tablet-auto:nth-last-child(10),.row .tablet-auto:nth-last-child(10)~.tablet-auto{--f7-cols-per-row:10}.row .tablet-auto:nth-last-child(11),.row .tablet-auto:nth-last-child(11)~.tablet-auto{--f7-cols-per-row:11}.row .tablet-auto:nth-last-child(12),.row .tablet-auto:nth-last-child(12)~.tablet-auto{--f7-cols-per-row:12}.row .tablet-auto:nth-last-child(13),.row .tablet-auto:nth-last-child(13)~.tablet-auto{--f7-cols-per-row:13}.row .tablet-auto:nth-last-child(14),.row .tablet-auto:nth-last-child(14)~.tablet-auto{--f7-cols-per-row:14}.row .tablet-auto:nth-last-child(15),.row .tablet-auto:nth-last-child(15)~.tablet-auto{--f7-cols-per-row:15}.row .tablet-auto:nth-last-child(16),.row .tablet-auto:nth-last-child(16)~.tablet-auto{--f7-cols-per-row:16}.row .tablet-auto:nth-last-child(17),.row .tablet-auto:nth-last-child(17)~.tablet-auto{--f7-cols-per-row:17}.row .tablet-auto:nth-last-child(18),.row .tablet-auto:nth-last-child(18)~.tablet-auto{--f7-cols-per-row:18}.row .tablet-auto:nth-last-child(19),.row .tablet-auto:nth-last-child(19)~.tablet-auto{--f7-cols-per-row:19}.row .tablet-auto:nth-last-child(20),.row .tablet-auto:nth-last-child(20)~.tablet-auto{--f7-cols-per-row:20}.row .tablet-auto:nth-last-child(21),.row .tablet-auto:nth-last-child(21)~.tablet-auto{--f7-cols-per-row:21}.row .tablet-auto:nth-last-child(22),.row .tablet-auto:nth-last-child(22)~.tablet-auto{--f7-cols-per-row:22}}@media (min-width:1025px){.row .desktop-5{--f7-cols-per-row:20}.row .desktop-10{--f7-cols-per-row:10}.row .desktop-15{--f7-cols-per-row:6.66666667}.row .desktop-20{--f7-cols-per-row:5}.row .desktop-25{--f7-cols-per-row:4}.row .desktop-30{--f7-cols-per-row:3.33333333}.row .desktop-33{--f7-cols-per-row:3}.row .desktop-35{--f7-cols-per-row:2.85714286}.row .desktop-40{--f7-cols-per-row:2.5}.row .desktop-45{--f7-cols-per-row:2.22222222}.row .desktop-50{--f7-cols-per-row:2}.row .desktop-55{--f7-cols-per-row:1.81818182}.row .desktop-60{--f7-cols-per-row:1.66666667}.row .desktop-65{--f7-cols-per-row:1.53846154}.row .desktop-66{--f7-cols-per-row:1.5}.row .desktop-70{--f7-cols-per-row:1.42857143}.row .desktop-75{--f7-cols-per-row:1.33333333}.row .desktop-80{--f7-cols-per-row:1.25}.row .desktop-85{--f7-cols-per-row:1.17647059}.row .desktop-90{--f7-cols-per-row:1.11111111}.row .desktop-95{--f7-cols-per-row:1.05263158}.row .desktop-100{--f7-cols-per-row:1}.row .desktop-auto:nth-last-child(1),.row .desktop-auto:nth-last-child(1)~.desktop-auto{--f7-cols-per-row:1}.row .desktop-auto:nth-last-child(2),.row .desktop-auto:nth-last-child(2)~.desktop-auto{--f7-cols-per-row:2}.row .desktop-auto:nth-last-child(3),.row .desktop-auto:nth-last-child(3)~.desktop-auto{--f7-cols-per-row:3}.row .desktop-auto:nth-last-child(4),.row .desktop-auto:nth-last-child(4)~.desktop-auto{--f7-cols-per-row:4}.row .desktop-auto:nth-last-child(5),.row .desktop-auto:nth-last-child(5)~.desktop-auto{--f7-cols-per-row:5}.row .desktop-auto:nth-last-child(6),.row .desktop-auto:nth-last-child(6)~.desktop-auto{--f7-cols-per-row:6}.row .desktop-auto:nth-last-child(7),.row .desktop-auto:nth-last-child(7)~.desktop-auto{--f7-cols-per-row:7}.row .desktop-auto:nth-last-child(8),.row .desktop-auto:nth-last-child(8)~.desktop-auto{--f7-cols-per-row:8}.row .desktop-auto:nth-last-child(9),.row .desktop-auto:nth-last-child(9)~.desktop-auto{--f7-cols-per-row:9}.row .desktop-auto:nth-last-child(10),.row .desktop-auto:nth-last-child(10)~.desktop-auto{--f7-cols-per-row:10}.row .desktop-auto:nth-last-child(11),.row .desktop-auto:nth-last-child(11)~.desktop-auto{--f7-cols-per-row:11}.row .desktop-auto:nth-last-child(12),.row .desktop-auto:nth-last-child(12)~.desktop-auto{--f7-cols-per-row:12}.row .desktop-auto:nth-last-child(13),.row .desktop-auto:nth-last-child(13)~.desktop-auto{--f7-cols-per-row:13}.row .desktop-auto:nth-last-child(14),.row .desktop-auto:nth-last-child(14)~.desktop-auto{--f7-cols-per-row:14}.row .desktop-auto:nth-last-child(15),.row .desktop-auto:nth-last-child(15)~.desktop-auto{--f7-cols-per-row:15}.row .desktop-auto:nth-last-child(16),.row .desktop-auto:nth-last-child(16)~.desktop-auto{--f7-cols-per-row:16}.row .desktop-auto:nth-last-child(17),.row .desktop-auto:nth-last-child(17)~.desktop-auto{--f7-cols-per-row:17}.row .desktop-auto:nth-last-child(18),.row .desktop-auto:nth-last-child(18)~.desktop-auto{--f7-cols-per-row:18}.row .desktop-auto:nth-last-child(19),.row .desktop-auto:nth-last-child(19)~.desktop-auto{--f7-cols-per-row:19}.row .desktop-auto:nth-last-child(20),.row .desktop-auto:nth-last-child(20)~.desktop-auto{--f7-cols-per-row:20}.row .desktop-auto:nth-last-child(21),.row .desktop-auto:nth-last-child(21)~.desktop-auto{--f7-cols-per-row:21}.row .desktop-auto:nth-last-child(22),.row .desktop-auto:nth-last-child(22)~.desktop-auto{--f7-cols-per-row:22}}:root{--f7-calendar-height:320px;--f7-calendar-sheet-landscape-height:220px;--f7-calendar-sheet-bg-color:#fff;--f7-calendar-popover-width:320px;--f7-calendar-popover-height:320px;--f7-calendar-modal-height:420px;--f7-calendar-modal-max-width:380px;--f7-calendar-modal-border-radius:4px;--f7-calendar-modal-bg-color:#fff;--f7-calendar-footer-padding:0 8px;--f7-calendar-week-header-font-size:11px;--f7-calendar-day-text-color:#000;--f7-calendar-selected-text-color:#fff;--f7-calendar-prev-next-text-color:#b8b8b8;--f7-calendar-disabled-text-color:#d4d4d4;--f7-calendar-event-dot-size:4px}:root .theme-dark,:root.theme-dark{--f7-calendar-sheet-border-color:var(--f7-bars-border-color);--f7-calendar-modal-bg-color:#121212;--f7-calendar-sheet-bg-color:#121212}.ios{--f7-calendar-sheet-border-color:#929499;--f7-calendar-header-height:44px;--f7-calendar-header-font-size:17px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 8px;--f7-calendar-footer-height:44px;--f7-calendar-footer-font-size:17px;--f7-calendar-week-header-height:18px;--f7-calendar-row-border-color:rgba(0, 0, 0, 0.25);--f7-calendar-day-font-size:15px;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3;--f7-calendar-day-size:30px}.ios .theme-dark,.ios.theme-dark{--f7-calendar-row-border-color:var(--f7-bars-border-color);--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.md{--f7-calendar-sheet-border-color:#ccc;--f7-calendar-header-height:56px;--f7-calendar-header-font-size:20px;--f7-calendar-header-font-weight:400;--f7-calendar-header-padding:0 24px;--f7-calendar-footer-height:48px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:24px;--f7-calendar-row-border-color:transparent;--f7-calendar-day-font-size:14px;--f7-calendar-today-bg-color:none;--f7-calendar-day-size:32px}.md .theme-dark,.md.theme-dark{--f7-calendar-day-text-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-calendar-sheet-border-color:#ccc;--f7-calendar-header-height:38px;--f7-calendar-header-font-size:14px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 8px;--f7-calendar-footer-height:38px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:18px;--f7-calendar-row-border-color:#e3e3e3;--f7-calendar-day-font-size:13px;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3;--f7-calendar-day-size:30px}.aurora .theme-dark,.aurora.theme-dark{--f7-calendar-row-border-color:var(--f7-bars-border-color);--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.calendar{overflow:hidden;height:var(--f7-calendar-height);width:100%;display:flex;flex-direction:column}.calendar.modal-in{display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:var(--f7-calendar-sheet-landscape-height)}.calendar.calendar-modal{height:calc(100vh - var(--f7-navbar-height))}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-sheet{--f7-sheet-border-color:var(--f7-calendar-sheet-border-color);background:var(--f7-calendar-sheet-bg-color)}.calendar-sheet:before{z-index:600}.calendar-sheet .sheet-modal-inner{margin-bottom:var(--f7-safe-area-bottom)}.calendar-modal .toolbar:before,.calendar-popover .toolbar:before,.calendar-sheet .toolbar:before{display:none}.calendar-popover{width:var(--f7-calendar-popover-width)}.calendar-popover .calendar{height:var(--f7-calendar-popover-height);border-radius:var(--f7-popover-border-radius)}.calendar-header{width:100%;position:relative;overflow:hidden;flex-shrink:0;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;padding:var(--f7-calendar-header-padding);background-color:var(--f7-calendar-header-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-header-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-header-height);line-height:var(--f7-calendar-header-height);font-size:var(--f7-calendar-header-font-size);font-weight:var(--f7-calendar-header-font-weight)}.calendar-header a{color:var(--f7-calendar-header-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer{width:100%;flex-shrink:0;padding:var(--f7-calendar-footer-padding);background-color:var(--f7-calendar-footer-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-footer-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-footer-height);font-size:var(--f7-calendar-header-font-size);display:flex;justify-content:flex-end;box-sizing:border-box;align-items:center;position:relative}.calendar-footer a{color:var(--f7-calendar-footer-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer:before{content:'';position:absolute;background-color:var(--f7-calendar-footer-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.calendar-modal{position:absolute;height:var(--f7-calendar-modal-height);overflow:hidden;top:50%;left:50%;min-width:300px;max-width:var(--f7-calendar-modal-max-width);transform:translate3d(-50%,100%,0);transition-property:transform;display:flex;z-index:12000;background:var(--f7-calendar-modal-bg-color);width:90%;border-radius:var(--f7-calendar-modal-border-radius);box-shadow:var(--f7-elevation-24)}.calendar-modal.modal-in,.calendar-modal.modal-out{transition-duration:.4s}.calendar-modal.modal-in{transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{transform:translate3d(-50%,100%,0)}.calendar-week-header{display:flex;box-sizing:border-box;position:relative;font-size:var(--f7-calendar-week-header-font-size);background-color:var(--f7-calendar-week-header-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-week-header-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-week-header-height);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}.calendar-week-header .calendar-week-day{flex-shrink:1;width:calc(100% / 7);text-align:center;line-height:var(--f7-calendar-week-header-height)}.calendar-months{width:100%;height:100%;overflow:hidden;position:relative;flex-shrink:10}.calendar-months-wrapper{position:relative;width:100%;height:100%;transition:.3s}.calendar-month{display:flex;flex-direction:column;width:100%;height:100%;position:absolute;left:0;top:0}.calendar-row{height:16.66666667%;height:calc(100% / 6);display:flex;flex-shrink:1;width:100%;position:relative;box-sizing:border-box;padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}.calendar-row:before{content:'';position:absolute;background-color:var(--f7-calendar-row-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.calendar-modal .calendar-months:first-child .calendar-row:first-child:before,.calendar-popover .calendar-months:first-child .calendar-row:first-child:before{display:none!important}.calendar-day{flex-shrink:1;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:14.28571429%;width:calc(100% / 7);text-align:center;cursor:pointer;z-index:20;color:var(--f7-calendar-day-text-color);height:100%;font-size:var(--f7-calendar-day-font-size)}.calendar-day.calendar-day-today .calendar-day-number{color:var(--f7-calendar-today-text-color,var(--f7-theme-color));background-color:var(--f7-calendar-today-bg-color)}.calendar-day.calendar-day-next,.calendar-day.calendar-day-prev{color:var(--f7-calendar-prev-next-text-color)}.calendar-day.calendar-day-disabled{color:var(--f7-calendar-disabled-text-color);cursor:auto}.calendar-day.calendar-day-selected .calendar-day-number{color:var(--f7-calendar-selected-text-color);background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color))}.calendar-day .calendar-day-number{display:inline-block;border-radius:50%;position:relative;width:var(--f7-calendar-day-size);height:var(--f7-calendar-day-size);line-height:var(--f7-calendar-day-size)}.calendar-day .calendar-day-events{position:absolute;display:flex;left:0;width:100%;top:100%;align-items:center;justify-content:center;margin-top:1px}.calendar-day .calendar-day-event{width:var(--f7-calendar-event-dot-size);height:var(--f7-calendar-event-dot-size);border-radius:calc(var(--f7-calendar-event-dot-size)/ 2);background-color:var(--f7-calendar-event-bg-color)}.calendar-day .calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-range .calendar-day.calendar-day-selected{align-items:stretch;align-content:stretch}.calendar-range .calendar-day.calendar-day-selected .calendar-day-number{width:100%;border-radius:0;height:auto;text-align:center;display:flex;align-items:center;justify-content:center}.calendar-month-selector,.calendar-year-selector{display:flex;justify-content:space-between;align-items:center;width:50%;max-width:200px;flex-shrink:10;margin-left:auto;margin-right:auto}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{flex-shrink:1;position:relative;overflow:hidden;text-overflow:ellipsis}.calendar-month-selector a.icon-only,.calendar-year-selector a.icon-only{min-width:36px}:root{--f7-picker-height:260px;--f7-picker-inline-height:200px;--f7-picker-popover-height:200px;--f7-picker-popover-width:280px;--f7-picker-landscape-height:200px;--f7-picker-item-height:36px}.ios{--f7-picker-sheet-bg-color:#cfd5da;--f7-picker-column-font-size:22px;--f7-picker-divider-text-color:#000;--f7-picker-item-text-color:#707274;--f7-picker-item-selected-text-color:#000;--f7-picker-item-selected-border-color:#a8abb0}.ios .theme-dark,.ios.theme-dark{--f7-picker-divider-text-color:#fff;--f7-picker-item-selected-text-color:#fff;--f7-picker-item-selected-border-color:rgba(255, 255, 255, 0.06)}.md{--f7-picker-column-font-size:20px;--f7-picker-divider-text-color:rgba(0, 0, 0, 0.87);--f7-picker-item-text-color:inherit;--f7-picker-item-selected-text-color:inherit;--f7-picker-item-selected-border-color:rgba(0, 0, 0, 0.15)}.md .theme-dark,.md.theme-dark{--f7-picker-divider-text-color:rgba(255, 255, 255, 0.87);--f7-picker-item-selected-border-color:rgba(255, 255, 255, 0.15)}.aurora{--f7-picker-column-font-size:16px;--f7-picker-divider-text-color:#000;--f7-picker-item-height:28px;--f7-picker-item-text-color:#888;--f7-picker-item-selected-text-color:#000;--f7-picker-item-selected-border-color:rgba(0, 0, 0, 0.12)}.aurora .theme-dark,.aurora.theme-dark{--f7-picker-divider-text-color:#fff;--f7-picker-item-selected-text-color:#fff;--f7-picker-item-selected-border-color:rgba(255, 255, 255, 0.06)}.picker{width:100%;height:var(--f7-picker-height)}.picker.picker-inline{height:var(--f7-picker-inline-height)}.popover .picker{height:var(--f7-picker-popover-height)}@media (orientation:landscape) and (max-height:415px){.picker:not(.picker-inline){height:var(--f7-picker-landscape-height)}}.picker.sheet-modal{background:var(--f7-picker-sheet-bg-color,var(--f7-sheet-bg-color))}.picker-popover{width:var(--f7-picker-popover-width)}.picker-popover .toolbar{background:0 0;border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.picker-popover .toolbar:before{display:none!important}.picker-popover .toolbar+.picker-columns{height:calc(100% - var(--f7-toolbar-height))}.picker-columns{display:flex;overflow:hidden;justify-content:center;padding:0;text-align:right;height:100%;position:relative;-webkit-mask-box-image:linear-gradient(to top,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent);font-size:var(--f7-picker-column-font-size)}.picker-column{position:relative;max-height:100%}.picker-column.picker-column-first:before,.picker-column.picker-column-last:after{height:100%;width:100vw;position:absolute;content:'';top:0}.picker-column.picker-column-first:before{right:100%}.picker-column.picker-column-last:after{left:100%}.picker-column.picker-column-left{text-align:left}.picker-column.picker-column-center{text-align:center}.picker-column.picker-column-right{text-align:right}.picker-column.picker-column-divider{display:flex;align-items:center;color:var(--f7-picker-divider-text-color)}.picker-items{transition:.3s;transition-timing-function:ease-out}.picker-item{height:var(--f7-picker-item-height);line-height:var(--f7-picker-item-height);white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;left:0;top:0;width:100%;box-sizing:border-box;transition:.3s;color:var(--f7-picker-item-text-color);cursor:pointer}.picker-item span{padding:0 10px}.picker-column-absolute .picker-item{position:absolute}.picker-item.picker-item-far{pointer-events:none}.picker-item.picker-item-selected{color:var(--f7-picker-item-selected-text-color);transform:translate3d(0,0,0) rotateX(0deg)}.picker-center-highlight{height:var(--f7-picker-item-height);box-sizing:border-box;position:absolute;left:0;width:100%;top:50%;margin-top:calc(-1 * var(--f7-picker-item-height)/ 2);pointer-events:none}.picker-center-highlight:before{content:'';position:absolute;background-color:var(--f7-picker-item-selected-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.picker-center-highlight:after{content:'';position:absolute;background-color:var(--f7-picker-item-selected-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.picker-3d .picker-columns{overflow:hidden;perspective:1200px}.picker-3d .picker-column,.picker-3d .picker-item,.picker-3d .picker-items{transform-style:preserve-3d}.picker-3d .picker-column{overflow:visible}.picker-3d .picker-item{transform-origin:center center -110px;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-timing-function:ease-out}.infinite-scroll-preloader{margin-left:auto;margin-right:auto;text-align:center}.infinite-scroll-preloader.preloader{display:block}.ios .infinite-scroll-preloader{margin-top:35px;margin-bottom:35px}.ios .infinite-scroll-preloader .preloader,.ios .infinite-scroll-preloader.preloader{width:27px;height:27px}.md .infinite-scroll-preloader{margin-top:32px;margin-bottom:32px}.aurora .infinite-scroll-preloader{margin-top:15px;margin-bottom:15px}.ios{--f7-ptr-preloader-size:20px;--f7-ptr-size:44px}.md{--f7-ptr-preloader-size:22px;--f7-ptr-size:40px}.aurora{--f7-ptr-preloader-size:20px;--f7-ptr-size:38px}.ptr-preloader{position:relative;top:var(--f7-ptr-top,0);height:var(--f7-ptr-size)}.ptr-preloader .preloader{position:absolute;left:50%;width:var(--f7-ptr-preloader-size);height:var(--f7-ptr-preloader-size);margin-left:calc(-1 * var(--f7-ptr-preloader-size)/ 2);margin-top:calc(-1 * var(--f7-ptr-preloader-size)/ 2);top:50%;visibility:hidden}.ptr-bottom .ptr-preloader{top:auto;bottom:0;position:fixed}.ios .ptr-preloader{margin-top:calc(-1 * var(--f7-ptr-size));width:100%;left:0}.ios .ptr-arrow{position:absolute;left:50%;top:50%;background:no-repeat center;z-index:10;transform:rotate(0deg) translate3d(0,0,0);transition-duration:.3s;transition-property:transform;width:12px;height:20px;margin-left:-6px;margin-top:-10px;visibility:visible;color:var(--f7-preloader-color)}.ios .ptr-arrow:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;width:12px;height:20px;line-height:20px;font-size:10px;content:'ptr_arrow_ios'}.ios .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader{animation:none}.ios .ptr-refreshing,.ios .ptr-transitioning{transition-duration:.3s;transition-property:transform}.ios .ptr-refreshing{transform:translate3d(0,var(--f7-ptr-size),0)}.ios .ptr-refreshing .ptr-arrow{visibility:hidden}.ios .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.ios .ptr-pull-up .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.ios .ptr-no-navbar{margin-top:calc(-1 * var(--f7-ptr-size));height:calc(100% + var(--f7-ptr-size))}.ios .ptr-no-navbar .ptr-preloader{margin-top:0}.ios .ptr-bottom .ptr-preloader{margin-top:0;margin-bottom:calc(-1 * var(--f7-ptr-size))}.ios .ptr-bottom.ptr-refreshing>*,.ios .ptr-bottom.ptr-transitioning>*{transition-duration:.3s;transition-property:transform}.ios .ptr-bottom.ptr-refreshing{transform:none}.ios .ptr-bottom.ptr-refreshing>*{transform:translate3d(0,calc(-1 * var(--f7-ptr-size)),0)}.ios .ptr-bottom .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.ios .ptr-bottom.ptr-pull-up .ptr-arrow{transform:rotate(0deg) translate3d(0,0,0)}.md{--f7-ptr-top:-4px}.md .ptr-preloader{width:var(--f7-ptr-size);border-radius:50%;background:#fff;margin-top:calc(-1 * var(--f7-ptr-size));z-index:100;box-shadow:var(--f7-elevation-1);left:50%;margin-left:calc(-1 * var(--f7-ptr-size)/ 2)}.md .ptr-preloader .preloader .preloader-inner-gap,.md .ptr-preloader .preloader .preloader-inner-half-circle{border-width:3px}.md .ptr-arrow{width:22px;height:22px;box-sizing:border-box;border:3px solid var(--f7-preloader-color);position:absolute;left:50%;top:50%;margin-left:-11px;margin-top:-11px;border-left-color:transparent;border-radius:50%;opacity:1;transform:rotate(150deg)}.md .ptr-arrow:after{content:'';width:0px;height:0px;position:absolute;left:-5px;bottom:0px;border-bottom-width:6px;border-bottom-style:solid;border-bottom-color:inherit;border-left:5px solid transparent;border-right:5px solid transparent;transform:rotate(-40deg)}.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader,.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader *{animation:none}.md .ptr-pull-up .ptr-preloader .preloader,.md .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.md .ptr-pull-up .ptr-arrow,.md .ptr-refreshing .ptr-arrow{visibility:hidden}.md .ptr-refreshing .ptr-preloader{transform:translate3d(0,66px,0)}.md .ptr-transitioning .ptr-arrow{transition:.3s}.md .ptr-pull-up .ptr-arrow{transition:.4s;transform:rotate(620deg)!important;opacity:0}.md .ptr-refreshing .ptr-preloader,.md .ptr-transitioning .ptr-preloader{transition-duration:.3s;transition-property:transform}.md .ptr-bottom .ptr-preloader{margin-top:0;margin-bottom:calc(-1 * var(--f7-ptr-size) - 4px)}.md .ptr-bottom.ptr-refreshing .ptr-preloader{transform:translate3d(0,-66px,0)}.aurora .ptr-preloader{margin-top:calc(-1 * var(--f7-ptr-size));width:100%;left:0}.aurora .ptr-arrow{position:absolute;left:50%;top:50%;background:no-repeat center;z-index:10;transform:rotate(0deg) translate3d(0,0,0);transition-duration:.3s;transition-property:transform;width:12px;height:20px;margin-left:-6px;margin-top:-10px;visibility:visible;color:var(--f7-preloader-color)}.aurora .ptr-arrow:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;width:12px;height:20px;line-height:20px;font-size:8px;content:'ptr_arrow_ios'}.aurora .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader{animation:none}.aurora .ptr-refreshing,.aurora .ptr-transitioning{transition-duration:.3s;transition-property:transform}.aurora .ptr-refreshing{transform:translate3d(0,var(--f7-ptr-size),0)}.aurora .ptr-refreshing .ptr-arrow{visibility:hidden}.aurora .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.aurora .ptr-pull-up .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.aurora .ptr-no-navbar{margin-top:calc(-1 * var(--f7-ptr-size));height:calc(100% + var(--f7-ptr-size))}.aurora .ptr-no-navbar .ptr-preloader{margin-top:0}.aurora .ptr-bottom .ptr-preloader{margin-top:0;margin-bottom:calc(-1 * var(--f7-ptr-size))}.aurora .ptr-bottom.ptr-refreshing>*,.aurora .ptr-bottom.ptr-transitioning>*{transition-duration:.3s;transition-property:transform}.aurora .ptr-bottom.ptr-refreshing{transform:none}.aurora .ptr-bottom.ptr-refreshing>*{transform:translate3d(0,calc(-1 * var(--f7-ptr-size)),0)}.aurora .ptr-bottom .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.aurora .ptr-bottom.ptr-pull-up .ptr-arrow{transform:rotate(0deg) translate3d(0,0,0)}.lazy-loaded.lazy-fade-in{animation:lazyFadeIn .6s}@keyframes lazyFadeIn{from{opacity:0}to{opacity:1}}:root{--f7-table-head-font-size:12px;--f7-table-body-font-size:14px;--f7-table-footer-font-size:12px;--f7-table-input-height:24px;--f7-table-input-font-size:14px;--f7-table-collapsible-cell-padding:16px;--f7-table-link-icon-only-icon-size:20px;--f7-table-sortable-icon-color:#000}:root .theme-dark,:root.theme-dark{--f7-table-cell-border-color:rgba(255, 255, 255, 0.15);--f7-table-sortable-icon-color:#fff;--f7-table-input-text-color:#fff}.ios{--f7-table-head-font-weight:600;--f7-table-head-text-color:rgba(0, 0, 0, 0.45);--f7-table-head-cell-height:44px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:44px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.22);--f7-table-cell-padding-vertical:0px;--f7-table-cell-padding-horizontal:16px;--f7-table-edge-cell-padding-horizontal:16px;--f7-table-label-cell-padding-horizontal:16px;--f7-table-checkbox-cell-width:22px;--f7-table-selected-row-bg-color:rgba(0, 0, 0, 0.03);--f7-table-title-font-size:17px;--f7-table-title-font-weight:600;--f7-table-card-header-height:64px;--f7-table-footer-height:44px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.45);--f7-table-input-text-color:#000}.ios .theme-dark,.ios.theme-dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.55);--f7-table-footer-text-color:rgba(255, 255, 255, 0.55);--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.08)}.md{--f7-table-head-font-weight:500;--f7-table-head-text-color:rgba(0, 0, 0, 0.54);--f7-table-head-cell-height:56px;--f7-table-head-icon-size:16px;--f7-table-body-cell-height:48px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-cell-padding-vertical:0px;--f7-table-cell-padding-horizontal:28px;--f7-table-edge-cell-padding-horizontal:24px;--f7-table-label-cell-padding-horizontal:24px;--f7-table-checkbox-cell-width:18px;--f7-table-actions-cell-link-color:rgba(0, 0, 0, 0.54);--f7-table-selected-row-bg-color:#f5f5f5;--f7-table-actions-link-color:rgba(0, 0, 0, 0.54);--f7-table-title-font-size:20px;--f7-table-title-font-weight:400;--f7-table-card-header-height:64px;--f7-table-footer-height:56px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.54);--f7-table-input-text-color:#212121}.md .theme-dark,.md.theme-dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.54);--f7-table-footer-text-color:rgba(255, 255, 255, 0.54);--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.05);--f7-table-actions-cell-link-color:rgba(255, 255, 255, 0.54);--f7-table-actions-link-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-table-link-icon-only-icon-size:18px;--f7-table-head-font-weight:400;--f7-table-head-text-color:rgba(0, 0, 0, 0.6);--f7-table-head-cell-height:32px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:32px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-cell-padding-vertical:5px;--f7-table-cell-padding-horizontal:10px;--f7-table-edge-cell-padding-horizontal:16px;--f7-table-label-cell-padding-horizontal:16px;--f7-table-checkbox-cell-width:22px;--f7-table-selected-row-bg-color:rgba(0, 0, 0, 0.03);--f7-table-title-font-size:14px;--f7-table-title-font-weight:600;--f7-table-card-header-height:42px;--f7-table-footer-height:32px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.5);--f7-table-input-text-color:#000}.aurora .theme-dark,.aurora.theme-dark{--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.03);--f7-table-head-text-color:rgba(255, 255, 255, 0.54);--f7-table-footer-text-color:rgba(255, 255, 255, 0.54)}.data-table{overflow-x:auto}.data-table table,table.data-table{width:100%;border:none;padding:0;margin:0;border-collapse:collapse;text-align:left}.data-table thead td,.data-table thead th{font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:16px;height:var(--f7-table-head-cell-height)}.data-table thead td:not(.sortable-cell-active),.data-table thead th:not(.sortable-cell-active){color:var(--f7-table-head-text-color)}.data-table thead i.f7-icons,.data-table thead i.icon,.data-table thead i.material-icons{vertical-align:top;font-size:var(--f7-table-head-icon-size);width:var(--f7-table-head-icon-size);height:var(--f7-table-head-icon-size)}.data-table tbody{font-size:var(--f7-table-body-font-size)}.data-table tbody td,.data-table tbody th{height:var(--f7-table-body-cell-height)}.data-table tbody tr.data-table-row-selected,.device-desktop .data-table tbody tr:hover{background:var(--f7-table-selected-row-bg-color)}.data-table tbody td:before,.data-table tbody th:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table td,.data-table th{--f7-table-cell-padding-left:var(--f7-table-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-cell-padding-horizontal);padding-top:var(--f7-table-cell-padding-vertical);padding-bottom:var(--f7-table-cell-padding-vertical);padding-left:var(--f7-table-cell-padding-left);padding-right:var(--f7-table-cell-padding-right);position:relative;box-sizing:border-box}.data-table td:first-child,.data-table th:first-child{--f7-table-cell-padding-left:var(--f7-table-edge-cell-padding-horizontal)}.data-table td:last-child,.data-table th:last-child{--f7-table-cell-padding-right:var(--f7-table-edge-cell-padding-horizontal)}.data-table td.label-cell,.data-table th.label-cell{--f7-table-cell-padding-left:var(--f7-table-label-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-label-cell-padding-horizontal)}.data-table td.numeric-cell,.data-table th.numeric-cell{text-align:right}.data-table td.checkbox-cell,.data-table th.checkbox-cell{overflow:visible;width:var(--f7-table-checkbox-cell-width)}.data-table td.checkbox-cell label+span,.data-table th.checkbox-cell label+span{margin-left:8px}.data-table td.checkbox-cell:first-child,.data-table th.checkbox-cell:first-child{padding-right:calc(var(--f7-table-cell-padding-right)/ 2)}.data-table td.checkbox-cell:first-child+td,.data-table td.checkbox-cell:first-child+th,.data-table th.checkbox-cell:first-child+td,.data-table th.checkbox-cell:first-child+th{padding-left:calc(var(--f7-table-cell-padding-left)/ 2)}.data-table td.checkbox-cell:last-child,.data-table th.checkbox-cell:last-child{padding-left:calc(var(--f7-table-cell-padding-left)/ 2)}.data-table td.actions-cell,.data-table th.actions-cell{text-align:right;white-space:nowrap}.data-table td.actions-cell a.link,.data-table th.actions-cell a.link{color:var(--f7-table-actions-cell-link-color,var(--f7-theme-color))}.card .data-table td a.icon-only,.card .data-table th a.icon-only,.card.data-table td a.icon-only,.card.data-table th a.icon-only,.data-table td a.icon-only,.data-table th a.icon-only{display:inline-block;vertical-align:middle;text-align:center;font-size:0;min-width:0}.card .data-table td a.icon-only i,.card .data-table th a.icon-only i,.card.data-table td a.icon-only i,.card.data-table th a.icon-only i,.data-table td a.icon-only i,.data-table th a.icon-only i{font-size:var(--f7-table-link-icon-only-icon-size);vertical-align:middle}.data-table .sortable-cell:not(.input-cell){cursor:pointer;position:relative}.data-table .sortable-cell.input-cell .table-head-label{cursor:pointer;position:relative}.data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.data-table .sortable-cell.numeric-cell:not(.input-cell):before,.data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{content:'arrow_bottom_md';font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;display:inline-block;vertical-align:top;width:16px;height:16px;color:var(--f7-table-sortable-icon-color);font-size:13px;line-height:16px;transition-duration:.3s;transform:rotate(0);opacity:0}.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before{opacity:.54}.data-table .sortable-cell.sortable-cell-active .table-head-label:after,.data-table .sortable-cell.sortable-cell-active .table-head-label:before,.data-table .sortable-cell.sortable-cell-active:after,.data-table .sortable-cell.sortable-cell-active:before{opacity:.87!important}.data-table .sortable-cell.sortable-desc:after,.data-table .sortable-cell.sortable-desc:before,.data-table .table-head-label:after,.data-table .table-head-label:before{transform:rotate(180deg)!important}.card .data-table .card-footer,.card .data-table .card-header,.data-table.card .card-footer,.data-table.card .card-header{padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal)}.card .data-table .card-header,.data-table.card .card-header{min-height:var(--f7-table-card-header-height)}.card .data-table .card-content,.data-table.card .card-content{overflow-x:auto}.card .data-table .card-footer,.data-table.card .card-footer{min-height:var(--f7-table-footer-height)}.data-table .data-table-title{font-size:var(--f7-table-title-font-size);font-weight:var(--f7-table-title-font-weight)}.data-table .data-table-actions,.data-table .data-table-links{display:flex}.data-table .data-table-links .button{min-width:64px}.data-table .data-table-actions{margin-left:auto;align-items:center}.data-table .data-table-actions a.link{color:var(--f7-table-actions-link-color,var(--f7-theme-color));min-width:0}.data-table .data-table-actions a.link.icon-only{line-height:1;justify-content:center;padding:0}.data-table .data-table-header,.data-table .data-table-header-selected{display:flex;justify-content:space-between;align-items:center;width:100%}.data-table .card-header>.data-table-header,.data-table .card-header>.data-table-header-selected{padding-top:var(--f7-card-header-padding-vertical);padding-bottom:var(--f7-card-header-padding-vertical);height:100%;padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal);margin-left:calc(-1 * var(--f7-table-edge-cell-padding-horizontal));margin-right:calc(-1 * var(--f7-table-edge-cell-padding-horizontal))}.data-table .data-table-header-selected{background:rgba(var(--f7-theme-color-rgb),.1);display:none}.data-table.data-table-has-checked .data-table-header{display:none}.data-table.data-table-has-checked .data-table-header-selected{display:flex}.data-table .data-table-title-selected{font-size:14px;color:var(--f7-theme-color)}.data-table .data-table-footer{display:flex;align-items:center;box-sizing:border-box;position:relative;font-size:var(--f7-table-footer-font-size);overflow:hidden;min-height:var(--f7-table-footer-height);color:var(--f7-table-footer-text-color);justify-content:flex-end}.data-table .data-table-footer:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table .data-table-pagination,.data-table .data-table-rows-select{display:flex;align-items:center}.data-table .input-cell{padding-top:8px;padding-bottom:8px;height:auto;vertical-align:top}.data-table .input-cell .table-head-label+.input{margin-top:4px}.data-table .input-cell .input{height:var(--f7-table-input-height)}.data-table .input-cell .input input,.data-table .input-cell .input select,.data-table .input-cell .input textarea{height:var(--f7-table-input-height);color:var(--f7-table-input-text-color);font-size:var(--f7-table-input-font-size)}@media (max-width:480px) and (orientation:portrait){.data-table.data-table-collapsible thead{display:none}.data-table.data-table-collapsible tbody,.data-table.data-table-collapsible td,.data-table.data-table-collapsible tr{display:block}.data-table.data-table-collapsible tr{position:relative}.data-table.data-table-collapsible tr:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table.data-table-collapsible tr:hover{background-color:inherit}.data-table.data-table-collapsible td{--f7-table-cell-padding-left:var(--f7-table-collapsible-cell-padding);--f7-table-cell-padding-right:var(--f7-table-collapsible-cell-padding);height:auto;min-height:var(--f7-table-body-cell-height);display:flex;align-content:center;align-items:center;justify-content:flex-start;text-align:left}.data-table.data-table-collapsible td:before{display:none!important}.data-table.data-table-collapsible td:not(.checkbox-cell):before{width:40%;display:block!important;content:attr(data-collapsible-title);position:relative;height:auto;background:0 0!important;transform:none!important;font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);color:var(--f7-table-head-text-color);margin-right:16px;flex-shrink:0}.data-table.data-table-collapsible td.checkbox-cell{position:absolute;top:0;left:0}.data-table.data-table-collapsible td.checkbox-cell+td{padding-left:16px}.data-table.data-table-collapsible td.checkbox-cell~td{margin-left:32px}}.data-table .tablet-landscape-only,.data-table .tablet-only{display:none}@media (min-width:768px){.data-table .tablet-only{display:table-cell}}@media (min-width:768px) and (orientation:landscape){.data-table .tablet-landscape-only{display:table-cell}}.ios .data-table td.actions-cell a.link+a.link,.ios .data-table th.actions-cell a.link+a.link{margin-left:16px}.ios .sortable-cell:not(.numeric-cell):after{margin-left:5px}.ios .sortable-cell.numeric-cell:before{margin-right:5px}.ios .data-table-actions .button+.button,.ios .data-table-actions a.link+a.link,.ios .data-table-links .button+.button,.ios .data-table-links a.link+a.link{margin-left:16px}.ios .data-table-actions a.link.icon-only{width:44px;height:44px}.ios .data-table-pagination a.link,.ios .data-table-rows-select a.link{width:44px;height:44px}.ios .data-table-rows-select+.data-table-pagination{margin-left:30px}.ios .data-table-rows-select .input{margin-left:20px}.ios .data-table-pagination-label{margin-right:16px}.md .data-table td.actions-cell a.link+a.link,.md .data-table th.actions-cell a.link+a.link{margin-left:24px}.md .data-table td.actions-cell a.icon-only,.md .data-table th.actions-cell a.icon-only{width:24px;height:24px;line-height:24px}.md .sortable-cell:not(.numeric-cell):after{margin-left:8px}.md .sortable-cell.numeric-cell:before{margin-right:8px}.md .data-table-actions .button+.button,.md .data-table-actions a.link+a.link,.md .data-table-links .button+.button,.md .data-table-links a.link+a.link{margin-left:24px}.md .data-table-actions a.link.icon-only{width:24px;height:24px;overflow:visible}.md .data-table-actions a.link.icon-only.active-state{background:0 0}.md .data-table-pagination a.link,.md .data-table-rows-select a.link{width:48px;height:48px}.md .data-table-pagination a.link:before,.md .data-table-rows-select a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .data-table-pagination a.link.active-state:before,.md .data-table-rows-select a.link.active-state:before{opacity:1;transition-duration:150ms}.md .data-table-rows-select+.data-table-pagination{margin-left:32px}.md .data-table-rows-select .input{margin-left:24px}.md .data-table-pagination-label{margin-right:20px}.md .input-cell .input-clear-button{transform:scale(.8)}.aurora .data-table td.actions-cell a.link+a.link,.aurora .data-table th.actions-cell a.link+a.link{margin-left:10px}.aurora .sortable-cell:not(.numeric-cell):after{margin-left:5px}.aurora .sortable-cell.numeric-cell:before{margin-right:5px}.aurora .data-table-actions .button+.button,.aurora .data-table-actions a.link+a.link,.aurora .data-table-links .button+.button,.aurora .data-table-links a.link+a.link{margin-left:10px}.aurora .data-table-pagination a.link,.aurora .data-table-rows-select a.link{width:32px;height:32px}.aurora .data-table-rows-select+.data-table-pagination{margin-left:16px}.aurora .data-table-rows-select .input{margin-left:10px}.aurora .data-table-pagination-label{margin-right:10px}:root{--f7-fab-margin:16px;--f7-fab-text-color:#fff;--f7-fab-extended-text-font-size:14px;--f7-fab-extended-text-padding:0 20px;--f7-fab-label-bg-color:#fff;--f7-fab-label-text-color:#333;--f7-fab-label-border-radius:4px;--f7-fab-label-padding:4px 12px;--f7-fab-button-size:40px}.ios{--f7-fab-size:50px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-extended-size:50px;--f7-fab-extended-text-font-weight:600;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4);--f7-fab-label-font-size:inherit}.md{--f7-fab-size:56px;--f7-fab-box-shadow:var(--f7-elevation-6);--f7-fab-extended-size:48px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0.03em;--f7-fab-label-box-shadow:var(--f7-elevation-3);--f7-fab-label-font-size:inherit}.aurora{--f7-fab-size:40px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-extended-size:38px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4);--f7-fab-label-font-size:12px}.fab{position:absolute;z-index:1500}.fab a{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.fab[class*=fab-left]{left:calc(var(--f7-fab-margin) + var(--f7-safe-area-left))}.fab[class*=fab-right]{right:calc(var(--f7-fab-margin) + var(--f7-safe-area-right))}.fab[class*="-top"]{top:var(--f7-fab-margin)}.fab[class*="-bottom"]{bottom:calc(var(--f7-fab-margin) + var(--f7-safe-area-bottom))}.fab[class*=fab-center]{left:50%;transform:translateX(-50%)}.fab[class*=left-center],.fab[class*=right-center]{top:50%;transform:translateY(-50%)}.fab[class*=center-center]{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.fab-buttons a,.fab>a{background-color:var(--f7-fab-bg-color,var(--f7-theme-color));width:var(--f7-fab-size);height:var(--f7-fab-size);box-shadow:var(--f7-fab-box-shadow);border-radius:calc(var(--f7-fab-size)/ 2);position:relative;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1;color:var(--f7-fab-text-color)}.fab-buttons a.active-state,.fab>a.active-state{background-color:var(--f7-fab-pressed-bg-color,var(--f7-theme-color-shade))}.fab>a i{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);transition:.3s}.fab>a i+i{transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);opacity:0}.fab-buttons a{border-radius:calc(var(--f7-fab-button-size)/ 2);width:var(--f7-fab-button-size);height:var(--f7-fab-button-size)}.fab-buttons{display:flex;visibility:hidden;pointer-events:none;position:absolute}.fab-buttons a{opacity:0}.fab-opened:not(.fab-morph)>a i{transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);opacity:0}.fab-opened:not(.fab-morph)>a i+i{transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;transform:translate3d(0,0px,0) scale(1)!important}.fab-opened .fab-buttons a:nth-child(2){transition-delay:50ms}.fab-opened .fab-buttons a:nth-child(3){transition-delay:.1s}.fab-opened .fab-buttons a:nth-child(4){transition-delay:150ms}.fab-opened .fab-buttons a:nth-child(5){transition-delay:.2s}.fab-opened .fab-buttons a:nth-child(6){transition-delay:250ms}.fab-buttons-bottom,.fab-buttons-top{left:50%;width:var(--f7-fab-button-size);margin-left:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-top{bottom:100%;margin-bottom:16px;flex-direction:column-reverse}.fab-buttons-top a{transform:translate3d(0,8px,0) scale(.3);transform-origin:center bottom}.fab-buttons-top a+a{margin-bottom:16px}.fab-buttons-bottom{top:100%;margin-top:16px;flex-direction:column}.fab-buttons-bottom a{transform:translate3d(0,-8px,0) scale(.3);transform-origin:center top}.fab-buttons-bottom a+a{margin-top:16px}.fab-buttons-left,.fab-buttons-right{top:50%;height:var(--f7-fab-button-size);margin-top:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-left{right:100%;margin-right:16px;flex-direction:row-reverse}.fab-buttons-left a{transform:translate3d(8px,0px,0) scale(.3);transform-origin:right center}.fab-buttons-left a+a{margin-right:16px}.fab-buttons-right{left:100%;margin-left:16px}.fab-buttons-right a{transform:translate3d(-8px,0,0) scale(.3);transform-origin:left center}.fab-buttons-right a+a{margin-left:16px}.fab-buttons-center{left:0%;top:0%;width:100%;height:100%}.fab-buttons-center a{position:absolute}.fab-buttons-center a:nth-child(1){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);bottom:100%;margin-bottom:16px;transform:translateY(-8px) scale(.3);transform-origin:center bottom}.fab-buttons-center a:nth-child(2){left:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-left:16px;transform:translateX(-8px) scale(.3);transform-origin:left center}.fab-buttons-center a:nth-child(3){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);top:100%;margin-top:16px;transform:translateY(8px) scale(.3);transform-origin:center top}.fab-buttons-center a:nth-child(4){right:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-right:16px;transform:translateX(8px) scale(.3);transform-origin:right center}.fab-morph{border-radius:calc(var(--f7-fab-size)/ 2);background:var(--f7-fab-bg-color,var(--f7-theme-color));box-shadow:var(--f7-fab-box-shadow)}.fab-morph>a{box-shadow:none;background:0 0!important}.fab-opened.fab-morph>a i{opacity:0}.fab-morph,.fab-morph-target,.fab-morph>a{transition-duration:250ms}.fab-morph-target:not(.fab-morph-target-visible){display:none}.fab-extended{width:auto;min-width:var(--f7-fab-extended-size)}.fab-extended>a{width:100%;height:var(--f7-fab-extended-size)}.fab-extended>a i{left:calc(var(--f7-fab-extended-size)/ 2)}.fab-extended i~.fab-text{padding-left:var(--f7-fab-extended-size)}.fab-extended>a{width:100%!important}.fab-text{box-sizing:border-box;font-size:var(--f7-fab-extended-text-font-size);padding:var(--f7-fab-extended-text-padding);font-weight:var(--f7-fab-extended-text-font-weight);letter-spacing:var(--f7-fab-extended-text-letter-spacing);text-transform:uppercase}.fab-label-button{overflow:visible!important}.fab-label{position:absolute;top:50%;padding:var(--f7-fab-label-padding);border-radius:var(--f7-fab-label-border-radius);background:var(--f7-fab-label-bg-color);color:var(--f7-fab-label-text-color);box-shadow:var(--f7-fab-label-box-shadow);white-space:nowrap;transform:translateY(-50%);pointer-events:none;font-size:var(--f7-fab-label-font-size)}.fab[class*=fab-right-] .fab-label{right:100%;margin-right:8px}.fab[class*=fab-left-] .fab-label{left:100%;margin-left:8px}.navbars~* .fab[class*="-top"],.navbars~.fab[class*="-top"],.navbar~* .fab[class*="-top"],.navbar~.fab[class*="-top"]{margin-top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .toolbar-top-ios~* .fab[class*="-top"],.ios .toolbar-top-ios~.fab[class*="-top"],.md .toolbar-top-md~* .fab[class*="-top"],.md .toolbar-top-md~.fab[class*="-top"],.toolbar-top~* .fab[class*="-top"],.toolbar-top~.fab[class*="-top"]{margin-top:var(--f7-toolbar-height)}.ios .toolbar-bottom-ios~* .fab[class*="-bottom"],.ios .toolbar-bottom-ios~.fab[class*="-bottom"],.md .toolbar-bottom-md~* .fab[class*="-bottom"],.md .toolbar-bottom-md~.fab[class*="-bottom"],.toolbar-bottom~* .fab[class*="-bottom"],.toolbar-bottom~.fab[class*="-bottom"]{margin-bottom:var(--f7-toolbar-height)}.ios .tabbar-labels.toolbar-bottom-ios~* .fab[class*="-bottom"],.ios .tabbar-labels.toolbar-bottom-ios~.fab[class*="-bottom"],.md .tabbar-labels.toolbar-bottom-md~* .fab[class*="-bottom"],.md .tabbar-labels.toolbar-bottom-md~.fab[class*="-bottom"],.tabbar-labels.toolbar-bottom~* .fab[class*="-bottom"],.tabbar-labels.toolbar-bottom~.fab[class*="-bottom"]{margin-bottom:var(--f7-tabbar-labels-height)}.ios .tabbar-labels.toolbar-top-ios~* .fab[class*="-bottom"],.ios .tabbar-labels.toolbar-top-ios~.fab[class*="-bottom"],.md .tabbar-labels.toolbar-top-md~* .fab[class*="-bottom"],.md .tabbar-labels.toolbar-top-md~.fab[class*="-bottom"],.tabbar-labels.toolbar-top~* .fab[class*="-bottom"],.tabbar-labels.toolbar-top~.fab[class*="-bottom"]{margin-top:var(--f7-tabbar-labels-height)}.messagebar~* .fab[class*="-bottom"],.messagebar~.fab[class*="-bottom"]{margin-bottom:var(--f7-messagebar-height)}.ios .navbar+.toolbar-top-ios~* .fab[class*="-top"],.ios .navbar+.toolbar-top-ios~.fab[class*="-top"],.md .navbar+.toolbar-top-ios~* .fab[class*="-top"],.md .navbar+.toolbar-top-ios~.fab[class*="-top"],.navbar+.toolbar-top~* .fab[class*="-top"],.navbar+.toolbar-top~.fab[class*="-top"]{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.md .navbar+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.navbar+.toolbar-top.tabbar-labels~* .fab[class*="-top"],.navbar+.toolbar-top.tabbar-labels~.fab[class*="-top"]{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbars+.toolbar-top-ios~* .fab[class*="-top"],.ios .navbars+.toolbar-top-ios~.fab[class*="-top"],.navbars+.toolbar-top~* .fab[class*="-top"],.navbars+.toolbar-top~.fab[class*="-top"]{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbars+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.ios .navbars+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.navbars+.toolbar-top.tabbar-labels~* .fab[class*="-top"],.navbars+.toolbar-top.tabbar-labels~.fab[class*="-top"]{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .fab-buttons a.active-state,.ios .fab>a.active-state{transition-duration:0s}:root{--f7-searchbar-input-border-width:0px;--f7-searchbar-input-border-color:transparent;--f7-searchbar-input-text-color:#000;--f7-searchbar-placeholder-color:rgba(0, 0, 0, 0.4)}:root .theme-dark,:root.theme-dark{--f7-searchbar-input-text-color:#fff;--f7-searchbar-placeholder-color:rgba(255, 255, 255, 0.4)}.ios{--f7-searchbar-height:44px;--f7-searchbar-inner-padding-left:8px;--f7-searchbar-inner-padding-right:8px;--f7-searchbar-search-icon-color:rgba(0, 0, 0, 0.4);--f7-searchbar-input-font-size:17px;--f7-searchbar-input-bg-color:#e4e4e4;--f7-searchbar-input-border-radius:8px;--f7-searchbar-input-height:32px;--f7-searchbar-input-padding-horizontal:28px;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.4);--f7-searchbar-shadow-image:none;--f7-searchbar-in-page-content-margin:0px;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:0;--f7-searchbar-in-page-content-input-border-radius:0}.ios .theme-dark,.ios.theme-dark{--f7-searchbar-search-icon-color:rgba(255, 255, 255, 0.4);--f7-searchbar-input-bg-color:#2a2a2a}.md{--f7-searchbar-bg-color:#fff;--f7-searchbar-border-color:transparent;--f7-searchbar-height:48px;--f7-searchbar-inner-padding-left:0px;--f7-searchbar-inner-padding-right:0px;--f7-searchbar-link-color:#737373;--f7-searchbar-search-icon-color:#737373;--f7-searchbar-input-font-size:20px;--f7-searchbar-input-bg-color:#fff;--f7-searchbar-input-border-radius:0px;--f7-searchbar-input-height:100%;--f7-searchbar-input-padding-horizontal:48px;--f7-searchbar-inline-input-padding-horizontal:24px;--f7-searchbar-input-clear-button-color:#737373;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.25);--f7-searchbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-searchbar-in-page-content-margin:8px;--f7-searchbar-in-page-content-box-shadow:var(--f7-elevation-1);--f7-searchbar-in-page-content-border-radius:4px;--f7-searchbar-in-page-content-input-border-radius:4px}.md .theme-dark,.md.theme-dark{--f7-searchbar-bg-color:#202020;--f7-searchbar-input-bg-color:#202020}.aurora{--f7-searchbar-height:38px;--f7-searchbar-inner-padding-left:8px;--f7-searchbar-inner-padding-right:8px;--f7-searchbar-search-icon-color:rgba(0, 0, 0, 0.4);--f7-searchbar-input-font-size:13px;--f7-searchbar-input-bg-color:#fff;--f7-searchbar-input-border-radius:4px;--f7-searchbar-input-height:24px;--f7-searchbar-input-padding-horizontal:24px;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.4);--f7-searchbar-shadow-image:none;--f7-searchbar-in-page-content-margin:0px;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:0}.aurora .theme-dark,.aurora.theme-dark{--f7-searchbar-input-bg-color:#333;--f7-searchbar-search-icon-color:rgba(255, 255, 255, 0.4)}.searchbar{width:100%;position:relative;z-index:200;height:var(--f7-searchbar-height);background-image:var(--f7-searchbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-searchbar-bg-color,var(--f7-bars-bg-color))}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-bars .searchbar{background-color:rgba(var(--f7-searchbar-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))}}.ios .subnavbar .searchbar{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.ios .subnavbar .searchbar:after{display:none!important}.searchbar.no-border:after,.searchbar.no-hairline:after{display:none!important}.searchbar.no-shadow:before{display:none!important}.searchbar:after{content:'';position:absolute;background-color:var(--f7-searchbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.page>.searchbar:not(.searchbar-inline){z-index:600}.page>.searchbar:not(.searchbar-inline):before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-searchbar-shadow-image)}.searchbar input[type=search],.searchbar input[type=text]{box-sizing:border-box;width:100%;height:100%;display:block;border:var(--f7-searchbar-input-border-width) solid var(--f7-searchbar-input-border-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-weight:400;color:var(--f7-searchbar-input-text-color);font-size:var(--f7-searchbar-input-font-size);background-color:var(--f7-searchbar-input-bg-color);border-radius:var(--f7-searchbar-input-border-radius);position:relative;padding:0;padding-left:calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-left,0px));padding-right:calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-right,0px))}.searchbar input[type=search]::-webkit-input-placeholder,.searchbar input[type=text]::-webkit-input-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::-moz-placeholder,.searchbar input[type=text]::-moz-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::-ms-input-placeholder,.searchbar input[type=text]::-ms-input-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::placeholder,.searchbar input[type=text]::placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.searchbar .searchbar-input-wrap{flex-shrink:1;width:100%;height:var(--f7-searchbar-input-height);position:relative}.searchbar a{color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.page>.searchbar:not(.searchbar-inline){position:absolute;left:0;top:0}.page-content .searchbar:not(.searchbar-inline){border-radius:var(--f7-searchbar-in-page-content-border-radius);margin:var(--f7-searchbar-in-page-content-margin);width:auto;box-shadow:var(--f7-searchbar-in-page-content-box-shadow)}.page-content .searchbar:not(.searchbar-inline) .searchbar-inner,.page-content .searchbar:not(.searchbar-inline) input[type=search],.page-content .searchbar:not(.searchbar-inline) input[type=text]{border-radius:var(--f7-searchbar-in-page-content-input-border-radius,var(--f7-searchbar-input-border-radius))}.searchbar .input-clear-button{color:var(--f7-searchbar-input-clear-button-color,var(--f7-input-clear-button-color))}.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-searchbar-height);position:absolute;transition-duration:.3s;pointer-events:none}.navbar .searchbar-expandable{background:0 0}.navbar .searchbar-expandable:after{display:none!important}.navbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-navbar-height)}.toolbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-toolbar-height)}.subnavbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-subnavbar-height)}.tabbar-labels .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-tabbar-labels-height)}.searchbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding:0 calc(var(--f7-searchbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-searchbar-inner-padding-left) + var(--f7-safe-area-left))}.searchbar-disable-button{cursor:pointer;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;outline:0;padding:0;margin:0;width:auto;opacity:0}.searchbar-icon{pointer-events:none;background-position:center;background-repeat:no-repeat}.searchbar-icon:after{color:var(--f7-searchbar-search-icon-color);font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.searchbar-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;opacity:0;pointer-events:none;transition-duration:.3s;transform:translate3d(0,0,0);background:var(--f7-searchbar-backdrop-bg-color)}.searchbar-backdrop.searchbar-backdrop-in{opacity:1;pointer-events:auto}.page-content>.searchbar-backdrop{position:fixed}.searchbar-not-found{display:none}.hidden-by-searchbar,.list .hidden-by-searchbar,.list li.hidden-by-searchbar,.list.li.hidden-by-searchbar{display:none!important}.navbar.with-searchbar-expandable-enabled-no-transition{--f7-navbar-large-collapse-progress:1}.navbar.with-searchbar-expandable-enabled{--f7-navbar-large-collapse-progress:1}.navbar.with-searchbar-expandable-enabled .navbar-bg,.navbar.with-searchbar-expandable-enabled .title-large,.navbar.with-searchbar-expandable-enabled .title-large-text{transition-duration:.3s}.navbar.with-searchbar-expandable-closing .navbar-bg,.navbar.with-searchbar-expandable-closing .title-large,.navbar.with-searchbar-expandable-closing .title-large-text{transition-duration:.3s}.page-content.with-searchbar-expandable-enabled{height:calc(100% + var(--f7-navbar-large-title-height));transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)));transition-duration:.3s;transition-property:transform}.page-content.with-searchbar-expandable-closing{transition-duration:.3s}.navbars~.page:not(.no-navbar)>.searchbar,.navbar~.page:not(.no-navbar)>.searchbar,.page>.navbar~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.navbars~.page-with-navbar-large:not(.no-navbar) .searchbar,.navbar~.page-with-navbar-large:not(.no-navbar) .searchbar,.page-with-navbar-large .navbar~* .searchbar,.page-with-navbar-large .navbar~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height) + var(--f7-safe-area-top));transform:translate3d(0,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.searchbar~*{--f7-page-searchbar-offset:var(--f7-searchbar-height)}.aurora .page>.toolbar-top-aurora~.searchbar,.ios .page>.toolbar-top-ios~.searchbar,.md .page>.toolbar-top-md~.searchbar,.page>.toolbar-top~.searchbar{top:var(--f7-toolbar-height)}.aurora .page>.tabbar-labels.toolbar-top-aurora~.searchbar,.ios .page>.tabbar-labels.toolbar-top-ios~.searchbar,.md .page>.tabbar-labels.toolbar-top-md~.searchbar,.page>.tabbar-labels.toolbar-top~.searchbar{top:var(--f7-tabbar-labels-height)}.aurora .page>.navbar~.toolbar-top-aurora~.searchbar,.ios .page>.navbar~.toolbar-top-ios~.searchbar,.md .page>.navbar~.toolbar-top-md~.searchbar,.page>.navbar~.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-safe-area-top))}.aurora .page>.navbar~.tabbar-labels.toolbar-top-aurora~.searchbar,.ios .page>.navbar~.tabbar-labels.toolbar-top-ios~.searchbar,.md .page>.navbar~.tabbar-labels.toolbar-top-md~.searchbar,.page>.navbar~.tabbar-labels.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-safe-area-top))}.searchbar.searchbar-inline{width:auto;height:auto;background-color:transparent;background-image:none}.searchbar.searchbar-inline:after,.searchbar.searchbar-inline:before{display:none!important}.searchbar.searchbar-inline .searchbar-input-wrap{height:var(--f7-searchbar-inline-input-height,var(--f7-searchbar-input-height))}.searchbar.searchbar-inline .searchbar-inner{padding:0;position:static;width:auto;height:auto}.searchbar.searchbar-inline input[type=search],.searchbar.searchbar-inline input[type=text]{font-size:var(--f7-searchbar-inline-input-font-size,var(--f7-searchbar-input-font-size));padding-left:calc(var(--f7-searchbar-inline-input-padding-horizontal,var(--f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-left,0px));padding-right:calc(var(--f7-searchbar-inline-input-padding-horizontal,var(--f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-right,0px))}.ios .searchbar input[type=search],.ios .searchbar input[type=text]{z-index:30}.ios .searchbar .input-clear-button{z-index:40;right:7px}.ios .searchbar-icon{width:13px;height:13px;position:absolute;top:50%;margin-top:-6px;z-index:40;left:8px}.ios .searchbar-icon:after{content:'search_ios';line-height:13px}.ios .searchbar-disable-button{font-size:17px;flex-shrink:0;transform:translate3d(0,0,0);transition-duration:.3s;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));display:none}.ios .searchbar-disable-button.active-state{transition-duration:0s;opacity:.3!important}.ios .searchbar-enabled .searchbar-disable-button{pointer-events:auto;opacity:1;margin-left:8px}.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button{transition-duration:.3s!important}.ios .searchbar-expandable{left:0;bottom:0;opacity:1;width:100%;height:0%;transform:translate3d(0,0,0);overflow:hidden}.ios .searchbar-expandable .searchbar-disable-button{margin-left:8px;opacity:1;display:block}.ios .searchbar-expandable .searchbar-inner{height:var(--f7-searchbar-expandable-size)}.ios .navbar.with-searchbar-expandable-closing .navbar-bg,.ios .navbar.with-searchbar-expandable-enabled .navbar-bg{transition-property:transform,opacity}.ios .navbar.with-searchbar-expandable-closing .left,.ios .navbar.with-searchbar-expandable-closing .navbar-bg,.ios .navbar.with-searchbar-expandable-closing .right,.ios .navbar.with-searchbar-expandable-closing .title,.ios .navbar.with-searchbar-expandable-enabled .left,.ios .navbar.with-searchbar-expandable-enabled .navbar-bg,.ios .navbar.with-searchbar-expandable-enabled .right,.ios .navbar.with-searchbar-expandable-enabled .title{transition-duration:.3s}.ios .navbar.with-searchbar-expandable-enabled .left,.ios .navbar.with-searchbar-expandable-enabled .right,.ios .navbar.with-searchbar-expandable-enabled .title,.ios .navbar.with-searchbar-expandable-enabled-no-transition .left,.ios .navbar.with-searchbar-expandable-enabled-no-transition .right,.ios .navbar.with-searchbar-expandable-enabled-no-transition .title{transform:translateY(calc(-1 * var(--f7-navbar-height)));opacity:0!important}.ios .searchbar-expandable.searchbar-enabled{opacity:1;height:var(--f7-searchbar-expandable-size);pointer-events:auto}.md .searchbar-disable-button,.md .searchbar-icon{position:absolute;left:calc(-4px + var(--f7-safe-area-left));top:50%;transition-duration:.3s}.md .searchbar-icon{width:24px;height:24px;margin-left:12px;margin-top:-12px}.md .searchbar-icon:after{content:'search_md';line-height:1.2}.md .searchbar-disable-button{width:48px;height:48px;transform:rotate(-90deg) scale(.5);font-size:0!important;display:block;margin-top:-24px;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.md .searchbar-disable-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .searchbar-disable-button.active-state:before{opacity:1;transition-duration:150ms}.md .searchbar-disable-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;line-height:48px;content:"arrow_left_md"}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button{transform:rotate(0deg) scale(1);pointer-events:auto;opacity:1}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-icon{opacity:0;transform:rotate(90deg) scale(.5)}.md .searchbar{--f7-searchbar-input-extra-padding-left:17px}.md .searchbar .input-clear-button{width:48px;height:48px;margin-top:-24px;right:0}.md .searchbar .input-clear-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .searchbar .input-clear-button.active-state:before{opacity:1;transition-duration:150ms}.md .searchbar .input-clear-button:after{line-height:48px;content:'delete_md';opacity:1}.md .searchbar .input-clear-button:before{margin-left:0;margin-top:0}.md .page>.searchbar,.md .searchbar-expandable,.md .subnavbar .searchbar{--f7-searchbar-input-extra-padding-left:calc(17px + 8px)}.md .page>.searchbar .searchbar-disable-button,.md .page>.searchbar .searchbar-icon,.md .searchbar-expandable .searchbar-disable-button,.md .searchbar-expandable .searchbar-icon,.md .subnavbar .searchbar .searchbar-disable-button,.md .subnavbar .searchbar .searchbar-icon{left:calc(-4px + 8px + var(--f7-safe-area-left))}.md .searchbar-expandable{height:var(--f7-searchbar-expandable-size);opacity:0;bottom:0;border-radius:calc(var(--f7-searchbar-expandable-size));width:calc(var(--f7-searchbar-expandable-size));margin-top:calc(var(--f7-searchbar-expandable-size) * -1 / 2);transform:translate3d(0px,0px,0px);left:100%;margin-left:calc(var(--f7-searchbar-expandable-size) * -1)}.md .searchbar-expandable.searchbar-enabled{width:100%;border-radius:0;opacity:1;pointer-events:auto;margin-top:0;left:0;margin-left:0}.aurora .searchbar input[type=search],.aurora .searchbar input[type=text]{z-index:30}.aurora .searchbar .input-clear-button{z-index:40;right:4px}.aurora .searchbar-icon{width:13px;height:13px;position:absolute;top:50%;margin-top:-6px;z-index:40;left:6px}.aurora .searchbar-icon:after{content:'search_aurora';line-height:13px}.aurora .searchbar-disable-button{font-size:14px;flex-shrink:0;transform:translate3d(0,0,0);transition-duration:.3s;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));display:none}.aurora .searchbar-disable-button.active-state{transition-duration:0s;opacity:.3!important}.aurora .searchbar-enabled .searchbar-disable-button{pointer-events:auto;opacity:1;margin-left:8px}.aurora .searchbar:not(.searchbar-enabled) .searchbar-disable-button{transition-duration:.3s!important}.aurora .searchbar-expandable{left:0;top:auto;bottom:0;opacity:0;width:100%;transform:translate3d(0,0%,0);overflow:hidden}.aurora .searchbar-expandable .searchbar-disable-button{margin-left:8px;opacity:1;display:block}.aurora .searchbar-expandable .searchbar-inner{height:var(--f7-searchbar-expandable-size)}.aurora .searchbar-expandable.searchbar-enabled{opacity:1;pointer-events:auto}:root{--f7-messages-content-bg-color:#fff;--f7-message-text-header-text-color:inherit;--f7-message-text-header-opacity:0.65;--f7-message-text-header-font-size:12px;--f7-message-text-footer-text-color:inherit;--f7-message-text-footer-opacity:0.65;--f7-message-text-footer-font-size:12px;--f7-message-bubble-line-height:1.2;--f7-message-header-font-size:12px;--f7-message-footer-font-size:11px;--f7-message-name-font-size:12px;--f7-message-name-font-weight:inherit;--f7-message-typing-indicator-bg-color:#000;--f7-message-avatar-border-radius:50%;--f7-messages-title-font-weight:inherit;--f7-message-sent-text-color:#fff;--f7-message-received-bg-color:#e5e5ea;--f7-message-received-text-color:#000}:root .theme-dark,:root.theme-dark{--f7-messages-content-bg-color:transparent;--f7-message-received-bg-color:#333;--f7-message-received-text-color:#fff;--f7-message-typing-indicator-bg-color:#fff}.ios{--f7-messages-title-text-color:rgba(0, 0, 0, 0.45);--f7-messages-title-font-size:11px;--f7-message-header-text-color:rgba(0, 0, 0, 0.45);--f7-message-footer-text-color:rgba(0, 0, 0, 0.45);--f7-message-name-text-color:rgba(0, 0, 0, 0.45);--f7-message-avatar-size:29px;--f7-message-margin:10px;--f7-message-bubble-min-height:32px;--f7-message-bubble-font-size:17px;--f7-message-bubble-border-radius:16px;--f7-message-bubble-padding-vertical:6px;--f7-message-bubble-padding-horizontal:16px;--f7-message-typing-indicator-opacity:0.35}.md{--f7-messages-title-text-color:rgba(0, 0, 0, 0.51);--f7-messages-title-font-size:12px;--f7-message-header-text-color:rgba(0, 0, 0, 0.51);--f7-message-footer-text-color:rgba(0, 0, 0, 0.51);--f7-message-name-text-color:rgba(0, 0, 0, 0.51);--f7-message-avatar-size:32px;--f7-message-margin:16px;--f7-message-bubble-min-height:32px;--f7-message-bubble-font-size:16px;--f7-message-bubble-border-radius:4px;--f7-message-bubble-padding-vertical:6px;--f7-message-bubble-padding-horizontal:8px;--f7-message-typing-indicator-opacity:0.6}.md .theme-dark,.md.theme-dark{--f7-messages-title-text-color:rgba(255, 255, 255, 0.54);--f7-message-header-text-color:rgba(255, 255, 255, 0.54);--f7-message-name-text-color:rgba(255, 255, 255, 0.54);--f7-message-footer-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-messages-title-text-color:rgba(0, 0, 0, 0.51);--f7-messages-title-font-size:12px;--f7-message-header-text-color:rgba(0, 0, 0, 0.51);--f7-message-footer-text-color:rgba(0, 0, 0, 0.51);--f7-message-name-text-color:rgba(0, 0, 0, 0.51);--f7-message-avatar-size:24px;--f7-message-margin:10px;--f7-message-bubble-min-height:28px;--f7-message-bubble-font-size:13px;--f7-message-bubble-line-height:1.4;--f7-message-bubble-border-radius:14px;--f7-message-bubble-padding-vertical:5px;--f7-message-bubble-padding-horizontal:10px;--f7-message-typing-indicator-opacity:0.5}.aurora .theme-dark,.aurora.theme-dark{--f7-messages-title-text-color:rgba(255, 255, 255, 0.54);--f7-message-header-text-color:rgba(255, 255, 255, 0.54);--f7-message-name-text-color:rgba(255, 255, 255, 0.54);--f7-message-footer-text-color:rgba(255, 255, 255, 0.54)}.messages,.messages-content{background:var(--f7-messages-content-bg-color)}.messages{display:flex;flex-direction:column;min-height:100%;position:relative;z-index:1}.message,.messages-title{margin-top:var(--f7-message-margin)}.message:last-child,.messages-title:last-child{margin-bottom:var(--f7-message-margin)}.messages-title{text-align:center;width:100%;line-height:1;color:var(--f7-messages-title-text-color);font-size:var(--f7-messages-title-font-size);font-weight:var(--f7-messages-title-font-weight)}.message{max-width:70%;box-sizing:border-box;display:flex;align-items:flex-end;position:relative;z-index:1;transform:translate3d(0,0,0)}.message-avatar{border-radius:var(--f7-message-avatar-border-radius);position:relative;background-size:cover;align-self:flex-end;flex-shrink:0;width:var(--f7-message-avatar-size);height:var(--f7-message-avatar-size)}.message-content{position:relative;display:flex;flex-direction:column}.message-footer,.message-header,.message-name{line-height:1}.message-header{color:var(--f7-message-header-text-color);font-size:var(--f7-message-header-font-size)}.message-footer{color:var(--f7-message-footer-text-color);font-size:var(--f7-message-footer-font-size);margin-bottom:-1em}.message-name{color:var(--f7-message-name-text-color);font-size:var(--f7-message-name-font-size);font-weight:var(--f7-message-name-font-weight)}.message-bubble{box-sizing:border-box;word-break:break-word;display:flex;flex-direction:column;position:relative;line-height:var(--f7-message-bubble-line-height);font-size:var(--f7-message-bubble-font-size);border-radius:var(--f7-message-bubble-border-radius);padding:var(--f7-message-bubble-padding-vertical) var(--f7-message-bubble-padding-horizontal);min-height:var(--f7-message-bubble-min-height)}.message-image img{display:block;max-width:100%;height:auto;width:auto}.message-text-footer,.message-text-header{line-height:1}.message-text-header{color:var(--f7-message-text-header-text-color);opacity:var(--f7-message-text-header-opacity);font-size:var(--f7-message-text-header-font-size)}.message-text-footer{color:var(--f7-message-text-footer-text-color);opacity:var(--f7-message-text-footer-opacity);font-size:var(--f7-message-text-footer-font-size)}.message-text{text-align:left}.message-sent{text-align:right;flex-direction:row-reverse;align-self:flex-end}.message-sent .message-bubble{color:var(--f7-message-sent-text-color);background:var(--f7-message-sent-bg-color,var(--f7-theme-color))}.message-sent .message-content{align-items:flex-end}.message-sent.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0 var(--f7-message-bubble-border-radius)}.message-received{flex-direction:row}.message-received .message-bubble{color:var(--f7-message-received-text-color);background:var(--f7-message-received-bg-color)}.message-received .message-content{align-items:flex-start}.message-received.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0}.message:not(.message-last) .message-avatar{opacity:0}.message:not(.message-first) .message-name{display:none}.message.message-same-name .message-name{display:none}.message.message-same-header .message-header{display:none}.message.message-same-footer .message-footer{display:none}.message-appear-from-bottom{animation:message-appear-from-bottom .3s}.message-appear-from-top{animation:message-appear-from-top .3s}.message-typing-indicator{display:inline-block;font-size:0;vertical-align:middle}.message-typing-indicator>div{display:inline-block;position:relative;background:var(--f7-message-typing-indicator-bg-color);opacity:var(--f7-message-typing-indicator-opacity);vertical-align:middle;border-radius:50%}@keyframes message-appear-from-bottom{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}@keyframes message-appear-from-top{from{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,0,0)}}.ios .message-footer b,.ios .message-header b,.ios .message-name b,.ios .messages-title b{font-weight:600}.ios .message-header,.ios .message-name{margin-bottom:3px}.ios .message-footer{margin-top:3px}.ios .message-bubble{min-width:48px}.ios .message-image{margin:var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal))}.ios .message-image:first-child{margin-top:calc(-1 * var(--f7-message-bubble-padding-vertical))}.ios .message-image:first-child img{border-top-left-radius:var(--f7-message-bubble-border-radius);border-top-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-image:last-child{margin-bottom:calc(-1 * var(--f7-message-bubble-padding-vertical))}.ios .message-image:last-child img{border-bottom-left-radius:var(--f7-message-bubble-border-radius);border-bottom-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-text-header{margin-bottom:3px}.ios .message-text-footer{margin-top:3px}.ios .message-received{margin-left:calc(10px + var(--f7-safe-area-left))}.ios .message-received .message-footer,.ios .message-received .message-header,.ios .message-received .message-name{margin-left:var(--f7-message-bubble-padding-horizontal)}.ios .message-received .message-bubble{padding-left:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received .message-image{margin-left:calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px))}.ios .message-received.message-tail:not(.message-typing) .message-bubble{-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img{border-bottom-left-radius:0px}.ios .message-sent{margin-right:calc(10px + var(--f7-safe-area-right))}.ios .message-sent .message-footer,.ios .message-sent .message-header,.ios .message-sent .message-name{margin-right:var(--f7-message-bubble-padding-horizontal)}.ios .message-sent .message-bubble{padding-right:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent .message-image{margin-right:calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px))}.ios .message-sent.message-tail .message-bubble{-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent.message-tail .message-bubble .message-image:last-child img{border-bottom-right-radius:0px}.ios .message+.message:not(.message-first){margin-top:1px}.ios .message-received.message-typing .message-content:after,.ios .message-received.message-typing .message-content:before{content:'';position:absolute;background:var(--f7-message-received-bg-color);border-radius:50%}.ios .message-received.message-typing .message-content:after{width:11px;height:11px;left:4px;bottom:0px}.ios .message-received.message-typing .message-content:before{width:6px;height:6px;left:-1px;bottom:-4px}.ios .message-typing-indicator>div{width:9px;height:9px}.ios .message-typing-indicator>div+div{margin-left:4px}.ios .message-typing-indicator>div:nth-child(1){animation:ios-message-typing-indicator .9s infinite}.ios .message-typing-indicator>div:nth-child(2){animation:ios-message-typing-indicator .9s 150ms infinite}.ios .message-typing-indicator>div:nth-child(3){animation:ios-message-typing-indicator .9s .3s infinite}@keyframes ios-message-typing-indicator{0%{opacity:.35}25%{opacity:.2}50%{opacity:.2}}.md .message-footer b,.md .message-header b,.md .message-name b,.md .messages-title b{font-weight:500}.md .message-header,.md .message-name{margin-bottom:2px}.md .message-footer{margin-top:2px}.md .message-text-header{margin-bottom:4px}.md .message-text-footer{margin-top:4px}.md .message-received.message-tail .message-bubble:before,.md .message-sent.message-tail .message-bubble:before{position:absolute;content:'';bottom:0;width:0;height:0}.md .message-received{margin-left:calc(8px + var(--f7-safe-area-left))}.md .message-received .message-avatar+.message-content{margin-left:var(--f7-message-bubble-padding-horizontal)}.md .message-received.message-tail .message-bubble:before{border-left:8px solid transparent;border-right:0 solid transparent;border-bottom:8px solid var(--f7-message-received-bg-color);right:100%}.md .message-sent{margin-right:calc(8px + var(--f7-safe-area-right))}.md .message-sent .message-avatar+.message-content{margin-right:var(--f7-message-bubble-padding-horizontal)}.md .message-sent.message-tail .message-bubble:before{border-left:0 solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--f7-message-sent-bg-color,var(--f7-theme-color));left:100%}.md .message+.message:not(.message-first){margin-top:8px}.md .message-typing-indicator>div{width:6px;height:6px}.md .message-typing-indicator>div+div{margin-left:6px}.md .message-typing-indicator>div:nth-child(1){animation:md-message-typing-indicator .9s infinite}.md .message-typing-indicator>div:nth-child(2){animation:md-message-typing-indicator .9s 150ms infinite}.md .message-typing-indicator>div:nth-child(3){animation:md-message-typing-indicator .9s .3s infinite}@keyframes md-message-typing-indicator{0%{transform:translateY(0%)}25%{transform:translateY(-5px)}50%{transform:translateY(0%)}}.aurora .message-footer b,.aurora .message-header b,.aurora .message-name b,.aurora .messages-title b{font-weight:500}.aurora .message-header,.aurora .message-name{margin-bottom:2px}.aurora .message-footer{margin-top:2px}.aurora .message-text-header{margin-bottom:2px}.aurora .message-text-footer{margin-top:2px}.aurora .message-received.message-tail .message-bubble:before,.aurora .message-sent.message-tail .message-bubble:before{position:absolute;content:'';bottom:0;width:0;height:0}.aurora .message-image{margin:var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal) + 4px)}.aurora .message-image:first-child{margin-top:calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px)}.aurora .message-image:first-child img{border-top-left-radius:var(--f7-message-bubble-border-radius);border-top-right-radius:var(--f7-message-bubble-border-radius)}.aurora .message-image:last-child{margin-bottom:calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px)}.aurora .message-image:last-child img{border-bottom-left-radius:var(--f7-message-bubble-border-radius);border-bottom-right-radius:var(--f7-message-bubble-border-radius)}.aurora .message-received{margin-left:calc(16px + var(--f7-safe-area-left))}.aurora .message-received .message-avatar+.message-content{margin-left:5px}.aurora .message-received .message-footer,.aurora .message-received .message-header,.aurora .message-received .message-name{margin-left:var(--f7-message-bubble-padding-horizontal)}.aurora .message-received.message-tail .message-bubble:before{border-left:6px solid transparent;border-right:0 solid transparent;border-bottom:6px solid var(--f7-message-received-bg-color);right:100%;transform:translate(2px,0px) rotate(-15deg);transform-origin:right bottom}.aurora .message-sent{margin-right:calc(16px + var(--f7-safe-area-right))}.aurora .message-sent .message-avatar+.message-content{margin-right:5px}.aurora .message-sent .message-footer,.aurora .message-sent .message-header,.aurora .message-sent .message-name{margin-right:var(--f7-message-bubble-padding-horizontal)}.aurora .message-sent.message-tail .message-bubble:before{border-left:0 solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--f7-message-sent-bg-color,var(--f7-theme-color));left:100%;transform:translate(-2px,0px) rotate(15deg);transform-origin:left bottom}.aurora .message+.message:not(.message-first){margin-top:5px}.aurora .message-typing-indicator>div{width:6px;height:6px}.aurora .message-typing-indicator>div+div{margin-left:4px}.aurora .message-typing-indicator>div:nth-child(1){animation:aurora-message-typing-indicator .9s infinite}.aurora .message-typing-indicator>div:nth-child(2){animation:aurora-message-typing-indicator .9s 150ms infinite}.aurora .message-typing-indicator>div:nth-child(3){animation:aurora-message-typing-indicator .9s .3s infinite}@keyframes aurora-message-typing-indicator{0%{transform:translateY(0%)}50%{transform:translateY(-5px)}100%{transform:translateY(0%)}}:root{--f7-messagebar-bg-color:#fff;--f7-messagebar-bg-color-rgb:255,255,255;--f7-messagebar-shadow-image:none;--f7-messagebar-textarea-bg-color:transparent;--f7-messagebar-attachments-height:155px;--f7-messagebar-attachment-height:155px;--f7-messagebar-attachment-landscape-height:120px;--f7-messagebar-sheet-height:252px;--f7-messagebar-sheet-landscape-height:192px}:root .theme-dark,:root.theme-dark{--f7-messagebar-bg-color:var(--f7-bars-bg-color);--f7-messagebar-bg-color-rgb:var(--f7-bars-bg-color-rgb)}.ios{--f7-messagebar-height:44px;--f7-messagebar-font-size:17px;--f7-messagebar-border-color:transparent;--f7-messagebar-textarea-border-radius:17px;--f7-messagebar-textarea-padding:6px 16px;--f7-messagebar-textarea-height:34px;--f7-messagebar-textarea-text-color:#000;--f7-messagebar-textarea-font-size:17px;--f7-messagebar-textarea-line-height:20px;--f7-messagebar-textarea-border:1px solid #c8c8cd;--f7-messagebar-sheet-bg-color:#d1d5da;--f7-messagebar-attachments-border-color:#c8c8cd;--f7-messagebar-attachment-border-radius:12px}.ios .theme-dark,.ios.theme-dark{--f7-messagebar-textarea-text-color:#fff;--f7-messagebar-textarea-border:1px solid var(--f7-bars-border-color);--f7-messagebar-attachments-border-color:var(--f7-bars-border-color)}.md{--f7-messagebar-height:48px;--f7-messagebar-font-size:16px;--f7-messagebar-link-color:#333;--f7-messagebar-border-color:#d1d1d1;--f7-messagebar-textarea-border-radius:0px;--f7-messagebar-textarea-padding:5px 8px;--f7-messagebar-textarea-height:32px;--f7-messagebar-textarea-text-color:#333;--f7-messagebar-textarea-font-size:16px;--f7-messagebar-textarea-line-height:22px;--f7-messagebar-textarea-border:1px solid transparent;--f7-messagebar-sheet-bg-color:#fff;--f7-messagebar-attachments-border-color:#ddd;--f7-messagebar-attachment-border-radius:4px}.md .theme-dark,.md.theme-dark{--f7-messagebar-border-color:transparent;--f7-messagebar-link-color:rgba(255, 255, 255, 0.87);--f7-messagebar-textarea-text-color:rgba(255, 255, 255, 0.87);--f7-messagebar-attachments-border-color:rgba(255, 255, 255, 0.2)}.aurora{--f7-messagebar-height:38px;--f7-messagebar-font-size:14px;--f7-messagebar-border-color:transparent;--f7-messagebar-textarea-border-radius:12px;--f7-messagebar-textarea-padding:3px 10px;--f7-messagebar-textarea-height:24px;--f7-messagebar-textarea-text-color:#000;--f7-messagebar-textarea-font-size:13px;--f7-messagebar-textarea-line-height:16px;--f7-messagebar-textarea-border:1px solid #c8c8cd;--f7-messagebar-sheet-bg-color:#fff;--f7-messagebar-attachments-border-color:#c8c8cd;--f7-messagebar-attachment-border-radius:12px}.aurora .theme-dark,.aurora.theme-dark{--f7-messagebar-textarea-text-color:#fff;--f7-messagebar-textarea-border:1px solid var(--f7-bars-border-color);--f7-messagebar-attachments-border-color:var(--f7-bars-border-color)}.messagebar{transform:translate3d(0,0,0);background:var(--f7-messagebar-bg-color);height:auto;min-height:var(--f7-messagebar-height);font-size:var(--f7-messagebar-font-size);padding-bottom:var(--f7-safe-area-bottom);bottom:0}.messagebar:before{content:'';position:absolute;background-color:var(--f7-messagebar-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.messagebar:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-messagebar-shadow-image)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-bars .messagebar{background-color:rgba(var(--f7-messagebar-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))}}.messagebar.no-border:before,.messagebar.no-hairline:before{display:none!important}.messagebar.no-shadow:after,.messagebar.toolbar-hidden:after{display:none!important}.messagebar .toolbar-inner{top:auto;position:relative;height:auto;bottom:auto;padding-left:calc(var(--f7-messagebar-inner-padding-left,var(--f7-toolbar-inner-padding-left)) + var(--f7-safe-area-left));padding-right:calc(var(--f7-messagebar-inner-padding-right,var(--f7-toolbar-inner-padding-right)) + var(--f7-safe-area-right))}.messagebar.messagebar-sheet-visible>.toolbar-inner{bottom:0}.messagebar .messagebar-area{width:100%;flex-shrink:1;overflow:hidden;position:relative}.messagebar textarea{width:100%;flex-shrink:1;background-color:var(--f7-messagebar-textarea-bg-color);border-radius:var(--f7-messagebar-textarea-border-radius);padding:var(--f7-messagebar-textarea-padding);height:var(--f7-messagebar-textarea-height);color:var(--f7-messagebar-textarea-text-color);font-size:var(--f7-messagebar-textarea-font-size);line-height:var(--f7-messagebar-textarea-line-height);border:var(--f7-messagebar-textarea-border)}.messagebar a.link{align-self:flex-end;flex-shrink:0;color:var(--f7-messagebar-link-color,var(--f7-theme-color))}.messagebar-attachments{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;font-size:0;white-space:nowrap;box-sizing:border-box;position:relative}.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments{display:none}.messagebar-attachment{background-size:cover;background-position:center;background-repeat:no-repeat;display:inline-block;vertical-align:middle;white-space:normal;height:var(--f7-messagebar-attachment-height);position:relative;border-radius:var(--f7-messagebar-attachment-border-radius)}@media (orientation:landscape){.messagebar-attachment{height:var(--f7-messagebar-attachment-landscape-height)}}.messagebar-attachment img{display:block;width:auto;height:100%;border-radius:var(--f7-messagebar-attachment-border-radius)}.messagebar-attachment+.messagebar-attachment{margin-left:8px}.messagebar-sheet{overflow:auto;-webkit-overflow-scrolling:touch;display:flex;flex-wrap:wrap;flex-direction:column;align-content:flex-start;height:var(--f7-messagebar-sheet-height);background-color:var(--f7-messagebar-sheet-bg-color);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}@media (orientation:landscape){.messagebar-sheet{height:var(--f7-messagebar-sheet-landscape-height)}}.messagebar-sheet-image,.messagebar-sheet-item{box-sizing:border-box;flex-shrink:0;margin-top:1px;position:relative;overflow:hidden;height:calc((var(--f7-messagebar-sheet-height) - 2px)/ 2);width:calc((var(--f7-messagebar-sheet-height) - 2px)/ 2);margin-left:1px}@media (orientation:landscape){.messagebar-sheet-image,.messagebar-sheet-item{width:calc((var(--f7-messagebar-sheet-landscape-height) - 2px)/ 2);height:calc((var(--f7-messagebar-sheet-landscape-height) - 2px)/ 2)}}.messagebar-sheet-image .icon-checkbox,.messagebar-sheet-image .icon-radio,.messagebar-sheet-item .icon-checkbox,.messagebar-sheet-item .icon-radio{position:absolute;right:8px;bottom:8px}.messagebar-sheet-image{background-size:cover;background-position:center;background-repeat:no-repeat}.messagebar-attachment-delete{display:block;position:absolute;border-radius:50%;box-sizing:border-box;cursor:pointer;box-shadow:0px 0px 2px rgba(0,0,0,.2)}.messagebar-attachment-delete:after,.messagebar-attachment-delete:before{position:absolute;content:'';left:50%;top:50%}.messagebar-attachment-delete:after{transform:rotate(45deg)}.messagebar-attachment-delete:before{transform:rotate(-45deg)}.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet{display:none}.messagebar~*{--f7-page-toolbar-bottom-offset:var(--f7-messagebar-height)}.ios .messagebar a.link.icon-only:first-child{margin-left:-8px}.ios .messagebar a.link.icon-only:last-child{margin-right:-8px}.ios .messagebar a.link:not(.icon-only)+.messagebar-area{margin-left:8px}.ios .messagebar .messagebar-area+a.link:not(.icon-only){margin-left:8px}.ios .messagebar-area{margin-top:5px;margin-bottom:5px}.ios .messagebar-attachments{padding:5px;border-radius:var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0;border:1px solid var(--f7-messagebar-attachments-border-color);border-bottom:none}.ios .messagebar-attachments-visible .messagebar-attachments+textarea{border-radius:0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius)}.ios .messagebar-attachment{font-size:14px}.ios .messagebar-attachment-delete{right:5px;top:5px;width:20px;height:20px;background:#7d7e80;border:2px solid #fff}.ios .messagebar-attachment-delete:after,.ios .messagebar-attachment-delete:before{width:10px;height:2px;background:#fff;margin-left:-5px;margin-top:-1px}.md .messagebar-attachments{padding:8px;border-bottom:1px solid var(--f7-messagebar-attachments-border-color)}.md .messagebar-area{margin-top:8px;margin-bottom:8px}.md .messagebar-sheet-image .icon-checkbox,.md .messagebar-sheet-item .icon-checkbox{border-color:#fff;background:rgba(255,255,255,.25);box-shadow:0px 0px 10px rgba(0,0,0,.5)}.md .messagebar-attachment-delete{right:8px;top:8px;width:24px;height:24px;background-color:var(--f7-theme-color);border-radius:4px}.md .messagebar-attachment-delete:after,.md .messagebar-attachment-delete:before{width:14px;height:2px;background:#fff;margin-left:-7px;margin-top:-1px}.aurora .messagebar a.link+.messagebar-area{margin-left:5px}.aurora .messagebar .messagebar-area+a.link{margin-left:5px}.aurora .messagebar-area{margin-top:5px;margin-bottom:5px}.aurora .messagebar-sheet-image .icon-checkbox,.aurora .messagebar-sheet-item .icon-checkbox{background:rgba(255,255,255,.25)}.aurora .messagebar-attachments{padding:5px;border-radius:var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0;border:1px solid var(--f7-messagebar-attachments-border-color);border-bottom:none}.aurora .messagebar-attachments-visible .messagebar-attachments+textarea{border-radius:0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius)}.aurora .messagebar-attachment{font-size:14px}.aurora .messagebar-attachment-delete{right:5px;top:5px;width:14px;height:14px;background:grey}.aurora .messagebar-attachment-delete:after,.aurora .messagebar-attachment-delete:before{width:8px;height:1px;background:#fff;margin-left:-4px;margin-top:-1px}.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{touch-action:pan-x}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;line-height:44px;text-align:center;margin-top:-22px;z-index:10;cursor:pointer;color:var(--f7-theme-color)}.swiper-button-next:after,.swiper-button-prev:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;font-size:44px}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'swiper_prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'swiper_next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--f7-theme-color)}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--f7-theme-color);position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.preloader.swiper-lazy-preloader{position:absolute;left:50%;top:50%;z-index:10;width:32px;height:32px;margin-left:-16px;margin-top:-16px}:root{--f7-photobrowser-bg-color:#fff;--f7-photobrowser-bars-bg-image:none;--f7-photobrowser-caption-font-size:14px;--f7-photobrowser-caption-light-text-color:#000;--f7-photobrowser-caption-light-bg-color:rgba(255, 255, 255, 0.8);--f7-photobrowser-caption-dark-text-color:#fff;--f7-photobrowser-caption-dark-bg-color:rgba(0, 0, 0, 0.8);--f7-photobrowser-exposed-bg-color:#000;--f7-photobrowser-dark-bg-color:#000;--f7-photobrowser-dark-bars-bg-color:rgba(27, 27, 27, 0.8);--f7-photobrowser-dark-bars-text-color:#fff;--f7-photobrowser-dark-bars-link-color:#fff}.photo-browser{position:absolute;left:0;top:0;width:100%;height:100%;z-index:400}.photo-browser-standalone.modal-in{transition-duration:0s;animation:photo-browser-in .4s}.photo-browser-standalone.modal-out{transition-duration:0s;animation:photo-browser-out .4s}.photo-browser-standalone.modal-out.swipe-close-to-bottom,.photo-browser-standalone.modal-out.swipe-close-to-top{animation:none}.photo-browser-popup.modal-out.swipe-close-to-bottom,.photo-browser-popup.modal-out.swipe-close-to-top{transition-duration:.3s}.photo-browser-popup.modal-out.swipe-close-to-bottom{transform:translate3d(0,100%,0)}.photo-browser-popup.modal-out.swipe-close-to-top{transform:translate3d(0,-100vh,0)}.photo-browser-page{background:0 0}.photo-browser-page .toolbar{transform:none}.photo-browser-popup{background:0 0}.photo-browser-of{margin:0 5px}.photo-browser-captions{pointer-events:none;position:absolute;left:0;width:100%;bottom:var(--f7-safe-area-bottom);z-index:10;opacity:1;transition:.4s}.photo-browser-captions.photo-browser-captions-exposed{opacity:0}.toolbar~.photo-browser-captions{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom));transform:translate3d(0,0px,0)}.toolbar~.photo-browser-captions.photo-browser-captions-exposed{transform:translate3d(0,0px,0)}.photo-browser-caption{box-sizing:border-box;transition:.3s;position:absolute;bottom:0;left:0;opacity:0;padding:4px 5px;width:100%;text-align:center;font-size:var(--f7-photobrowser-caption-font-size)}.photo-browser-caption:empty{display:none}.photo-browser-caption.photo-browser-caption-active{opacity:1}.photo-browser-captions-light .photo-browser-caption{color:var(--f7-photobrowser-caption-light-text-color);background:var(--f7-photobrowser-caption-light-bg-color)}.photo-browser-captions-dark .photo-browser-caption{color:var(--f7-photobrowser-caption-dark-text-color);background:var(--f7-photobrowser-caption-dark-bg-color)}.photo-browser-swiper-container{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:var(--f7-photobrowser-bg-color);transition:.4s;transition-property:background-color}.photo-browser-next.swiper-button-disabled,.photo-browser-prev.swiper-button-disabled{opacity:.3;pointer-events:none}.photo-browser-slide{width:100%;height:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-shrink:0;box-sizing:border-box}.photo-browser-slide.photo-browser-transitioning{transition:.4s;transition-property:transform}.photo-browser-slide span.swiper-zoom-container{display:none}.photo-browser-slide img{width:auto;height:auto;max-width:100%;max-height:100%;display:none}.photo-browser-slide.swiper-slide-active span.swiper-zoom-container,.photo-browser-slide.swiper-slide-next span.swiper-zoom-container,.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container{display:flex}.photo-browser-slide.swiper-slide-active img,.photo-browser-slide.swiper-slide-next img,.photo-browser-slide.swiper-slide-prev img{display:inline}.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader{display:block}.photo-browser-slide iframe{width:100%;height:100%}.photo-browser-slide .preloader{display:none;position:absolute;width:42px;height:42px;margin-left:-21px;margin-top:-21px;left:50%;top:50%}.navbar-photo-browser .navbar-bg,.photo-browser-page .navbar-bg,.photo-browser-page .toolbar{background-color:var(--f7-photobrowser-bars-bg-color,rgba(var(--f7-bars-bg-color-rgb),.95));background-image:var(--f7-photobrowser-bars-bg-image)}.photo-browser-page .navbar,.photo-browser-page .toolbar{transition:.4s;color:var(--f7-photobrowser-bars-text-color,var(--f7-bars-text-color))}.photo-browser-page .navbar a,.photo-browser-page .toolbar a{color:var(--f7-photobrowser-bars-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.photo-browser-exposed .navbar,.photo-browser-exposed .toolbar{opacity:0;visibility:hidden;pointer-events:none}.photo-browser-exposed .toolbar~.photo-browser-captions{transform:translate3d(0,var(--f7-toolbar-height),0)}.photo-browser-exposed .photo-browser-swiper-container{background:var(--f7-photobrowser-exposed-bg-color)}.photo-browser-exposed .photo-browser-caption{color:var(--f7-photobrowser-caption-dark-text-color);background:var(--f7-photobrowser-caption-dark-bg-color)}.view.with-photo-browser-page-exposed .navbar{opacity:0;pointer-events:none}.navbar-photo-browser-dark .navbar-bg,.photo-browser-page-dark .navbar-bg,.photo-browser-page-dark .toolbar{background:var(--f7-photobrowser-dark-bars-bg-color)}.navbar-photo-browser-dark .navbar-bg:before,.photo-browser-page-dark .navbar-bg:before,.photo-browser-page-dark .toolbar:before{display:none!important}.navbar-photo-browser-dark .navbar-bg:after,.photo-browser-page-dark .navbar-bg:after,.photo-browser-page-dark .toolbar:after{display:none!important}.navbar-photo-browser-dark,.photo-browser-dark .navbar,.photo-browser-dark .toolbar,.photo-browser-dark-page .navbar,.photo-browser-dark-page .toolbar{--f7-touch-ripple-color:var(--f7-touch-ripple-white);--f7-link-highlight-color:var(--f7-link-highlight-white);color:var(--f7-photobrowser-dark-bars-text-color)}.navbar-photo-browser-dark a,.photo-browser-dark .navbar a,.photo-browser-dark .toolbar a,.photo-browser-dark-page .navbar a,.photo-browser-dark-page .toolbar a{color:var(--f7-photobrowser-dark-bars-link-color)}.photo-browser-dark .photo-browser-swiper-container,.photo-browser-page-dark .photo-browser-swiper-container{background:var(--f7-photobrowser-dark-bg-color)}@keyframes photo-browser-in{0%{transform:translate3d(0,0,0) scale(.5);opacity:0}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(1);opacity:1}}@keyframes photo-browser-out{0%{transform:translate3d(0,0,0) scale(1);opacity:1}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(.5);opacity:0}}:root{--f7-notification-max-width:568px;--f7-notification-subtitle-text-transform:none;--f7-notification-subtitle-line-height:1.35;--f7-notification-text-text-transform:none;--f7-notification-text-font-weight:400}.ios{--f7-notification-margin:8px;--f7-notification-padding:10px;--f7-notification-border-radius:12px;--f7-notification-box-shadow:0px 5px 25px -10px rgba(0, 0, 0, 0.7);--f7-notification-bg-color:rgba(250, 250, 250, 0.95);--f7-notification-bg-color-rgb:255,255,255;--f7-notification-icon-size:20px;--f7-notification-title-color:#000;--f7-notification-title-font-size:13px;--f7-notification-title-text-transform:uppercase;--f7-notification-title-line-height:1.4;--f7-notification-title-font-weight:400;--f7-notification-title-letter-spacing:0.02em;--f7-notification-title-right-color:rgba(0, 0, 0, 0.45);--f7-notification-title-right-font-size:13px;--f7-notification-subtitle-color:#000;--f7-notification-subtitle-font-size:15px;--f7-notification-subtitle-font-weight:600;--f7-notification-text-color:#000;--f7-notification-text-font-size:15px;--f7-notification-text-line-height:1.2}.ios .theme-dark,.ios.theme-dark{--f7-notification-bg-color:rgba(30, 30, 30, 0.95);--f7-notification-bg-color-rgb:30,30,30;--f7-notification-subtitle-color:#fff;--f7-notification-title-color:#fff;--f7-notification-text-color:#fff;--f7-notification-title-right-color:rgba(255, 255, 255, 0.55)}.md{--f7-notification-margin:0px;--f7-notification-padding:16px;--f7-notification-border-radius:0px;--f7-notification-box-shadow:0 2px 4px rgba(0, 0, 0, 0.22),0 1px 2px rgba(0, 0, 0, 0.24);--f7-notification-bg-color:#fff;--f7-notification-icon-size:16px;--f7-notification-title-color:var(--f7-theme-color);--f7-notification-title-font-size:12px;--f7-notification-title-text-transform:none;--f7-notification-title-line-height:1;--f7-notification-title-font-weight:400;--f7-notification-title-right-color:rgba(0, 0, 0, 0.54);--f7-notification-title-right-font-size:12px;--f7-notification-subtitle-color:#212121;--f7-notification-subtitle-font-size:14px;--f7-notification-subtitle-font-weight:400;--f7-notification-text-color:rgba(0, 0, 0, 0.54);--f7-notification-text-font-size:14px;--f7-notification-text-line-height:1.35}.md .theme-dark,.md.theme-dark{--f7-notification-bg-color:#242424;--f7-notification-subtitle-color:#fff;--f7-notification-title-right-color:rgba(255, 255, 255, 0.54);--f7-notification-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-notification-margin:10px;--f7-notification-padding:10px;--f7-notification-border-radius:4px;--f7-notification-box-shadow:0px 5px 25px -10px rgba(0, 0, 0, 0.7);--f7-notification-bg-color:#fff;--f7-notification-icon-size:18px;--f7-notification-title-color:#000;--f7-notification-title-font-size:13px;--f7-notification-title-text-transform:uppercase;--f7-notification-title-line-height:1.4;--f7-notification-title-font-weight:500;--f7-notification-title-letter-spacing:0.02em;--f7-notification-title-right-color:rgba(255, 255, 255, 0.6);--f7-notification-title-right-font-size:13px;--f7-notification-subtitle-color:#000;--f7-notification-subtitle-font-size:12px;--f7-notification-subtitle-font-weight:600;--f7-notification-text-color:#000;--f7-notification-text-font-size:12px;--f7-notification-text-line-height:1.2}.aurora .theme-dark,.aurora.theme-dark{--f7-notification-bg-color:#242424;--f7-notification-title-color:#fff;--f7-notification-subtitle-color:#fff;--f7-notification-text-color:#fff;--f7-notification-title-right-color:rgba(255, 255, 255, 0.54)}.notification{--f7-link-highlight-color:var(--f7-link-highlight-black);--f7-touch-ripple-color:var(--f7-touch-ripple-black);position:absolute;left:var(--f7-notification-margin);top:var(--f7-notification-margin);width:calc(100% - var(--f7-notification-margin) * 2);z-index:20000;font-size:14px;margin:0;border:none;display:none;box-sizing:border-box;transition-property:transform;direction:ltr;max-width:var(--f7-notification-max-width);padding:var(--f7-notification-padding);border-radius:var(--f7-notification-border-radius);box-shadow:var(--f7-notification-box-shadow);background:var(--f7-notification-bg-color);margin-top:var(--f7-safe-area-top)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .notification{background-color:rgba(var(--f7-notification-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}@media (min-width:568px){.notification{left:50%;width:var(--f7-notification-max-width);margin-left:calc(-1 * var(--f7-notification-max-width)/ 2)}}.notification-title{color:var(--f7-notification-title-color,var(--f7-theme-color));font-size:var(--f7-notification-title-font-size);text-transform:var(--f7-notification-title-text-transform);line-height:var(--f7-notification-title-line-height);font-weight:var(--f7-notification-title-font-weight);letter-spacing:var(--f7-notification-title-letter-spacing)}.notification-subtitle{color:var(--f7-notification-subtitle-color);font-size:var(--f7-notification-subtitle-font-size);text-transform:var(--f7-notification-subtitle-text-transform);line-height:var(--f7-notification-subtitle-line-height);font-weight:var(--f7-notification-subtitle-font-weight)}.notification-text{color:var(--f7-notification-text-color);font-size:var(--f7-notification-text-font-size);text-transform:var(--f7-notification-text-text-transform);line-height:var(--f7-notification-text-line-height);font-weight:var(--f7-notification-text-font-weight)}.notification-title-right-text{color:var(--f7-notification-title-right-color);font-size:var(--f7-notification-title-right-font-size)}.notification-icon{font-size:0;line-height:var(--f7-notification-icon-size)}.notification-icon,.notification-icon i{width:var(--f7-notification-icon-size)!important;height:var(--f7-notification-icon-size)!important}.notification-icon i{font-size:var(--f7-notification-icon-size)}.notification-header{display:flex;justify-content:flex-start;align-items:center}.notification-close-button{margin-left:auto;cursor:pointer;position:relative}.notification-close-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";display:block;width:100%;height:100%;font-size:20px;position:absolute;left:50%;top:50%;text-align:center}.ios .notification{transition-duration:450ms;transform:translate3d(0%,-200%,0)}.ios .notification.modal-in{transform:translate3d(0%,0%,0);opacity:1}.ios .notification.modal-out{transform:translate3d(0%,-200%,0)}.ios .notification-icon{margin-right:8px}.ios .notification-header+.notification-content{margin-top:10px}.ios .notification-title-right-text{margin-right:6px;margin-left:auto}.ios .notification-title-right-text+.notification-close-button{margin-left:10px}.ios .notification-close-button{font-size:14px;width:20px;height:20px;opacity:.3;transition-duration:.3s}.ios .notification-close-button.active-state{transition-duration:0s;opacity:.1}.ios .notification-close-button:after{color:#000;content:'notification_close_ios';font-size:.65em;line-height:44px;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.ios .theme-dark,.ios.theme-dark .notification-close-button:after{color:#fff}.md .notification{transform:translate3d(0,-150%,0)}.md .notification.modal-in{transition-duration:0s;animation:notification-md-in .4s ease-out;transform:translate3d(0,0%,0)}.md .notification.modal-in.notification-transitioning{transition-duration:.2s}.md .notification.modal-out{animation:none;transition-duration:.2s;transition-timing-function:ease-in;transform:translate3d(0,-150%,0)}.md .notification-icon{margin-right:8px}.md .notification-subtitle+.notification-text{margin-top:2px}.md .notification-header+.notification-content{margin-top:6px}.md .notification-title-right-text{margin-left:4px}.md .notification-title-right-text:before{content:'';width:3px;height:3px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:4px;background:var(--f7-notification-title-right-color)}.md .notification-close-button{width:16px;height:16px;transition-duration:.3s}.md .notification-close-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .notification-close-button.active-state:before{opacity:1;transition-duration:150ms}.md .notification-close-button:after,.md .notification-close-button:before{width:48px;height:48px;left:50%;top:50%;margin-left:-24px;margin-top:-24px}.md .notification-close-button:after{color:#737373;content:'delete_md';line-height:48px;font-size:14px}@keyframes notification-md-in{0%{transform:translate3d(0,-150%,0)}50%{transform:translate3d(0,10%,0)}100%{transform:translate3d(0,0%,0)}}.aurora .notification{transition-duration:450ms;transform:translate3d(0%,-200%,0)}.aurora .notification.modal-in{transform:translate3d(0%,0%,0);opacity:1}.aurora .notification.modal-out{transform:translate3d(0%,-200%,0)}.aurora .notification-icon{margin-right:10px}.aurora .notification-header+.notification-content{margin-top:10px}.aurora .notification-title-right-text{margin-right:0px;margin-left:auto}.aurora .notification-title-right-text+.notification-close-button{margin-left:10px}.aurora .notification-close-button{font-size:14px;width:16px;height:16px;opacity:.4;transition-duration:.3s}.aurora .notification-close-button.active-state{transition-duration:0s;opacity:.6}.aurora .notification-close-button:after{color:#000;content:'notification_close_ios';font-size:.5em;line-height:38px;width:38px;height:38px;margin-left:-19px;margin-top:-19px}.aurora .theme-dark,.aurora.theme-dark .notification-close-button:after{color:#fff}:root{--f7-autocomplete-dropdown-bg-color:#fff;--f7-autocomplete-dropdown-placeholder-color:#a9a9a9;--f7-autocomplete-dropdown-preloader-size:20px}.ios{--f7-autocomplete-dropdown-box-shadow:0px 3px 3px rgba(0, 0, 0, 0.2);--f7-autocomplete-dropdown-text-color:#000;--f7-autocomplete-dropdown-text-matching-color:#000;--f7-autocomplete-dropdown-text-matching-font-weight:600;--f7-autocomplete-dropdown-font-size:var(--f7-list-font-size)}.ios .theme-dark,.ios.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1d;--f7-autocomplete-dropdown-text-color:#fff;--f7-autocomplete-dropdown-text-matching-color:#fff}.md{--f7-autocomplete-dropdown-box-shadow:0 2px 2px rgba(0, 0, 0, 0.25);--f7-autocomplete-dropdown-text-color:rgba(0, 0, 0, 0.54);--f7-autocomplete-dropdown-text-matching-color:#212121;--f7-autocomplete-dropdown-text-matching-font-weight:400;--f7-autocomplete-dropdown-font-size:var(--f7-list-font-size)}.md .theme-dark,.md.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1d;--f7-autocomplete-dropdown-text-color:rgba(255, 255, 255, 0.54);--f7-autocomplete-dropdown-text-matching-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-autocomplete-dropdown-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);--f7-autocomplete-dropdown-text-color:#000;--f7-autocomplete-dropdown-text-matching-color:#000;--f7-autocomplete-dropdown-text-matching-font-weight:700;--f7-autocomplete-dropdown-font-size:13px}.aurora .theme-dark,.aurora.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1c;--f7-autocomplete-dropdown-text-color:#fff;--f7-autocomplete-dropdown-text-matching-color:#fff}.autocomplete-page .autocomplete-found{display:block}.autocomplete-page .autocomplete-not-found{display:none}.autocomplete-page .autocomplete-values{display:block}.autocomplete-page .list ul:empty{display:none}.autocomplete-preloader:not(.autocomplete-preloader-visible){visibility:hidden}.autocomplete-preloader:not(.autocomplete-preloader-visible),.autocomplete-preloader:not(.autocomplete-preloader-visible) *{animation:none}.autocomplete-dropdown{background:var(--f7-autocomplete-dropdown-bg-color);box-shadow:var(--f7-autocomplete-dropdown-box-shadow);box-sizing:border-box;position:absolute;z-index:500;width:100%;left:0}.autocomplete-dropdown .autocomplete-dropdown-inner{position:relative;overflow:auto;-webkit-overflow-scrolling:touch;height:100%;z-index:1}.autocomplete-dropdown .autocomplete-preloader{display:none;position:absolute;bottom:100%;width:var(--f7-autocomplete-dropdown-preloader-size);height:var(--f7-autocomplete-dropdown-preloader-size)}.autocomplete-dropdown .autocomplete-preloader-visible{display:block}.autocomplete-dropdown .autocomplete-dropdown-placeholder{color:var(--f7-autocomplete-dropdown-placeholder-color)}.autocomplete-dropdown .list{margin:0;color:var(--f7-autocomplete-dropdown-text-color);font-size:var(--f7-autocomplete-dropdown-font-size)}.autocomplete-dropdown .list b{color:var(--f7-autocomplete-dropdown-text-matching-color);font-weight:var(--f7-autocomplete-dropdown-text-matching-font-weight)}.autocomplete-dropdown .list ul{background:0 0!important}.autocomplete-dropdown .list ul:before{display:none!important}.autocomplete-dropdown .list ul:after{display:none!important}.autocomplete-dropdown .autocomplete-dropdown-selected{background:var(--f7-autocomplete-dropdown-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}.searchbar-input-wrap .autocomplete-dropdown{background-color:var(--f7-searchbar-input-bg-color,var(--f7-searchbar-bg-color));border-radius:var(--f7-searchbar-input-border-radius)}.searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder{color:var(--f7-searchbar-placeholder-color)}.searchbar-input-wrap .autocomplete-dropdown li:last-child{border-radius:0 0 var(--f7-searchbar-input-border-radius) var(--f7-searchbar-input-border-radius);position:relative;overflow:hidden}.searchbar-input-wrap .autocomplete-dropdown .item-content{padding-left:var(--f7-searchbar-input-padding-horizontal)}.list .item-content-dropdown-expanded .item-title.item-label{width:0;flex-shrink:10;overflow:hidden}.list .item-content-dropdown-expanded .item-title.item-label+.item-input-wrap{margin-left:0}.list .item-content-dropdown-expanded .item-input-wrap{width:100%}.ios .autocomplete-dropdown .autocomplete-preloader{right:16px;margin-bottom:12px}.ios .searchbar-input-wrap .autocomplete-dropdown{margin-top:calc(-1 * var(--f7-searchbar-input-height));top:100%;z-index:20}.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner{padding-top:var(--f7-searchbar-input-height)}.md .autocomplete-page .navbar .autocomplete-preloader{margin-right:8px}.md .autocomplete-popup .navbar .autocomplete-preloader{margin-left:8px;margin-right:16px}.md .autocomplete-dropdown .autocomplete-preloader{right:16px;margin-bottom:8px}.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-gap,.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle{border-width:3px}.aurora .autocomplete-dropdown .autocomplete-preloader{right:16px;margin-bottom:2px}.aurora .searchbar-input-wrap .autocomplete-dropdown{margin-top:calc(-1 * var(--f7-searchbar-input-height));top:100%;z-index:20}.aurora .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner{padding-top:var(--f7-searchbar-input-height)}:root{--f7-tooltip-bg-color:rgba(0, 0, 0, 0.87);--f7-tooltip-text-color:#fff;--f7-tooltip-border-radius:4px;--f7-tooltip-padding:8px 16px;--f7-tooltip-font-size:14px;--f7-tooltip-font-weight:500;--f7-tooltip-desktop-padding:6px 8px;--f7-tooltip-desktop-font-size:12px}.tooltip{position:absolute;z-index:20000;background:var(--f7-tooltip-bg-color);border-radius:var(--f7-tooltip-border-radius);padding:var(--f7-tooltip-padding);color:var(--f7-tooltip-text-color);font-size:var(--f7-tooltip-font-size);font-weight:var(--f7-tooltip-font-weight);box-sizing:border-box;line-height:1.2;opacity:0;transform:scale(.9);transition-duration:150ms;transition-property:opacity,transform;z-index:99000}.tooltip.tooltip-in{transform:scale(1);opacity:1}.tooltip.tooltip-out{opacity:0;transform:scale(1)}.device-desktop .tooltip{font-size:var(--f7-tooltip-desktop-font-size);padding:var(--f7-tooltip-desktop-padding)}.gauge{position:relative;text-align:center;margin-left:auto;margin-right:auto;display:inline-block}.gauge svg,.gauge-svg{max-width:100%;height:auto}.gauge svg circle,.gauge svg path,.gauge-svg circle,.gauge-svg path{transition-duration:.4s}:root{--f7-skeleton-color:#ccc}.theme-dark{--f7-skeleton-color:#515151}.skeleton-text{font-family:framework7-skeleton!important}.skeleton-text,.skeleton-text *{color:var(--f7-skeleton-color)!important;font-weight:400!important;font-style:normal!important;letter-spacing:-.015em!important}.skeleton-block{height:1em;background:var(--f7-skeleton-color)!important;width:100%}.skeleton-effect-fade{animation:skeleton-effect-fade 1s infinite}.skeleton-effect-blink{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 75%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 75%,transparent 100%);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-position:50% top;mask-position:50% top;animation:skeleton-effect-blink 1s infinite}.skeleton-effect-pulse{animation:skeleton-effect-pulse 1s infinite}@keyframes skeleton-effect-fade{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}@keyframes skeleton-effect-blink{0%{-webkit-mask-position:50% top;mask-position:50% top}100%{-webkit-mask-position:-150% top;mask-position:-150% top}}@keyframes skeleton-effect-pulse{0%{transform:scale(1)}40%{transform:scale(1)}50%{transform:scale(.975)}100%{transform:scale(1)}}:root{--f7-menu-text-color:#fff;--f7-menu-font-size:16px;--f7-menu-font-weight:500;--f7-menu-line-height:1.2;--f7-menu-bg-color:rgba(0, 0, 0, 0.9);--f7-menu-item-pressed-bg-color:rgba(20, 20, 20, 0.9);--f7-menu-item-padding-horizontal:12px;--f7-menu-item-spacing:6px;--f7-menu-item-height:40px;--f7-menu-item-dropdown-icon-color:rgba(255, 255, 255, 0.4);--f7-menu-item-border-radius:8px;--f7-menu-dropdown-item-height:28px;--f7-menu-dropdown-divider-color:rgba(255, 255, 255, 0.2);--f7-menu-dropdown-padding-vertical:6px}.aurora{--f7-menu-font-size:13px;--f7-menu-item-height:28px;--f7-menu-dropdown-item-height:24px;--f7-menu-item-border-radius:5px;--f7-menu-item-padding-horizontal:10px}.menu{z-index:1000;position:relative;--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.menu-inner{display:flex;justify-content:flex-start;align-items:flex-start;padding-left:var(--f7-menu-item-spacing);padding-right:var(--f7-menu-item-spacing)}.menu-inner:after{content:'';width:var(--f7-menu-item-spacing);height:100%;flex-shrink:0}.menu-item{height:var(--f7-menu-item-height);min-width:var(--f7-menu-item-height);flex-shrink:0;background:var(--f7-menu-bg-color);color:var(--f7-menu-text-color);border-radius:var(--f7-menu-item-border-radius);position:relative;box-sizing:border-box;font-size:var(--f7-menu-font-size);font-weight:var(--f7-menu-font-weight);cursor:pointer;margin-left:var(--f7-menu-item-spacing)}.menu-item:first-child{margin-left:0}.menu-item.active-state:not(.menu-item-dropdown-opened){background-color:rgba(0,0,0,.7)}.menu-item.icon-only{padding-left:0;padding-right:0}.menu-item-content{display:flex;justify-content:center;align-items:center;padding:0 var(--f7-menu-item-padding-horizontal);height:100%;box-sizing:border-box;width:100%;overflow:hidden;border-radius:var(--f7-menu-item-border-radius);position:relative}.icon-only .menu-item-content,.menu-item-content.icon-only{padding-left:0;padding-right:0}.menu-item-dropdown .menu-item-content:after{content:'';position:absolute;width:20px;height:2px;left:50%;transform:translateX(-50%);bottom:4px;background:var(--f7-menu-item-dropdown-icon-color);border-radius:4px}.menu-dropdown{opacity:0;visibility:hidden;pointer-events:none;cursor:auto;height:10px;background:var(--f7-menu-bg-color);position:relative}.menu-dropdown-content{position:absolute;top:100%;border-radius:var(--f7-menu-dropdown-border-radius,var(--f7-menu-item-border-radius));padding-top:var(--f7-menu-dropdown-padding-vertical);padding-bottom:var(--f7-menu-dropdown-padding-vertical);box-sizing:border-box;background:var(--f7-menu-bg-color);overflow:auto;-webkit-overflow-scrolling:touch;min-width:calc(100% + 24px)}.menu-dropdown-item,.menu-dropdown-link{display:flex;justify-content:space-between;align-items:center;padding-left:var(--f7-menu-item-padding-horizontal);padding-right:var(--f7-menu-item-padding-horizontal);min-height:var(--f7-menu-dropdown-item-height);line-height:var(--f7-menu-line-height);font-size:var(--f7-menu-font-size);color:var(--f7-menu-text-color);font-weight:var(--f7-menu-font-weight);white-space:nowrap;min-width:100px}.menu-dropdown-item i,.menu-dropdown-item i.f7-icons,.menu-dropdown-item i.icon,.menu-dropdown-item i.material-icons,.menu-dropdown-link i,.menu-dropdown-link i.f7-icons,.menu-dropdown-link i.icon,.menu-dropdown-link i.material-icons{font-size:20px}.menu-dropdown-link.active-state{background:var(--f7-menu-dropdown-pressed-bg-color,var(--f7-theme-color));color:var(--f7-menu-text-color)}.menu-dropdown-divider{height:1px;margin-top:2px;margin-bottom:2px;background:var(--f7-menu-dropdown-divider-color)}.menu-item-dropdown-opened{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.menu-item-dropdown-opened .menu-item-content:after{opacity:0}.menu-item-dropdown-opened .menu-dropdown{opacity:1;visibility:visible;pointer-events:auto}.menu-dropdown-center:after,.menu-dropdown-left:after,.menu-item-dropdown-center .menu-dropdown:after,.menu-item-dropdown-left .menu-dropdown:after{content:'';position:absolute;left:100%;bottom:0;width:var(--f7-menu-item-border-radius);height:var(--f7-menu-item-border-radius);background-image:radial-gradient(ellipse at 100% 0%,transparent 0%,transparent 70%,var(--f7-menu-bg-color) 72%)}.menu-dropdown-center:before,.menu-dropdown-right:before,.menu-item-dropdown-center .menu-dropdown:before,.menu-item-dropdown-right .menu-dropdown:before{content:'';position:absolute;right:100%;bottom:0;width:var(--f7-menu-item-border-radius);height:var(--f7-menu-item-border-radius);background-image:radial-gradient(ellipse at 0% 0%,transparent 0%,transparent 70%,var(--f7-menu-bg-color) 72%)}.menu-dropdown-left .menu-dropdown-content,.menu-item-dropdown-left .menu-dropdown-content{left:0;border-top-left-radius:0px}.menu-dropdown-right .menu-dropdown-content,.menu-item-dropdown-right .menu-dropdown-content{right:0;border-top-right-radius:0px}.menu-dropdown-center .menu-dropdown-content,.menu-item-dropdown-center .menu-dropdown-content{left:50%;min-width:calc(100% + 24px + 24px);transform:translateX(-50%)}:root{--f7-color-picker-sheet-bg-color:#fff;--f7-color-picker-popup-bg-color:#fff;--f7-color-picker-popover-width:350px;--f7-color-picker-slider-size:6px;--f7-color-picker-slider-knob-size:16px;--f7-color-picker-bar-size:50px;--f7-color-picker-bar-min-height:260px;--f7-color-picker-value-bg-color:rgba(0, 0, 0, 0.05);--f7-color-picker-value-width:64px;--f7-color-picker-value-height:32px;--f7-color-picker-value-font-size:16px;--f7-color-picker-value-border-radius:4px;--f7-color-picker-hex-value-width:84px;--f7-color-picker-label-font-size:14px;--f7-color-picker-label-width:10px;--f7-color-picker-label-height:14px;--f7-color-picker-sb-spectrum-height:260px;--f7-color-picker-sb-spectrum-handle-size:16px;--f7-color-picker-wheel-width:330px;--f7-color-picker-group-bg-color:rgba(0, 0, 0, 0.05);--f7-color-picker-group-value-bg-color:#fff;--f7-color-picker-palette-value-width:36px;--f7-color-picker-palette-value-height:36px;--f7-color-picker-initial-current-color-height:40px;--f7-color-picker-initial-current-color-border-radius:4px}:root .theme-dark,:root.theme-dark{--f7-color-picker-sheet-bg-color:#121212;--f7-color-picker-popup-bg-color:#121212;--f7-color-picker-value-bg-color:rgba(255, 255, 255, 0.1);--f7-color-picker-group-bg-color:#000;--f7-color-picker-group-value-bg-color:rgba(255, 255, 255, 0.12)}.color-picker{overflow:hidden;width:100%;display:flex;flex-direction:column}.color-picker-popover .color-picker,.color-picker-popup .color-picker,.color-picker.color-picker-inline{position:relative}.color-picker-sheet-modal{background:var(--f7-color-picker-sheet-bg-color)}.color-picker-sheet-modal:before{z-index:600}.color-picker-sheet-modal .sheet-modal-inner{margin-bottom:var(--f7-safe-area-bottom)}.color-picker-popup .page{background:var(--f7-color-picker-popup-bg-color)}.color-picker-popup .page-content{padding-bottom:var(--f7-safe-area-bottom)}.color-picker-page .color-picker,.color-picker-popover .color-picker,.color-picker-popup .color-picker{height:100%}.color-picker-page .color-picker .toolbar,.color-picker-popover .color-picker .toolbar,.color-picker-popup .color-picker .toolbar{position:absolute}.color-picker-popover{width:var(--f7-color-picker-popover-width);max-width:90vw;max-height:80vh}.color-picker-popover .color-picker{max-height:80vh}.color-picker-popover .toolbar-top{border-top-left-radius:var(--f7-popover-border-radius);border-top-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette{overflow:hidden;flex-shrink:0}.color-picker-popover .color-picker-module-palette:first-child{border-top-left-radius:var(--f7-popover-border-radius);border-top-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette:last-child{border-bottom-left-radius:var(--f7-popover-border-radius);border-bottom-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette:first-child:last-child{border-radius:var(--f7-popover-border-radius)}.color-picker-popover .toolbar~.page-content .color-picker-module-palette:first-child{border-top-left-radius:0;border-top-right-radius:0}.color-picker-page .page-content,.color-picker-popover .page-content,.color-picker-popup .page-content,.color-picker-sheet-modal .page-content{display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column;overflow-x:hidden}.color-picker-module{margin-top:5px}.color-picker-module:last-child{margin-bottom:5px}.color-picker-module-hs-spectrum,.color-picker-module-sb-spectrum{margin-left:10px;margin-right:10px}.color-picker-module-hs-spectrum:first-child,.color-picker-module-sb-spectrum:first-child{margin-top:10px}.color-picker-module-hs-spectrum .color-picker-hs-spectrum,.color-picker-module-hs-spectrum .color-picker-sb-spectrum,.color-picker-module-sb-spectrum .color-picker-hs-spectrum,.color-picker-module-sb-spectrum .color-picker-sb-spectrum{border-radius:4px;height:var(--f7-color-picker-sb-spectrum-height)}.color-picker-sb-spectrum{background-color:#000;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#000 100%),linear-gradient(to left,rgba(255,255,255,0) 0%,#fff 100%);position:relative}.color-picker-hs-spectrum{position:relative;background-image:linear-gradient(to right,red,#feff00,#0f0,#00feff,#00f,#ff00fe,red)}.color-picker-hs-spectrum:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(to bottom,rgba(255,255,255,0),#fff)}.color-picker-hs-spectrum-handle,.color-picker-sb-spectrum-handle{width:4px;height:4px;position:absolute;left:-2px;top:-2px;z-index:1}.color-picker-hs-spectrum-handle:after,.color-picker-sb-spectrum-handle:after{background-color:inherit;content:'';position:absolute;width:var(--f7-color-picker-sb-spectrum-handle-size);height:var(--f7-color-picker-sb-spectrum-handle-size);border:1px solid #fff;border-radius:50%;box-shadow:0px 0px 2px rgba(0,0,0,.5);box-sizing:border-box;left:50%;top:50%;transform:translate(-50%,-50%);transition:150ms;transition-property:transform;transform-origin:center}.color-picker-hs-spectrum-handle.color-picker-hs-spectrum-handle-pressed:after,.color-picker-hs-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after,.color-picker-sb-spectrum-handle.color-picker-hs-spectrum-handle-pressed:after,.color-picker-sb-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after{transform:scale(1.5) translate(-33.333%,-33.333%)}.color-picker-module-wheel{margin-left:10px;margin-right:10px}.color-picker-wheel{position:relative;width:var(--f7-color-picker-wheel-width);max-width:100%;height:auto;font-size:0;margin-left:auto;margin-right:auto}.color-picker-wheel svg{width:100%;height:auto}.color-picker-wheel .color-picker-wheel-handle{width:calc(100% / 6);height:calc(100% / 6);position:absolute;box-sizing:border-box;border:2px solid #fff;box-shadow:0px 0px 5px rgba(0,0,0,.5);background:red;border-radius:50%;left:0;top:0}.color-picker-wheel .color-picker-sb-spectrum{width:45%;height:45%;left:50%;top:50%;transform:translate3d(-50%,-50%,0);position:absolute}.color-picker-slider-wrap{display:flex;align-items:center;margin-bottom:2px}.color-picker-slider-wrap+.color-picker-slider-wrap{margin-top:5px}.color-picker-hex-wrap{justify-content:space-between;display:flex;align-items:center}.color-picker-hex-label,.color-picker-slider-label{font-size:var(--f7-color-picker-label-font-size);width:var(--f7-color-picker-label-size);flex-shrink:0;margin-right:12px}.color-picker-hex-label{width:auto}.color-picker-bar-value,.color-picker-hex-value,.color-picker-slider-value{width:var(--f7-color-picker-value-width);height:var(--f7-color-picker-value-height);background:var(--f7-color-picker-value-bg-color);border-radius:var(--f7-color-picker-value-border-radius);text-align:center;font-size:var(--f7-color-picker-value-font-size);display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-left:10px}.color-picker-bar-value input,.color-picker-hex-value input,.color-picker-slider-value input{width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;background:0 0;color:inherit;font-family:inherit;font-size:inherit;text-align:center;display:block;border-radius:4px}.color-picker-bar-value input::-webkit-inner-spin-button,.color-picker-bar-value input::-webkit-outer-spin-button,.color-picker-hex-value input::-webkit-inner-spin-button,.color-picker-hex-value input::-webkit-outer-spin-button,.color-picker-slider-value input::-webkit-inner-spin-button,.color-picker-slider-value input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;display:none}.color-picker-hex-value{width:var(--f7-color-picker-hex-value-width)}.color-picker-hex-value:first-child{margin-left:auto}.color-picker-slider{--f7-range-bar-active-bg-color:transparent;--f7-range-bar-size:var(--f7-color-picker-slider-size);--f7-range-bar-border-radius:var(--f7-color-picker-slider-size);--f7-range-knob-size:var(--f7-color-picker-slider-knob-size);--f7-range-knob-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3)}.color-picker-slider .range-knob{transition-duration:.2s;transition-property:transform}.color-picker-slider .range-knob:after{width:30px;height:30px;margin-left:-16px;margin-top:-16px}.color-picker-slider .range-knob-active-state .range-knob{transform:scale(1.5)}.md .color-picker-slider.range-slider-min:not(.range-slider-dual) .range-knob{background:var(--f7-range-knob-color)!important;border:none}.color-picker-module-rgb-bars{display:flex;justify-content:space-around;justify-content:space-evenly;align-items:stretch;height:100%;min-height:var(--f7-color-picker-bar-min-height);padding-bottom:10px;padding-top:10px;box-sizing:border-box}.color-picker-bar-wrap{display:flex;align-items:center;flex-direction:column-reverse}.color-picker-bar{--f7-range-bar-active-bg-color:transparent;--f7-range-bar-size:var(--f7-color-picker-bar-size);--f7-range-bar-border-radius:2px;--f7-range-knob-size:6px;--f7-range-knob-box-shadow:0 0px 3px rgba(0, 0, 0, 0.3);--f7-range-knob-color:#fff}.color-picker-bar .range-knob{transition-duration:0s;transition-property:transform;border-radius:3px}.color-picker-bar .range-knob-wrap{height:6px;width:calc(var(--f7-color-picker-bar-size) - 4px);margin-left:calc(-.5 * (var(--f7-color-picker-bar-size) - 4px))}.color-picker-bar .range-knob-active-state .range-knob{transform:scale(1)}.md .color-picker-bar.range-slider-min:not(.range-slider-dual) .range-knob{background:var(--f7-range-knob-color)!important;border:none}.color-picker-bar-label{font-size:var(--f7-color-picker-label-size);margin-top:12px;line-height:1;height:var(--f7-color-picker-label-height);flex-shrink:0}.color-picker-bar-value{margin-left:0;margin-bottom:10px}.color-picker-slider-alpha{--f7-range-knob-color:#fff}.color-picker-slider-alpha .range-bar{background-image:linear-gradient(to right,rgba(0,0,0,0),#000),linear-gradient(to right,rgba(255,255,255,.2) 50%,rgba(0,0,0,.2) 50%),linear-gradient(to left,rgba(255,255,255,.2) 50%,rgba(0,0,0,.2) 50%);background-size:100% 100%,6px 3px,6px 3px;background-position:0 0,0px 3px,0 0;background-repeat:repeat-y,repeat-x,repeat-x}.color-picker-slider-hue .range-bar{background-image:linear-gradient(to right,red,#feff00,#0f0,#00feff,#00f,#ff00fe,red)}.color-picker-slider-brightness .range-bar{background-image:linear-gradient(to right,#000,#fff)}.color-picker-module-palette{margin-top:16px}.color-picker-module-palette:first-child{margin-top:0}.color-picker-module-palette:last-child{margin-bottom:0}.color-picker-module-palette:first-child:last-child{margin:0}.color-picker-palette{display:flex;flex-wrap:wrap}.color-picker-palette-row{width:100%;display:flex;flex-wrap:nowrap}.color-picker-palette-row .color-picker-palette-value{width:100%}.color-picker-palette-value{width:var(--f7-color-picker-palette-value-width);height:var(--f7-color-picker-palette-value-height);cursor:pointer}.color-picker-module-current-color,.color-picker-module-initial-current-colors{margin-left:10px;margin-right:10px;border-radius:var(--f7-color-picker-initial-current-color-border-radius);overflow:hidden;flex-shrink:0}.color-picker-current-color,.color-picker-initial-color{height:var(--f7-color-picker-initial-current-color-height)}.color-picker-initial-current-colors{display:flex}.color-picker-initial-current-colors .color-picker-current-color,.color-picker-initial-current-colors .color-picker-initial-color{width:50%}.color-picker-module-alpha-slider,.color-picker-module-brightness-slider,.color-picker-module-hex,.color-picker-module-hsb-sliders,.color-picker-module-hue-slider,.color-picker-module-rgb-sliders{margin-left:10px;margin-right:10px}.color-picker-grouped-modules .color-picker-module-alpha-slider,.color-picker-grouped-modules .color-picker-module-brightness-slider,.color-picker-grouped-modules .color-picker-module-hex,.color-picker-grouped-modules .color-picker-module-hsb-sliders,.color-picker-grouped-modules .color-picker-module-hue-slider,.color-picker-grouped-modules .color-picker-module-rgb-sliders{background:var(--f7-color-picker-group-bg-color);padding:5px;border-radius:4px;margin-top:16px;margin-left:5px;margin-right:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider:last-child,.color-picker-grouped-modules .color-picker-module-brightness-slider:last-child,.color-picker-grouped-modules .color-picker-module-hex:last-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders:last-child,.color-picker-grouped-modules .color-picker-module-hue-slider:last-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders:last-child{margin-bottom:16px}.color-picker-grouped-modules .color-picker-hex-value,.color-picker-grouped-modules .color-picker-slider-value{background:var(--f7-color-picker-group-value-bg-color)}.color-picker-grouped-modules .color-picker-hex-label,.color-picker-grouped-modules .color-picker-slider-label{margin-left:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:first-child{margin-left:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:last-child{margin-right:5px}:root{--f7-treeview-item-padding-left:16px;--f7-treeview-item-padding-right:16px;--f7-treeview-toggle-size:24px;--f7-treeview-toggle-color:rgba(0, 0, 0, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-toggle-pressed-bg-color:rgba(0, 0, 0, 0.15);--f7-treeview-icon-color:rgba(0, 0, 0, 0.5);--f7-treeview-children-offset:29px;--f7-treeview-label-font-weight:400;--f7-treeview-label-text-color:inherit;--f7-treeview-selectable-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-pressed-bg-color:rgba(0, 0, 0, 0.15)}:root .theme-dark,:root.theme-dark{--f7-treeview-toggle-color:rgba(255, 255, 255, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-toggle-pressed-bg-color:rgba(255, 255, 255, 0.1);--f7-treeview-icon-color:rgba(255, 255, 255, 0.75);--f7-treeview-selectable-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-pressed-bg-color:rgba(255, 255, 255, 0.11)}.ios{--f7-treeview-item-height:34px;--f7-treeview-label-font-size:17px;--f7-treeview-icon-size:24px}.md{--f7-treeview-item-height:34px;--f7-treeview-label-font-size:16px;--f7-treeview-icon-size:24px}.aurora{--f7-treeview-item-height:28px;--f7-treeview-label-font-size:14px;--f7-treeview-icon-size:20px}.treeview-item-root{padding-left:var(--f7-treeview-item-padding-left);padding-right:var(--f7-treeview-item-padding-right);height:var(--f7-treeview-item-height);display:flex;align-items:center;justify-content:flex-start}.treeview-item-content{display:flex;justify-content:flex-start;align-items:center}.treeview-item-content>.f7-icons,.treeview-item-content>.material-icons,.treeview-item-content>i{width:var(--f7-treeview-icon-size);height:var(--f7-treeview-icon-size);font-size:var(--f7-treeview-icon-size);color:var(--f7-treeview-icon-color)}.treeview-item-content:first-child{margin-left:calc(var(--f7-treeview-toggle-size) + 5px)}.treeview-item-content>*+*{margin-left:5px}.treeview-item-label{font-size:var(--f7-treeview-label-font-size);font-weight:var(--f7-treeview-label-font-weight);color:var(--f7-treeview-label-text-color)}.treeview-toggle{width:var(--f7-treeview-toggle-size);height:var(--f7-treeview-toggle-size);cursor:pointer;border-radius:4px;background-color:rgba(0,0,0,0);transition-duration:.2s;position:relative;margin-right:5px}.treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.treeview-toggle:after{transition-duration:.2s;content:'';position:absolute;left:50%;top:50%;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:translate(-50%,-50%);border-left:6px solid var(--f7-treeview-toggle-color)}.treeview-toggle-hidden{opacity:0;pointer-events:none;visibility:hidden}.treeview-preloader{--f7-preloader-size:var(--f7-treeview-toggle-size);margin-right:calc(-1 * var(--f7-treeview-toggle-size))}.treeview-item-children{display:none}.treeview-item-opened>.treeview-item-children{display:block}.treeview-item-opened>.treeview-item-root .treeview-toggle:after{transform:translate(-50%,-50%) rotate(90deg)}a.treeview-item-root{color:var(--f7-treeview-label-text-color)}.treeview-item-selectable.treeview-item-root,.treeview-item-selectable>.treeview-item-root{cursor:pointer;transition-duration:150ms}a.treeview-item-root{transition-duration:150ms}a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.treeview-item-toggle.treeview-item-root,.treeview-item-toggle>.treeview-item-root{cursor:pointer}.treeview-item-selected.treeview-item-root,.treeview-item-selected>.treeview-item-root{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}.treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 1)}.treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 2)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 3)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 4)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 5)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 6)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 7)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 8)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 9)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-left:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 10)}.aurora .treeview-toggle:hover{background-color:var(--f7-treeview-toggle-hover-bg-color)}.aurora .treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.aurora .treeview-item-selectable.treeview-item-root:hover,.aurora .treeview-item-selectable>.treeview-item-root:hover{background:var(--f7-treeview-selectable-hover-bg-color)}.aurora a.treeview-item-root:hover{background:var(--f7-treeview-link-hover-bg-color)}.aurora a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.aurora .treeview-item-selected.treeview-item-root:hover,.aurora .treeview-item-selected>.treeview-item-root:hover{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}iframe#viAd{z-index:12900!important;background:#000!important}.vi-overlay{background:rgba(0,0,0,.85);z-index:13100;position:absolute;left:0%;top:0%;width:100%;height:100%;border-radius:3px;display:flex;justify-content:center;flex-direction:column;align-items:center;align-content:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.vi-overlay{background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.vi-overlay .vi-overlay-text{text-align:center;color:#fff;max-width:80%}.vi-overlay .vi-overlay-text+.vi-overlay-play-button{margin-top:15px}.vi-overlay .vi-overlay-play-button{width:44px;height:44px;border-radius:50%;border:2px solid #fff;position:relative}.vi-overlay .vi-overlay-play-button.active-state{opacity:.55}.vi-overlay .vi-overlay-play-button:before{content:'';width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:14px solid #fff;position:absolute;left:50%;top:50%;margin-left:2px;transform:translate(-50%,-50%)}:root{--f7-elevation-0:0px 0px 0px 0px rgba(0, 0, 0, 0);--f7-elevation-1:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);--f7-elevation-2:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12);--f7-elevation-3:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12);--f7-elevation-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);--f7-elevation-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12);--f7-elevation-6:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);--f7-elevation-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12);--f7-elevation-8:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12);--f7-elevation-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12);--f7-elevation-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12);--f7-elevation-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12);--f7-elevation-12:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12);--f7-elevation-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12);--f7-elevation-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12);--f7-elevation-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12);--f7-elevation-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);--f7-elevation-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12);--f7-elevation-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12);--f7-elevation-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12);--f7-elevation-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12);--f7-elevation-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12);--f7-elevation-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12);--f7-elevation-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12);--f7-elevation-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.elevation-0{box-shadow:var(--f7-elevation-0)!important}.elevation-1{box-shadow:var(--f7-elevation-1)!important}.elevation-2{box-shadow:var(--f7-elevation-2)!important}.elevation-3{box-shadow:var(--f7-elevation-3)!important}.elevation-4{box-shadow:var(--f7-elevation-4)!important}.elevation-5{box-shadow:var(--f7-elevation-5)!important}.elevation-6{box-shadow:var(--f7-elevation-6)!important}.elevation-7{box-shadow:var(--f7-elevation-7)!important}.elevation-8{box-shadow:var(--f7-elevation-8)!important}.elevation-9{box-shadow:var(--f7-elevation-9)!important}.elevation-10{box-shadow:var(--f7-elevation-10)!important}.elevation-11{box-shadow:var(--f7-elevation-11)!important}.elevation-12{box-shadow:var(--f7-elevation-12)!important}.elevation-13{box-shadow:var(--f7-elevation-13)!important}.elevation-14{box-shadow:var(--f7-elevation-14)!important}.elevation-15{box-shadow:var(--f7-elevation-15)!important}.elevation-16{box-shadow:var(--f7-elevation-16)!important}.elevation-17{box-shadow:var(--f7-elevation-17)!important}.elevation-18{box-shadow:var(--f7-elevation-18)!important}.elevation-19{box-shadow:var(--f7-elevation-19)!important}.elevation-20{box-shadow:var(--f7-elevation-20)!important}.elevation-21{box-shadow:var(--f7-elevation-21)!important}.elevation-22{box-shadow:var(--f7-elevation-22)!important}.elevation-23{box-shadow:var(--f7-elevation-23)!important}.elevation-24{box-shadow:var(--f7-elevation-24)!important}.device-desktop .elevation-hover-0:hover{box-shadow:var(--f7-elevation-0)!important}.device-desktop .elevation-hover-1:hover{box-shadow:var(--f7-elevation-1)!important}.device-desktop .elevation-hover-2:hover{box-shadow:var(--f7-elevation-2)!important}.device-desktop .elevation-hover-3:hover{box-shadow:var(--f7-elevation-3)!important}.device-desktop .elevation-hover-4:hover{box-shadow:var(--f7-elevation-4)!important}.device-desktop .elevation-hover-5:hover{box-shadow:var(--f7-elevation-5)!important}.device-desktop .elevation-hover-6:hover{box-shadow:var(--f7-elevation-6)!important}.device-desktop .elevation-hover-7:hover{box-shadow:var(--f7-elevation-7)!important}.device-desktop .elevation-hover-8:hover{box-shadow:var(--f7-elevation-8)!important}.device-desktop .elevation-hover-9:hover{box-shadow:var(--f7-elevation-9)!important}.device-desktop .elevation-hover-10:hover{box-shadow:var(--f7-elevation-10)!important}.device-desktop .elevation-hover-11:hover{box-shadow:var(--f7-elevation-11)!important}.device-desktop .elevation-hover-12:hover{box-shadow:var(--f7-elevation-12)!important}.device-desktop .elevation-hover-13:hover{box-shadow:var(--f7-elevation-13)!important}.device-desktop .elevation-hover-14:hover{box-shadow:var(--f7-elevation-14)!important}.device-desktop .elevation-hover-15:hover{box-shadow:var(--f7-elevation-15)!important}.device-desktop .elevation-hover-16:hover{box-shadow:var(--f7-elevation-16)!important}.device-desktop .elevation-hover-17:hover{box-shadow:var(--f7-elevation-17)!important}.device-desktop .elevation-hover-18:hover{box-shadow:var(--f7-elevation-18)!important}.device-desktop .elevation-hover-19:hover{box-shadow:var(--f7-elevation-19)!important}.device-desktop .elevation-hover-20:hover{box-shadow:var(--f7-elevation-20)!important}.device-desktop .elevation-hover-21:hover{box-shadow:var(--f7-elevation-21)!important}.device-desktop .elevation-hover-22:hover{box-shadow:var(--f7-elevation-22)!important}.device-desktop .elevation-hover-23:hover{box-shadow:var(--f7-elevation-23)!important}.device-desktop .elevation-hover-24:hover{box-shadow:var(--f7-elevation-24)!important}.active-state.elevation-pressed-0,.device-desktop .active-state.elevation-pressed-0{box-shadow:var(--f7-elevation-0)!important}.active-state.elevation-pressed-1,.device-desktop .active-state.elevation-pressed-1{box-shadow:var(--f7-elevation-1)!important}.active-state.elevation-pressed-2,.device-desktop .active-state.elevation-pressed-2{box-shadow:var(--f7-elevation-2)!important}.active-state.elevation-pressed-3,.device-desktop .active-state.elevation-pressed-3{box-shadow:var(--f7-elevation-3)!important}.active-state.elevation-pressed-4,.device-desktop .active-state.elevation-pressed-4{box-shadow:var(--f7-elevation-4)!important}.active-state.elevation-pressed-5,.device-desktop .active-state.elevation-pressed-5{box-shadow:var(--f7-elevation-5)!important}.active-state.elevation-pressed-6,.device-desktop .active-state.elevation-pressed-6{box-shadow:var(--f7-elevation-6)!important}.active-state.elevation-pressed-7,.device-desktop .active-state.elevation-pressed-7{box-shadow:var(--f7-elevation-7)!important}.active-state.elevation-pressed-8,.device-desktop .active-state.elevation-pressed-8{box-shadow:var(--f7-elevation-8)!important}.active-state.elevation-pressed-9,.device-desktop .active-state.elevation-pressed-9{box-shadow:var(--f7-elevation-9)!important}.active-state.elevation-pressed-10,.device-desktop .active-state.elevation-pressed-10{box-shadow:var(--f7-elevation-10)!important}.active-state.elevation-pressed-11,.device-desktop .active-state.elevation-pressed-11{box-shadow:var(--f7-elevation-11)!important}.active-state.elevation-pressed-12,.device-desktop .active-state.elevation-pressed-12{box-shadow:var(--f7-elevation-12)!important}.active-state.elevation-pressed-13,.device-desktop .active-state.elevation-pressed-13{box-shadow:var(--f7-elevation-13)!important}.active-state.elevation-pressed-14,.device-desktop .active-state.elevation-pressed-14{box-shadow:var(--f7-elevation-14)!important}.active-state.elevation-pressed-15,.device-desktop .active-state.elevation-pressed-15{box-shadow:var(--f7-elevation-15)!important}.active-state.elevation-pressed-16,.device-desktop .active-state.elevation-pressed-16{box-shadow:var(--f7-elevation-16)!important}.active-state.elevation-pressed-17,.device-desktop .active-state.elevation-pressed-17{box-shadow:var(--f7-elevation-17)!important}.active-state.elevation-pressed-18,.device-desktop .active-state.elevation-pressed-18{box-shadow:var(--f7-elevation-18)!important}.active-state.elevation-pressed-19,.device-desktop .active-state.elevation-pressed-19{box-shadow:var(--f7-elevation-19)!important}.active-state.elevation-pressed-20,.device-desktop .active-state.elevation-pressed-20{box-shadow:var(--f7-elevation-20)!important}.active-state.elevation-pressed-21,.device-desktop .active-state.elevation-pressed-21{box-shadow:var(--f7-elevation-21)!important}.active-state.elevation-pressed-22,.device-desktop .active-state.elevation-pressed-22{box-shadow:var(--f7-elevation-22)!important}.active-state.elevation-pressed-23,.device-desktop .active-state.elevation-pressed-23{box-shadow:var(--f7-elevation-23)!important}.active-state.elevation-pressed-24,.device-desktop .active-state.elevation-pressed-24{box-shadow:var(--f7-elevation-24)!important}.elevation-transition-100{transition-duration:.1s;transition-property:box-shadow}.elevation-transition,.elevation-transition-200{transition-duration:.2s;transition-property:box-shadow}.elevation-transition-300{transition-duration:.3s;transition-property:box-shadow}.elevation-transition-400{transition-duration:.4s;transition-property:box-shadow}.elevation-transition-500{transition-duration:.5s;transition-property:box-shadow}:root{--f7-typography-padding:16px;--f7-typography-margin:16px}.display-flex{display:flex!important}.display-block{display:block!important}.display-inline-flex{display:inline-flex!important}.display-inline-block{display:inline-block!important}.display-inline{display:inline!important}.display-none{display:none!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-shrink-2{flex-shrink:2!important}.flex-shrink-3{flex-shrink:3!important}.flex-shrink-4{flex-shrink:4!important}.flex-shrink-5{flex-shrink:5!important}.flex-shrink-6{flex-shrink:6!important}.flex-shrink-7{flex-shrink:7!important}.flex-shrink-8{flex-shrink:8!important}.flex-shrink-9{flex-shrink:9!important}.flex-shrink-10{flex-shrink:10!important}.flex-direction-row{flex-direction:row!important}.flex-direction-row-reverse{flex-direction:row-reverse!important}.flex-direction-column{flex-direction:column!important}.flex-direction-column-reverse{flex-direction:column-reverse!important}.justify-content-flex-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-flex-end{justify-content:flex-end!important}.justify-content-space-between{justify-content:space-between!important}.justify-content-space-around{justify-content:space-around!important}.justify-content-space-evenly{justify-content:space-evenly!important}.justify-content-stretch{justify-content:stretch!important}.justify-content-start{justify-content:start!important}.justify-content-end{justify-content:end!important}.justify-content-left{justify-content:left!important}.justify-content-right{justify-content:right!important}.align-content-flex-start{align-content:flex-start!important}.align-content-flex-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-space-between{align-content:space-between!important}.align-content-space-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-items-baseline{align-items:baseline!important}.align-items-flex-start{align-items:flex-start!important}.align-items-flex-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-stretch{align-items:stretch!important}.align-self-flex-start{align-self:flex-start!important}.align-self-flex-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-stretch{align-self:stretch!important}.text-align-left{text-align:left!important}.text-align-center{text-align:center!important}.text-align-right{text-align:right!important}.text-align-justify{text-align:justify!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.vertical-align-bottom{vertical-align:bottom!important}.vertical-align-middle{vertical-align:middle!important}.vertical-align-top{vertical-align:top!important}.no-padding{padding:0!important}.no-padding-left{padding-left:0!important}.no-padding-right{padding-right:0!important}.no-padding-horizontal{padding-left:0!important;padding-right:0!important}.no-padding-top{padding-top:0!important}.no-padding-bottom{padding-bottom:0!important}.no-padding-vertical{padding-top:0!important;padding-bottom:0!important}.no-margin{margin:0!important}.no-margin-left{margin-left:0!important}.no-margin-right{margin-right:0!important}.no-margin-horizontal{margin-left:0!important;margin-right:0!important}.no-margin-top{margin-top:0!important}.no-margin-bottom{margin-bottom:0!important}.no-margin-vertical{margin-top:0!important;margin-bottom:0!important}.width-auto{width:auto!important}.width-100{width:100%!important}.padding{padding:var(--f7-typography-padding)!important}.padding-half{padding:calc(var(--f7-typography-padding)/ 2)!important}.padding-top{padding-top:var(--f7-typography-padding)!important}.padding-top-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important}.padding-bottom{padding-bottom:var(--f7-typography-padding)!important}.padding-bottom-half{padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-left{padding-left:var(--f7-typography-padding)!important}.padding-left-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important}.padding-right{padding-right:var(--f7-typography-padding)!important}.padding-right-half{padding-right:calc(var(--f7-typography-padding)/ 2)!important}.padding-vertical{padding-top:var(--f7-typography-padding)!important;padding-bottom:var(--f7-typography-padding)!important}.padding-vertical-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important;padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-horizontal{padding-left:var(--f7-typography-padding)!important;padding-right:var(--f7-typography-padding)!important}.padding-horizontal-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important;padding-right:calc(var(--f7-typography-padding)/ 2)!important}.margin{margin:var(--f7-typography-margin)!important}.margin-half{margin:calc(var(--f7-typography-margin)/ 2)!important}.margin-top{margin-top:var(--f7-typography-margin)!important}.margin-top-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important}.margin-bottom{margin-bottom:var(--f7-typography-margin)!important}.margin-bottom-half{margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-left{margin-left:var(--f7-typography-margin)!important}.margin-left-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important}.margin-right{margin-right:var(--f7-typography-margin)!important}.margin-right-half{margin-right:calc(var(--f7-typography-margin)/ 2)!important}.margin-vertical{margin-top:var(--f7-typography-margin)!important;margin-bottom:var(--f7-typography-margin)!important}.margin-vertical-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important;margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-horizontal{margin-left:var(--f7-typography-margin)!important;margin-right:var(--f7-typography-margin)!important}.margin-horizontal-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important;margin-right:calc(var(--f7-typography-margin)/ 2)!important}[class*=text-color-]{color:var(--f7-theme-color-text-color)!important}[class*=bg-color-]{background-color:var(--f7-theme-color-bg-color)!important}[class*=border-color-]{border-color:var(--f7-theme-color-border-color)!important} \ No newline at end of file diff --git a/packages/core/css/framework7.bundle.rtl.css b/packages/core/css/framework7.bundle.rtl.css index 2097c04c3e..6c48f1c063 100644 --- a/packages/core/css/framework7.bundle.rtl.css +++ b/packages/core/css/framework7.bundle.rtl.css @@ -1,5 +1,5 @@ /** - * Framework7 5.0.0-beta.2 + * Framework7 5.0.0-beta.3 * Full featured mobile HTML framework for building iOS & Android apps * http://framework7.io/ * @@ -7,7 +7,7 @@ * * Released under the MIT License * - * Released on: July 22, 2019 + * Released on: August 6, 2019 */ /*==================== @@ -119,13 +119,13 @@ --f7-bars-bg-image: none; --f7-bars-bg-color: #f7f7f8; --f7-bars-bg-color-rgb: 247, 247, 248; + --f7-bars-translucent-opacity: 0.8; + --f7-bars-translucent-blur: 20px; --f7-bars-text-color: #000; --f7-bars-shadow-bottom-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); --f7-bars-shadow-top-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); } .theme-dark { - --f7-bars-bg-color: #1b1b1b; - --f7-bars-bg-color-rgb: 27, 27, 27; --f7-bars-text-color: #fff; } .ios { @@ -140,11 +140,16 @@ .md { --f7-bars-border-color: transparent; } +.md .theme-dark, +.md.theme-dark { + --f7-bars-bg-color: #202020; +} .aurora { --f7-bars-border-color: rgba(0, 0, 0, 0.2); } .aurora .theme-dark, .aurora.theme-dark { + --f7-bars-bg-color: #202020; --f7-bars-border-color: rgba(255, 255, 255, 0.1); } /*==================== @@ -775,7 +780,7 @@ html.device-full-viewport body { } .md .theme-dark, .md.theme-dark { - --f7-page-bg-color: #171717; + --f7-page-bg-color: #121212; } .aurora { --f7-page-bg-color: #f3f3f3; @@ -783,7 +788,7 @@ html.device-full-viewport body { } .aurora .theme-dark, .aurora.theme-dark { - --f7-page-bg-color: #171717; + --f7-page-bg-color: #121212; } .theme-dark { --f7-page-master-border-color: rgba(255, 255, 255, 0.1); @@ -1230,8 +1235,8 @@ html.device-full-viewport body { --f7-navbar-large-title-font-weight: 700; --f7-navbar-large-title-letter-spacing: -0.03em; --f7-navbar-large-title-padding-vertical: 6px; - --f7-navbar-large-title-padding-left: 15px; - --f7-navbar-large-title-padding-right: 15px; + --f7-navbar-large-title-padding-left: 16px; + --f7-navbar-large-title-padding-right: 16px; /* --f7-navbar-link-height: var(--f7-navbar-height); --f7-navbar-link-line-height: var(--f7-navbar-height); @@ -1275,8 +1280,8 @@ html.device-full-viewport body { --f7-navbar-height: 38px; --f7-navbar-tablet-height: 38px; --f7-navbar-font-size: 14px; - --f7-navbar-inner-padding-left: 15px; - --f7-navbar-inner-padding-right: 15px; + --f7-navbar-inner-padding-left: 16px; + --f7-navbar-inner-padding-right: 16px; --f7-navbar-title-font-weight: 600; --f7-navbar-title-margin-left: 0; --f7-navbar-title-margin-right: 0; @@ -1290,8 +1295,8 @@ html.device-full-viewport body { --f7-navbar-large-title-font-weight: bold; --f7-navbar-large-title-letter-spacing: -0.03em; --f7-navbar-large-title-padding-vertical: 4px; - --f7-navbar-large-title-padding-left: 15px; - --f7-navbar-large-title-padding-right: 15px; + --f7-navbar-large-title-padding-left: 16px; + --f7-navbar-large-title-padding-right: 16px; --f7-navbar-link-height: auto; --f7-navbar-link-line-height: inherit; } @@ -1299,18 +1304,26 @@ html.device-full-viewport body { .aurora.theme-dark { --f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.5); } +.navbars, .navbar { - --f7-navbar-large-collapse-progress: 0; - position: relative; + z-index: 500; left: 0; top: 0; width: 100%; - z-index: 500; +} +.navbars { + position: absolute; +} +.navbars .navbar { + z-index: auto; +} +.navbar { + --f7-navbar-large-collapse-progress: 0; + position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; margin: 0; - transform: translate3d(0, 0, 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); @@ -1383,7 +1396,8 @@ html.device-full-viewport body { .navbar .no-shadow .navbar-bg:before { display: none !important; } -.navbar.navbar-hidden .navbar-bg:before { +.navbar.navbar-hidden .navbar-bg:before, +.navbar-hidden .navbar .navbar-bg:before { opacity: 0 !important; } .navbar-bg { @@ -1400,10 +1414,10 @@ html.device-full-viewport body { transition-property: transform; } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .navbar-bg { - background-color: rgba(var(--f7-navbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), 0.8); - -webkit-backdrop-filter: saturate(180%) blur(20px); - backdrop-filter: saturate(180%) 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, @@ -1446,26 +1460,24 @@ html.device-full-viewport body { } } .navbar-transitioning, -.navbar-transitioning:before, .navbar-transitioning .left, .navbar-transitioning .title, .navbar-transitioning .right, -.navbar-transitioning .title-large-inner, .navbar-transitioning .title-large-text, .navbar-transitioning .navbar-bg, -.navbar-transitioning .subnavbar { +.navbar-transitioning .subnavbar, +.navbar-transitioning .navbar-bg:before { transition-duration: var(--f7-navbar-hide-show-transition-duration); } .navbar-page-transitioning { transition-duration: var(--f7-page-swipeback-transition-duration) !important; } .navbar-page-transitioning .title-large-text, -.navbar-page-transitioning .title-large-inner, .navbar-page-transitioning .navbar-bg { transition-duration: var(--f7-page-swipeback-transition-duration) !important; } .navbar-hidden { - transform: translate3d(0, calc(-100% + var(--f7-safe-area-top)), 0); + transform: translate3d(0, calc(-1 * var(--f7-navbar-height)), 0); } .navbar-hidden .navbar-inner { pointer-events: none; @@ -1473,12 +1485,12 @@ html.device-full-viewport body { .navbar-hidden .navbar-inner > .left, .navbar-hidden .navbar-inner > .title, .navbar-hidden .navbar-inner > .right { - opacity: 0; + opacity: 0 !important; } .navbar-hidden-statusbar { - transform: translate3d(0, -100%, 0); + transform: translate3d(0, calc(-1 * var(--f7-navbar-height) - var(--f7-safe-area-top)), 0); } -.navbar-large-hidden { +.navbar-large-hidden .navbar-large { --f7-navbar-large-collapse-progress: 1; } .navbar-inner { @@ -1497,35 +1509,33 @@ html.device-full-viewport body { } .views > .navbar, .view > .navbar, -.page > .navbar { +.page > .navbar, +.navbars > .navbar { position: absolute; } .navbar-large .navbar-bg, -.navbar-inner-large .navbar-bg, .ios .router-navbar-transition-to-large .navbar-bg, .ios .router-navbar-transition-from-large .navbar-bg, .navbar-bg.ios-swipeback-navbar-bg-large, -.navbar-inner-large-transparent .navbar-bg.ios-swipeback-navbar-bg-large { +.navbar-large-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); } -.navbar-inner-large-transparent .navbar-bg { +.navbar-large-transparent .navbar-bg { opacity: var(--f7-navbar-large-collapse-progress); height: 100%; transform: none; } -.ios .navbar-inner:not(.navbar-inner-large) .navbar-bg { +.ios .navbar:not(.navbar-large) .navbar-bg { --f7-navbar-large-collapse-progress: 1; } -.navbar-inner-large > .title { - opacity: calc(-1 + 2 * var(--f7-navbar-large-collapse-progress)); +.navbar-large .title { + opacity: var(--f7-navbar-large-collapse-progress); } -.navbar-large-collapsed, -.navbar-inner-large-collapsed { +.navbar-large-collapsed { --f7-navbar-large-collapse-progress: 1; } -.navbar-large-collapsed .title-large, -.navbar-inner-large-collapsed .title-large { +.navbar-large-collapsed .title-large { pointer-events: none; } .navbar .title-large { @@ -1541,8 +1551,7 @@ html.device-full-viewport body { height: var(--f7-navbar-large-title-height); z-index: 5; } -.title-large-text, -.title-large-inner .title { +.navbar .title-large-text { text-overflow: ellipsis; white-space: nowrap; color: var(--f7-navbar-large-title-text-color); @@ -1554,24 +1563,23 @@ html.device-full-viewport body { 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); -} -.title-large-text, -.title-large-inner { 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(100% - var(--f7-navbar-large-title-padding-left) - var(--f7-safe-area-left)) center; } -.navbar-no-title-large-transition .title-large-text, -.navbar-no-title-large-transition .title-large-inner { +.navbar-no-title-large-transition .title-large-text { transition-duration: 0ms; } -.navbar ~ * { +.navbar ~ *, +.navbars ~ * { --f7-page-navbar-offset: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)); } .navbar ~ * .page-with-navbar-large, .navbar ~ .page-with-navbar-large, +.navbars ~ * .page-with-navbar-large, +.navbars ~ .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)); } @@ -1583,10 +1591,9 @@ html.device-full-viewport body { --f7-navbarLeftTextOffset: calc(4px + 12px + var(--f7-navbar-inner-padding-left)); --f7-navbarTitleLargeOffset: var(--f7-navbar-large-title-padding-left); --f7-navbar-large-transparent-bg-center: translateX(0); - --f7-navbar-large-transparent-bg-left: translateX(-100%); - --f7-navbar-large-transparent-bg-right: translateX(100%); --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-transparent-bg-left: translateX(100%); --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))); @@ -1605,7 +1612,7 @@ html.device-full-viewport body { } .ios .navbar .left a + a, .ios .navbar .right a + a { - margin-right: 15px; + margin-right: 16px; } .ios .navbar b { font-weight: 600; @@ -1632,18 +1639,27 @@ html.device-full-viewport body { text-align: left; margin-left: 10px; } +.ios .view-master-detail .navbar-previous:not(.navbar-master) .left, +.ios .view:not(.view-master-detail) .navbar-previous .left, +.ios .navbar-next .left, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title, +.ios .view:not(.view-master-detail) .navbar-previous .title, +.ios .navbar-next .title, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .right, +.ios .view:not(.view-master-detail) .navbar-previous .right, +.ios .navbar-next .right, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar, +.ios .view:not(.view-master-detail) .navbar-previous .subnavbar, +.ios .navbar-next .subnavbar, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading, +.ios .view:not(.view-master-detail) .navbar-previous .fading, +.ios .navbar-next .fading { + 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) .navbar-bg, -.ios .view:not(.view-master-detail) .navbar-previous .navbar-bg { - transform: translateX(-100%); -} -.ios .view-master-detail .navbar-previous:not(.navbar-master).navbar-large-collapsed, -.ios .view:not(.view-master-detail) .navbar-previous.navbar-large-collapsed { - transform: translateX(-100%) translateY(calc(-1 * var(--f7-navbar-large-title-height))); -} .ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large, .ios .view:not(.view-master-detail) .navbar-previous .title-large { opacity: 0; @@ -1654,66 +1670,31 @@ html.device-full-viewport body { transform: scale(0.5); transition-duration: 0ms; } -.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-inner, -.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-inner { - transform: translateX(-100%); - opacity: 0; - transition-duration: 0ms; -} -.ios .view-master-detail .navbar-previous:not(.navbar-master) .left, -.ios .view:not(.view-master-detail) .navbar-previous .left, -.ios .view-master-detail .navbar-previous:not(.navbar-master) .right, -.ios .view:not(.view-master-detail) .navbar-previous .right, -.ios .view-master-detail .navbar-previous:not(.navbar-master) > .title, -.ios .view:not(.view-master-detail) .navbar-previous > .title, -.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar, -.ios .view:not(.view-master-detail) .navbar-previous .subnavbar, -.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading, -.ios .view:not(.view-master-detail) .navbar-previous .fading { - opacity: 0; -} -.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding, -.ios .view:not(.view-master-detail) .navbar-previous .sliding { - opacity: 0; -} .ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding, .ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding, -.ios .view-master-detail .navbar-previous:not(.navbar-master).sliding .subnavbar, -.ios .view:not(.view-master-detail) .navbar-previous.sliding .subnavbar { +.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding .subnavbar, +.ios .view:not(.view-master-detail) .navbar-previous .sliding .subnavbar { opacity: 1; - transform: translate3d(-100%, 0, 0); + transform: translate3d(100%, 0, 0); +} +.ios .view:not(.view-master-detail) .navbar-previous .navbar-bg, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .navbar-bg { + transform: translateX(-100%); } .ios .navbar-next { pointer-events: none; } .ios .navbar-next .navbar-bg { - transform: translateX(100%); + transform: translateX(-100%); } -.ios .navbar-next .title-large .title-large-text, -.ios .navbar-next .title-large .title-large-inner { +.ios .navbar-next .title-large .title-large-text { transition-duration: 0ms; - transform: translateX(100%) translateY(calc(-1 * var(--f7-navbar-large-title-height))); -} -.ios .navbar-next .left, -.ios .navbar-next .right, -.ios .navbar-next > .title, -.ios .navbar-next .subnavbar, -.ios .navbar-next .fading { - opacity: 0; -} -.ios .navbar-next .sliding { - opacity: 0; -} -.ios .navbar-next.sliding .left, -.ios .navbar-next.sliding .right, -.ios .navbar-next.sliding > .title, -.ios .navbar-next.sliding .subnavbar { - opacity: 0; + transform: translateX(-100%) translateY(calc(-1 * var(--f7-navbar-large-title-height))); } .ios .navbar-next .subnavbar.sliding, -.ios .navbar-next.sliding .subnavbar { +.ios .navbar-next .sliding .subnavbar { opacity: 1; - transform: translate3d(100%, 0, 0); + transform: translate3d(-100%, 0, 0); } .ios .router-transition .navbar, .ios .router-transition .navbar-bg { @@ -1728,22 +1709,24 @@ html.device-full-viewport body { transition-duration: 0ms; } .ios .router-transition .navbar-current .left, -.ios .router-transition .navbar-current > .title, +.ios .router-transition .navbar-current .title, .ios .router-transition .navbar-current .right, .ios .router-transition .navbar-current .subnavbar { animation: ios-navbar-element-fade-out var(--f7-page-transition-duration) forwards; } -.ios .router-transition .navbar-current .sliding, -.ios .router-transition .navbar-current .left.sliding .icon + span, -.ios .router-transition .navbar-current.sliding .left, -.ios .router-transition .navbar-current.sliding .left .icon + span, -.ios .router-transition .navbar-current.sliding > .title, -.ios .router-transition .navbar-current.sliding .right { +.ios .router-transition .navbar-current .sliding.left, +.ios .router-transition .navbar-current .sliding.left .icon + span, +.ios .router-transition .navbar-current .sliding.title, +.ios .router-transition .navbar-current .sliding.right, +.ios .router-transition .navbar-current .sliding .left, +.ios .router-transition .navbar-current .sliding .left .icon + span, +.ios .router-transition .navbar-current .sliding .title, +.ios .router-transition .navbar-current .sliding .right { transition-duration: var(--f7-page-transition-duration); opacity: 0 !important; animation: none; } -.ios .router-transition .navbar-current.sliding .subnavbar, +.ios .router-transition .navbar-current .sliding .subnavbar, .ios .router-transition .navbar-current .sliding.subnavbar { transition-duration: var(--f7-page-transition-duration); animation: none; @@ -1751,28 +1734,32 @@ html.device-full-viewport body { } .ios .router-transition-forward .navbar-next .left, .ios .router-transition-backward .navbar-previous .left, -.ios .router-transition-forward .navbar-next > .title, -.ios .router-transition-backward .navbar-previous > .title, +.ios .router-transition-forward .navbar-next .title, +.ios .router-transition-backward .navbar-previous .title, .ios .router-transition-forward .navbar-next .right, .ios .router-transition-backward .navbar-previous .right, .ios .router-transition-forward .navbar-next .subnavbar, .ios .router-transition-backward .navbar-previous .subnavbar { animation: ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards; } -.ios .router-transition-forward .navbar-next .sliding, -.ios .router-transition-backward .navbar-previous .sliding, -.ios .router-transition-forward .navbar-next .left.sliding .icon + span, -.ios .router-transition-backward .navbar-previous .left.sliding .icon + span, -.ios .router-transition-forward .navbar-next.sliding .left, -.ios .router-transition-backward .navbar-previous.sliding .left, -.ios .router-transition-forward .navbar-next.sliding .left .icon + span, -.ios .router-transition-backward .navbar-previous.sliding .left .icon + span, -.ios .router-transition-forward .navbar-next.sliding > .title, -.ios .router-transition-backward .navbar-previous.sliding > .title, -.ios .router-transition-forward .navbar-next.sliding .right, -.ios .router-transition-backward .navbar-previous.sliding .right, -.ios .router-transition-forward .navbar-next.sliding .subnavbar, -.ios .router-transition-backward .navbar-previous.sliding .subnavbar { +.ios .router-transition-forward .navbar-next .sliding.left, +.ios .router-transition-backward .navbar-previous .sliding.left, +.ios .router-transition-forward .navbar-next .sliding.left .icon + span, +.ios .router-transition-backward .navbar-previous .sliding.left .icon + span, +.ios .router-transition-forward .navbar-next .sliding.title, +.ios .router-transition-backward .navbar-previous .sliding.title, +.ios .router-transition-forward .navbar-next .sliding.right, +.ios .router-transition-backward .navbar-previous .sliding.right, +.ios .router-transition-forward .navbar-next .sliding .left, +.ios .router-transition-backward .navbar-previous .sliding .left, +.ios .router-transition-forward .navbar-next .sliding .left .icon + span, +.ios .router-transition-backward .navbar-previous .sliding .left .icon + span, +.ios .router-transition-forward .navbar-next .sliding .title, +.ios .router-transition-backward .navbar-previous .sliding .title, +.ios .router-transition-forward .navbar-next .sliding .right, +.ios .router-transition-backward .navbar-previous .sliding .right, +.ios .router-transition-forward .navbar-next .sliding .subnavbar, +.ios .router-transition-backward .navbar-previous .sliding .subnavbar { transition-duration: var(--f7-page-transition-duration); animation: none; transform: translate3d(0, 0, 0) !important; @@ -1780,8 +1767,8 @@ html.device-full-viewport body { } .ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .left, .ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .left, -.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition > .title, -.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled > .title, +.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .title, +.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .title, .ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .right, .ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .right, .ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .subnavbar, @@ -1796,9 +1783,6 @@ html.device-full-viewport body { .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-current.router-navbar-transition-from-large .title-large-inner { - animation: ios-navbar-large-title-inner-current-to-previous 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; @@ -1807,16 +1791,14 @@ html.device-full-viewport body { .ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { overflow: visible; } -.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text, -.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner { +.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, -.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-inner { +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text { animation: ios-navbar-large-title-text-slide-left var(--f7-page-transition-duration) forwards; } -.ios .router-transition-forward .navbar-next.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title, -.ios .router-transition-forward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title { +.ios .router-transition-forward .navbar-next.navbar-large:not(.navbar-large-collapsed) .title, +.ios .router-transition-forward .navbar-current.navbar-large:not(.navbar-large-collapsed) .title { animation: none; opacity: 0 !important; transition-duration: 0; @@ -1829,12 +1811,10 @@ html.device-full-viewport body { .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, -.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner { +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text { animation: ios-navbar-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, -.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-inner { +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text { animation: ios-navbar-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 { @@ -1849,11 +1829,8 @@ html.device-full-viewport body { .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-previous.router-navbar-transition-to-large .title-large-inner { - animation: ios-navbar-large-title-inner-previous-to-current var(--f7-page-transition-duration) forwards; -} -.ios .router-transition-backward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title, -.ios .router-transition-backward .navbar-previous.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title { +.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; @@ -1870,10 +1847,10 @@ html.device-full-viewport body { .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-inner-large-collapsed:not(.router-navbar-transition-to-large) .navbar-bg { +.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-current.navbar-inner-large-collapsed.navbar-inner-large-transparent:not(.router-navbar-transition-to-large) .navbar-bg { +.ios .router-transition-forward .navbar-current.navbar-large-collapsed.navbar-large-transparent:not(.router-navbar-transition-to-large) .navbar-bg { animation-name: ios-navbar-transparent-bg-from-c-to-l; } .ios .router-transition-forward .navbar-next .navbar-bg { @@ -1897,7 +1874,7 @@ html.device-full-viewport body { .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-inner-large-collapsed .navbar-bg { +.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-previous .navbar-bg { @@ -1909,48 +1886,68 @@ html.device-full-viewport body { .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-inner-large-collapsed .navbar-bg { +.ios .router-transition-backward .navbar-previous.navbar-large-collapsed .navbar-bg { animation-name: ios-navbar-bg-from-lt-to-ct; } -.ios .router-transition-backward .navbar-previous.navbar-inner-large-collapsed.navbar-inner-large-transparent .navbar-bg { +.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large-transparent .navbar-bg { animation-name: ios-navbar-transparent-bg-from-l-to-c; } -.ios .router-transition-backward .navbar-previous.navbar-inner-large-collapsed.navbar-inner-large-transparent.router-navbar-transition-from-large .navbar-bg { +.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large-transparent.router-navbar-transition-from-large .navbar-bg { animation-name: ios-navbar-bg-from-lb-to-ct; } +.view-master-detail .navbars { + z-index: auto; +} +.view-master-detail .page-master { + z-index: 525; +} +.view-master-detail .navbar-master .navbar-inner, +.view-master-detail .navbar-master .navbar-bg { + z-index: 550; +} +.view-master-detail .navbar-master-detail .navbar-inner, +.view-master-detail .navbar-master-detail .navbar-bg { + 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:not(.navbar-inner-large) .title, +.view-master-detail .navbar-master.navbar-previous:not(.navbar-large) .title, .view-master-detail .navbar-master.navbar-previous .right, .view-master-detail .navbar-master.navbar-previous .subnavbar { opacity: 1; } -.ios .view-master-detail.router-transition .navbar-master .left, -.ios .view-master-detail.router-transition .navbar-master .left .icon + span, -.ios .view-master-detail.router-transition .navbar-master:not(.navbar-inner-large) .title, -.ios .view-master-detail.router-transition .navbar-master .right, -.ios .view-master-detail.router-transition .navbar-master .subnavbar, -.ios .view-master-detail.router-transition .navbar-master .sliding, -.ios .view-master-detail.router-transition .navbar-master .fading { +.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:not(.navbar-large) .title, +.view-master-detail.router-transition .navbar-master .right, +.view-master-detail.router-transition .navbar-master .subnavbar, +.view-master-detail.router-transition .navbar-master .fading { opacity: 1 !important; transition-duration: 0ms; transform: none !important; animation: none !important; } -.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title { +.view-master-detail.router-transition .navbar-master .navbar-bg { + transition-duration: 0ms; + 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: 0ms; transform: none !important; animation: none !important; } -.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large, -.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-text, -.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-inner { +.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: 0ms; animation: none !important; } +.view-master-detail.router-transition .navbar-master.navbar-large-transparent .navbar-bg { + height: 100% !important; + opacity: var(--f7-navbar-large-collapse-progress) !important; +} @keyframes ios-navbar-element-fade-in { 0% { opacity: 0; @@ -2053,26 +2050,6 @@ html.device-full-viewport body { transform: translateX(0px) translateY(0px) scale(1); } } -@keyframes ios-navbar-large-title-inner-current-to-previous { - 0% { - transform: translateX(0%); - opacity: 1; - } - 100% { - transform: translateX(100%); - opacity: 0; - } -} -@keyframes ios-navbar-large-title-inner-previous-to-current { - 0% { - transform: translateX(100%); - opacity: 0; - } - 100% { - transform: translateX(0%); - opacity: 1; - } -} @keyframes ios-navbar-bg-from-cb-to-lb { from { transform: var(--f7-navbar-large-bg-center-bottom); @@ -2251,6 +2228,13 @@ html.device-full-viewport body { } .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-centered-title { justify-content: space-between; @@ -2279,7 +2263,7 @@ html.device-full-viewport body { margin-right: 10px; } .aurora .navbar .right:first-child { - left: calc(15px + var(--f7-safe-area-left)); + left: calc(16px + var(--f7-safe-area-left)); } .aurora .navbar-inner { justify-content: space-between; @@ -2327,9 +2311,9 @@ html.device-full-viewport body { --f7-tabbar-link-text-transform: none; --f7-tabbar-link-font-weight: 400; --f7-tabbar-link-letter-spacing: 0; - --f7-tabbar-label-font-size: 10px; + --f7-tabbar-label-font-size: 12px; --f7-tabbar-label-tablet-font-size: 14px; - --f7-tabbar-label-font-weight: 400; + --f7-tabbar-label-font-weight: 500; --f7-tabbar-label-letter-spacing: 0.01; } .ios .theme-dark, @@ -2369,8 +2353,8 @@ html.device-full-viewport body { .aurora { --f7-toolbar-height: 38px; --f7-toolbar-font-size: 14px; - --f7-toolbar-inner-padding-left: 15px; - --f7-toolbar-inner-padding-right: 15px; + --f7-toolbar-inner-padding-left: 16px; + --f7-toolbar-inner-padding-right: 16px; --f7-toolbar-link-height: auto; --f7-toolbar-link-line-height: inherit; --f7-tabbar-labels-height: 44px; @@ -2399,7 +2383,7 @@ html.device-full-viewport body { transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; - z-index: 500; + z-index: 600; box-sizing: border-box; left: 0; height: var(--f7-toolbar-height); @@ -2409,10 +2393,10 @@ html.device-full-viewport body { font-size: var(--f7-toolbar-font-size); } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .toolbar { - background-color: rgba(var(--f7-toolbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), 0.8); - -webkit-backdrop-filter: saturate(180%) blur(20px); - backdrop-filter: saturate(180%) 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 { @@ -2735,43 +2719,61 @@ html.device-full-viewport body { transform: translate3d(0, -100%, 0); } .navbar ~ .toolbar-top, +.navbars ~ .toolbar-top, .ios .navbar ~ .toolbar-top-ios, +.ios .navbars ~ .toolbar-top-ios, .md .navbar ~ .toolbar-top-md, .aurora .navbar ~ .toolbar-top-aurora, .navbar ~ * .toolbar-top, +.navbars ~ * .toolbar-top, .ios .navbar ~ * .toolbar-top-ios, +.ios .navbars ~ * .toolbar-top-ios, .md .navbar ~ * .toolbar-top-md, .aurora .navbar ~ * .toolbar-top-aurora, .navbar ~ .page:not(.no-navbar) .toolbar-top, +.navbars ~ .page:not(.no-navbar) .toolbar-top, .ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios, +.ios .navbars ~ .page:not(.no-navbar) .toolbar-top-ios, .md .navbar ~ .page:not(.no-navbar) .toolbar-top-md, .aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora { top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)); } .navbar ~ .toolbar-top.toolbar-hidden, +.navbars ~ .toolbar-top.toolbar-hidden, .ios .navbar ~ .toolbar-top-ios.toolbar-hidden, +.ios .navbars ~ .toolbar-top-ios.toolbar-hidden, .md .navbar ~ .toolbar-top-md.toolbar-hidden, .aurora .navbar ~ .toolbar-top-aurora.toolbar-hidden, .navbar ~ * .toolbar-top.toolbar-hidden, +.navbars ~ * .toolbar-top.toolbar-hidden, .ios .navbar ~ * .toolbar-top-ios.toolbar-hidden, +.ios .navbars ~ * .toolbar-top-ios.toolbar-hidden, .md .navbar ~ * .toolbar-top-md.toolbar-hidden, .aurora .navbar ~ * .toolbar-top-aurora.toolbar-hidden, .navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden, +.navbars ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden, .ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden, +.ios .navbars ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden, .md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden, .aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden { transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-safe-area-top))), 0); } .navbar ~ .toolbar-top.toolbar-hidden.tabbar-labels, +.navbars ~ .toolbar-top.toolbar-hidden.tabbar-labels, .ios .navbar ~ .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.ios .navbars ~ .toolbar-top-ios.toolbar-hidden.tabbar-labels, .md .navbar ~ .toolbar-top-md.toolbar-hidden.tabbar-labels, .aurora .navbar ~ .toolbar-top-aurora.toolbar-hidden.tabbar-labels, .navbar ~ * .toolbar-top.toolbar-hidden.tabbar-labels, +.navbars ~ * .toolbar-top.toolbar-hidden.tabbar-labels, .ios .navbar ~ * .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.ios .navbars ~ * .toolbar-top-ios.toolbar-hidden.tabbar-labels, .md .navbar ~ * .toolbar-top-md.toolbar-hidden.tabbar-labels, .aurora .navbar ~ * .toolbar-top-aurora.toolbar-hidden.tabbar-labels, .navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels, +.navbars ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels, .ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.ios .navbars ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels, .md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels, .aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden.tabbar-labels { transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-safe-area-top))), 0); @@ -2935,7 +2937,7 @@ html.device-full-viewport body { } .aurora .tabbar-scrollable a.tab-link, .aurora .tabbar-scrollable a.link { - padding: 0 15px; + padding: 0 16px; } /* === Subnavbar === */ :root { @@ -2956,7 +2958,7 @@ html.device-full-viewport body { --f7-subnavbar-title-font-size: 34px; --f7-subnavbar-title-font-weight: 700; --f7-subnavbar-title-letter-spacing: -0.03em; - --f7-subnavbar-title-margin-left: 7px; + --f7-subnavbar-title-margin-left: 8px; --f7-subnavbar-shadow-image: none; /* --f7-subnavbar-link-height: var(--f7-subnavbar-height); @@ -2979,8 +2981,8 @@ html.device-full-viewport body { } .aurora { --f7-subnavbar-height: 38px; - --f7-subnavbar-inner-padding-left: 15px; - --f7-subnavbar-inner-padding-right: 15px; + --f7-subnavbar-inner-padding-left: 16px; + --f7-subnavbar-inner-padding-right: 16px; --f7-subnavbar-title-font-size: 26px; --f7-subnavbar-title-font-weight: bold; --f7-subnavbar-title-letter-spacing: -0.03em; @@ -2994,7 +2996,7 @@ html.device-full-viewport body { position: absolute; left: 0; top: 0; - z-index: 500; + z-index: 600; box-sizing: border-box; display: flex; justify-content: space-between; @@ -3004,13 +3006,13 @@ html.device-full-viewport body { color: var(--f7-subnavbar-text-color, var(--f7-bars-text-color)); } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .subnavbar { - background-color: rgba(var(--f7-subnavbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), 0.8); - -webkit-backdrop-filter: saturate(180%) blur(20px); - backdrop-filter: saturate(180%) 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 .title { +.subnavbar .subnavbar-title { position: relative; overflow: hidden; text-overflow: ellpsis; @@ -3105,13 +3107,17 @@ html.device-full-viewport body { position: absolute; } .navbar ~ * .subnavbar, +.navbars ~ * .subnavbar, .page-with-subnavbar .navbar ~ .subnavbar, .page-with-subnavbar .navbar ~ * .subnavbar, .navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar, -.navbar ~ .subnavbar { +.navbar ~ .subnavbar, +.navbars ~ .page-with-subnavbar:not(.no-navbar) .subnavbar, +.navbars ~ .subnavbar { top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)); } .navbar ~ .page-with-navbar-large:not(.no-navbar) .subnavbar, +.navbars ~ .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, .navbar .title-large ~ .subnavbar { @@ -3133,7 +3139,7 @@ html.device-full-viewport body { } .ios .subnavbar .left a + a, .ios .subnavbar .right a + a { - margin-right: 15px; + margin-right: 16px; } .ios .subnavbar .left { margin-left: 10px; @@ -3212,7 +3218,7 @@ html.device-full-viewport body { margin-right: 10px; } .aurora .subnavbar .right:first-child { - left: 15px; + left: 16px; } .aurora .subnavbar a.link { justify-content: flex-start; @@ -3223,6 +3229,8 @@ html.device-full-viewport body { } /* === Content Block === */ :root { + --f7-block-padding-horizontal: 16px; + --f7-block-padding-vertical: 16px; --f7-block-font-size: inherit; --f7-block-text-color: inherit; --f7-block-strong-bg-color: #fff; @@ -3236,17 +3244,17 @@ html.device-full-viewport body { --f7-block-title-medium-text-transform: none; --f7-block-title-large-text-color: #000; --f7-block-title-large-text-transform: none; + --f7-block-inset-side-margin: 16px; } :root .theme-dark, :root.theme-dark { + --f7-block-title-text-color: #fff; --f7-block-strong-border-color: rgba(255, 255, 255, 0.15); --f7-block-title-medium-text-color: #fff; --f7-block-title-large-text-color: #fff; --f7-block-strong-bg-color: #1c1c1d; } .ios { - --f7-block-padding-horizontal: 15px; - --f7-block-padding-vertical: 15px; --f7-block-margin-vertical: 35px; --f7-block-strong-text-color: #000; --f7-block-strong-border-color: rgba(0, 0, 0, 0.22); @@ -3261,21 +3269,17 @@ html.device-full-viewport body { --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-side-margin: 15px; --f7-block-inset-border-radius: 7px; --f7-block-header-text-color: rgba(0, 0, 0, 0.45); --f7-block-footer-text-color: rgba(0, 0, 0, 0.45); } .ios .theme-dark, .ios.theme-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; } .md { - --f7-block-padding-horizontal: 16px; - --f7-block-padding-vertical: 16px; --f7-block-margin-vertical: 32px; --f7-block-strong-text-color: inherit; --f7-block-strong-border-color: rgba(0, 0, 0, 0.12); @@ -3290,20 +3294,16 @@ html.device-full-viewport body { --f7-block-title-large-font-size: 34px; --f7-block-title-large-font-weight: 500; --f7-block-title-large-line-height: 1.2; - --f7-block-inset-side-margin: 16px; --f7-block-inset-border-radius: 4px; --f7-block-header-text-color: rgba(0, 0, 0, 0.54); --f7-block-footer-text-color: rgba(0, 0, 0, 0.54); } .md .theme-dark, .md.theme-dark { - --f7-block-title-text-color: #fff; --f7-block-header-text-color: rgba(255, 255, 255, 0.54); --f7-block-footer-text-color: rgba(255, 255, 255, 0.54); } .aurora { - --f7-block-padding-horizontal: 15px; - --f7-block-padding-vertical: 15px; --f7-block-margin-vertical: 15px; --f7-block-strong-text-color: inherit; --f7-block-strong-border-color: rgba(0, 0, 0, 0.12); @@ -3318,16 +3318,14 @@ html.device-full-viewport body { --f7-block-title-large-font-size: 28px; --f7-block-title-large-font-weight: bold; --f7-block-title-large-line-height: 1.3; - --f7-block-inset-side-margin: 15px; --f7-block-inset-border-radius: 4px; --f7-block-header-text-color: rgba(0, 0, 0, 0.6); --f7-block-footer-text-color: rgba(0, 0, 0, 0.6); } .aurora .theme-dark, .aurora.theme-dark { - --f7-block-title-text-color: #fff; - --f7-block-header-text-color: rgba(255, 255, 255, 0.52); - --f7-block-footer-text-color: rgba(255, 255, 255, 0.52); + --f7-block-header-text-color: rgba(255, 255, 255, 0.54); + --f7-block-footer-text-color: rgba(255, 255, 255, 0.54); --f7-block-strong-text-color: #fff; } .block { @@ -3599,6 +3597,10 @@ html.device-full-viewport body { } /* === List View === */ :root { + --f7-list-inset-side-margin: 16px; + --f7-list-item-cell-margin: 16px; + --f7-list-item-padding-horizontal: 16px; + --f7-list-media-item-padding-horizontal: 16px; --f7-list-bg-color: #fff; --f7-list-item-text-max-lines: 2; --f7-list-chevron-icon-color: rgba(0, 0, 0, 0.2); @@ -3638,7 +3640,6 @@ html.device-full-viewport body { } .ios { --f7-list-in-list-padding-left: 30px; - --f7-list-inset-side-margin: 15px; --f7-list-inset-border-radius: 7px; --f7-list-margin-vertical: 35px; --f7-list-font-size: 17px; @@ -3656,13 +3657,10 @@ html.device-full-viewport body { --f7-list-item-after-padding: 5px; --f7-list-item-footer-text-color: rgba(0, 0, 0, 0.45); --f7-list-item-min-height: 44px; - --f7-list-item-media-margin: 15px; + --f7-list-item-media-margin: 16px; --f7-list-item-media-icons-margin: 5px; - --f7-list-item-cell-margin: 15px; --f7-list-item-padding-vertical: 8px; - --f7-list-item-padding-horizontal: 15px; --f7-list-media-item-padding-vertical: 10px; - --f7-list-media-item-padding-horizontal: 15px; --f7-list-media-item-title-font-weight: 600; /* --f7-list-button-text-color: var(--f7-theme-color); @@ -3695,7 +3693,6 @@ html.device-full-viewport body { } .md { --f7-list-in-list-padding-left: 40px; - --f7-list-inset-side-margin: 16px; --f7-list-inset-border-radius: 4px; --f7-list-margin-vertical: 32px; --f7-list-font-size: 16px; @@ -3715,11 +3712,8 @@ html.device-full-viewport body { --f7-list-item-min-height: 48px; --f7-list-item-media-margin: 16px; --f7-list-item-media-icons-margin: 8px; - --f7-list-item-cell-margin: 16px; --f7-list-item-padding-vertical: 8px; - --f7-list-item-padding-horizontal: 16px; --f7-list-media-item-padding-vertical: 14px; - --f7-list-media-item-padding-horizontal: 16px; /* --f7-list-media-item-title-font-weight: var(--f7-list-item-title-font-weight); */ @@ -3751,8 +3745,7 @@ html.device-full-viewport body { --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.54); } .aurora { - --f7-list-in-list-padding-left: 15px; - --f7-list-inset-side-margin: 15px; + --f7-list-in-list-padding-left: 16px; --f7-list-inset-border-radius: 4px; --f7-list-margin-vertical: 15px; --f7-list-font-size: 14px; @@ -3776,11 +3769,8 @@ html.device-full-viewport body { --f7-list-item-min-height: 32px; --f7-list-item-media-margin: 10px; --f7-list-item-media-icons-margin: 5px; - --f7-list-item-cell-margin: 15px; --f7-list-item-padding-vertical: 5px; - --f7-list-item-padding-horizontal: 15px; --f7-list-media-item-padding-vertical: 5px; - --f7-list-media-item-padding-horizontal: 15px; --f7-list-media-item-title-font-weight: 600; /* --f7-list-button-text-color: var(--f7-theme-color); @@ -3803,9 +3793,9 @@ html.device-full-viewport body { } .aurora .theme-dark, .aurora.theme-dark { - --f7-list-item-text-text-color: rgba(255, 255, 255, 0.52); - --f7-list-item-after-text-color: rgba(255, 255, 255, 0.52); - --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.52); + --f7-list-item-text-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-after-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.54); --f7-list-item-divider-text-color: rgba(255, 255, 255, 0.6); --f7-list-group-title-text-color: rgba(255, 255, 255, 0.6); --f7-list-link-pressed-bg-color: rgba(255, 255, 255, 0.05); @@ -4578,12 +4568,14 @@ li.list-group-title, --f7-button-fill-bg-color: var(--f7-theme-color); --f7-button-outline-border-color: var(--f7-theme-color); */ + --f7-button-outline-border-width: 2px; --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-bg-color: rgba(0, 0, 0, 0.07); --f7-segmented-strong-padding: 2px; --f7-segmented-strong-between-buttons: 4px; + --f7-segmented-strong-button-font-weight: 500; --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); @@ -4612,7 +4604,6 @@ li.list-group-title, --f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); --f7-button-fill-pressed-bg-color: var(--f7-theme-color-tint); */ - --f7-button-outline-border-width: 2px; --f7-button-large-height: 44px; --f7-button-large-font-size: 17px; --f7-button-large-font-weight: 500; @@ -4623,7 +4614,6 @@ li.list-group-title, --f7-button-small-text-transform: uppercase; --f7-button-small-outline-border-width: 2px; --f7-segmented-strong-button-text-transform: none; - --f7-segmented-strong-button-font-weight: 500; --f7-segmented-strong-button-active-font-weight: 600; } .md { @@ -4638,7 +4628,6 @@ li.list-group-title, /* --f7-button-fill-pressed-bg-color: var(--f7-theme-color-shade); */ - --f7-button-outline-border-width: 2px; --f7-button-large-height: 48px; --f7-button-large-font-size: 14px; --f7-button-large-font-weight: 500; @@ -4649,7 +4638,6 @@ li.list-group-title, --f7-button-small-text-transform: uppercase; --f7-button-small-outline-border-width: 2px; --f7-segmented-strong-button-text-transform: uppercase; - --f7-segmented-strong-button-font-weight: 500; --f7-segmented-strong-button-active-font-weight: 500; } .md .theme-dark, @@ -4673,7 +4661,6 @@ li.list-group-title, --f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); --f7-button-fill-pressed-bg-color: var(--f7-theme-color-shade); */ - --f7-button-outline-border-width: 2px; --f7-button-large-height: 34px; --f7-button-large-font-size: 14px; --f7-button-large-font-weight: 600; @@ -4684,7 +4671,6 @@ li.list-group-title, --f7-button-small-text-transform: none; --f7-button-small-outline-border-width: 1px; --f7-segmented-strong-button-text-transform: none; - --f7-segmented-strong-button-font-weight: 500; --f7-segmented-strong-button-active-font-weight: 600; } button { @@ -5228,8 +5214,8 @@ i.icon { } .aurora { --f7-appbar-height: 38px; - --f7-appbar-inner-padding-left: 15px; - --f7-appbar-inner-padding-right: 15px; + --f7-appbar-inner-padding-left: 16px; + --f7-appbar-inner-padding-right: 16px; } .appbar { position: relative; @@ -5250,10 +5236,10 @@ i.icon { z-index: 7000; } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .appbar { - background-color: rgba(var(--f7-appbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), 0.8); - -webkit-backdrop-filter: saturate(180%) blur(20px); - backdrop-filter: saturate(180%) blur(20px); + .ios-translucent-bars .appbar { + background-color: rgba(var(--f7-appbar-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)); } } .appbar .panel ~ .appbar { @@ -5358,7 +5344,7 @@ i.icon { --f7-dialog-bg-color-rgb: 255, 255, 255; --f7-dialog-box-shadow: none; --f7-dialog-width: 270px; - --f7-dialog-inner-padding: 15px; + --f7-dialog-inner-padding: 16px; --f7-dialog-border-radius: 13px; --f7-dialog-text-color: #000; --f7-dialog-text-align: center; @@ -5458,9 +5444,10 @@ i.icon { color: var(--f7-dialog-text-color); font-size: var(--f7-dialog-font-size); will-change: transform, opacity; + background: var(--f7-dialog-bg-color); } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .dialog { + .ios-translucent-modals .dialog { background-color: rgba(var(--f7-dialog-bg-color-rgb), 0.8); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); @@ -5788,7 +5775,7 @@ html.with-modal-dialog .page-content { font-weight: 600; } .aurora .dialog-button + .dialog-button { - margin-left: 15px; + margin-left: 16px; } .aurora .dialog-buttons-vertical .dialog-buttons { display: flex; @@ -5983,14 +5970,14 @@ html.with-modal-popup-push .framework7-root > .view { } .md .theme-dark, .md.theme-dark { - --f7-login-screen-bg-color: #171717; + --f7-login-screen-bg-color: #121212; } .aurora { --f7-login-screen-blocks-margin-vertical: 15px; } .aurora .theme-dark, .aurora.theme-dark { - --f7-login-screen-bg-color: #171717; + --f7-login-screen-bg-color: #121212; } .login-screen { position: absolute; @@ -6128,7 +6115,7 @@ html.with-modal-popup-push .framework7-root > .view { } .md .theme-dark, .md.theme-dark { - --f7-popover-bg-color: #202020; + --f7-popover-bg-color: #1c1c1d; --f7-popover-actions-label-text-color: rgba(255, 255, 255, 0.54); } .aurora { @@ -6141,7 +6128,7 @@ html.with-modal-popup-push .framework7-root > .view { } .aurora .theme-dark, .aurora.theme-dark { - --f7-popover-bg-color: #202020; + --f7-popover-bg-color: #1c1c1d; --f7-popover-actions-label-text-color: rgba(255, 255, 255, 0.6); } .popover { @@ -6444,10 +6431,18 @@ html.with-modal-popup-push .framework7-root > .view { --f7-actions-label-text-color: rgba(0, 0, 0, 0.54); --f7-actions-label-font-size: 16px; --f7-actions-label-justify-content: flex-start; - --f7-actions-group-border-color: #d2d2d6; + --f7-actions-group-border-color: rgba(0, 0, 0, 0.12); --f7-actions-group-margin: 0px; --f7-actions-grid-button-icon-size: 48px; } +.md .theme-dark, +.md.theme-dark { + --f7-actions-bg-color: #202020; + --f7-actions-button-text-color: #fff; + --f7-actions-button-pressed-bg-color: #2e2e2e; + --f7-actions-label-text-color: rgba(255, 255, 255, 0.55); + --f7-actions-group-border-color: rgba(255, 255, 255, 0.15); +} .aurora { --f7-actions-bg-color: #fff; --f7-actions-border-radius: 4px; @@ -6456,21 +6451,30 @@ html.with-modal-popup-push .framework7-root > .view { --f7-actions-button-text-color: var(--f7-theme-color); */ --f7-actions-button-pressed-bg-color: #e5e5e5; - --f7-actions-button-padding: 0 15px; + --f7-actions-button-padding: 0 16px; --f7-actions-button-text-align: center; --f7-actions-button-height: 32px; --f7-actions-button-height-landscape: 32px; --f7-actions-button-font-size: 14px; --f7-actions-button-icon-size: 18px; --f7-actions-button-justify-content: space-between; - --f7-actions-label-padding: 10px 15px; + --f7-actions-label-padding: 10px 16px; --f7-actions-label-text-color: rgba(0, 0, 0, 0.5); --f7-actions-label-font-size: 12px; --f7-actions-label-justify-content: center; --f7-actions-group-border-color: rgba(0, 0, 0, 0.1); - --f7-actions-group-margin: 15px; + --f7-actions-group-margin: 16px; --f7-actions-grid-button-icon-size: 32px; } +.aurora .theme-dark, +.aurora.theme-dark { + --f7-actions-bg-color: #202020; + --f7-actions-button-text-color: #fff; + --f7-actions-button-border-color: rgba(255, 255, 255, 0.15); + --f7-actions-button-pressed-bg-color: #2e2e2e; + --f7-actions-label-text-color: rgba(255, 255, 255, 0.55); + --f7-actions-group-border-color: rgba(255, 255, 255, 0.15); +} .actions-modal { position: absolute; left: 0; @@ -6549,8 +6553,8 @@ html.with-modal-popup-push .framework7-root > .view { background: var(--f7-actions-bg-color); } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .actions-button, - .ios-translucent .actions-label { + .ios-translucent-modals .actions-button, + .ios-translucent-modals .actions-label { background-color: rgba(var(--f7-actions-bg-color-rgb), 0.8); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); @@ -6618,7 +6622,7 @@ html.with-modal-popup-push .framework7-root > .view { color: var(--f7-theme-color); } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .actions-button.active-state { + .ios-translucent-modals .actions-button.active-state { background-color: rgba(var(--f7-actions-button-pressed-bg-color-rgb), 0.8); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); @@ -6715,18 +6719,18 @@ html.with-modal-popup-push .framework7-root > .view { font-size: var(--f7-actions-grid-button-font-size); } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .actions-grid .actions-group { + .ios-translucent-modals .actions-grid .actions-group { background-color: rgba(var(--f7-actions-bg-color-rgb), 0.8); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); } } .ios .actions-button-media { - margin-left: 15px; + margin-left: 16px; } .ios .actions-button-media + .actions-button-text { text-align: left; - margin-left: 15px; + margin-left: 16px; } .md .actions-button { transition-duration: 300ms; @@ -6738,11 +6742,11 @@ html.with-modal-popup-push .framework7-root > .view { margin-left: 16px; } .aurora .actions-button-media { - margin-left: 15px; + margin-left: 16px; } .aurora .actions-button-media + .actions-button-text { text-align: left; - margin-left: 15px; + margin-left: 16px; } /* === Sheet Modal === */ :root { @@ -6755,7 +6759,7 @@ html.with-modal-popup-push .framework7-root > .view { } :root .theme-dark, :root.theme-dark { - --f7-sheet-bg-color: #171717; + --f7-sheet-bg-color: #121212; } .ios { --f7-sheet-border-color: var(--f7-bars-border-color); @@ -6925,7 +6929,7 @@ html.with-modal-sheet-push .framework7-root > .view { .ios { --f7-toast-bg-color: rgba(0, 0, 0, 0.75); --f7-toast-bg-color-rgb: 0, 0, 0; - --f7-toast-padding-horizontal: 15px; + --f7-toast-padding-horizontal: 16px; --f7-toast-padding-vertical: 12px; --f7-toast-border-radius: 8px; --f7-toast-button-min-width: 64px; @@ -6957,7 +6961,7 @@ html.with-modal-sheet-push .framework7-root > .view { opacity: 0; } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .toast { + .ios-translucent-modals .toast { background-color: rgba(var(--f7-toast-bg-color-rgb), 0.8); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); @@ -7049,13 +7053,13 @@ html.with-modal-sheet-push .framework7-root > .view { border-radius: var(--f7-toast-border-radius); } .ios .toast.toast-top { - top: 15px; + top: 16px; } .ios .toast.toast-center { margin-left: 0; } .ios .toast.toast-bottom { - margin-bottom: calc(15px + var(--f7-safe-area-bottom)); + margin-bottom: calc(16px + var(--f7-safe-area-bottom)); } } @media (min-width: 1024px) { @@ -7065,11 +7069,11 @@ html.with-modal-sheet-push .framework7-root > .view { } .ios .toast.toast-bottom, .ios .toast.toast-top { - left: 15px; + left: 16px; } } .ios .toast-button { - margin-right: 15px; + margin-right: 16px; margin-left: calc(-1 * var(--f7-button-padding-horizontal)); } .md .toast { @@ -8343,20 +8347,24 @@ html.device-android-4 .accordion-item-content { font-weight: var(--f7-list-index-label-font-weight); } .navbar ~ .page > .list-index, +.navbars ~ .page > .list-index, .navbar ~ .list-index { top: var(--f7-navbar-height); } .navbar ~ .toolbar-top ~ .list-index, +.navbars ~ .toolbar-top ~ .list-index, .ios .navbar ~ .toolbar-top-ios ~ .list-index, -.md .navbar ~ .toolbar-top-md ~ .list-index { +.ios .navbars ~ .toolbar-top-ios .md .navbar ~ .toolbar-top-md ~ .list-index { top: calc(var(--f7-navbar-height) + var(--f7-toolbar-height)); } .navbar ~ .toolbar-top.tabbar-labels ~ .list-index, +.navbars ~ .toolbar-top.tabbar-labels ~ .list-index, .ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ .list-index, -.md .navbar ~ .toolbar-top-md.tabbar-labels ~ .list-index { +.ios .navbars ~ .toolbar-top-ios .md .navbar ~ .toolbar-top-md.tabbar-labels ~ .list-index { top: calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height)); } .navbar ~ .subnavbar ~ .list-index, +.navbars ~ .subnavbar ~ .list-index, .page-with-subnavbar .navbar ~ .list-index { top: calc(var(--f7-navbar-height) + var(--f7-subnavbar-height)); } @@ -8421,6 +8429,8 @@ html.device-android-4 .accordion-item-content { } /* === Timeline === */ :root { + --f7-timeline-inner-block-margin-vertical: 16px; + --f7-timeline-divider-margin-horizontal: 16px; --f7-timeline-horizontal-date-height: 34px; --f7-timeline-year-height: 24px; --f7-timeline-year-font-weight: inherit; @@ -8438,10 +8448,8 @@ html.device-android-4 .accordion-item-content { --f7-timeline-horizontal-item-date-border-color: rgba(255, 255, 255, 0.15); } .ios { - --f7-timeline-padding-horizontal: 15px; + --f7-timeline-padding-horizontal: 16px; --f7-timeline-margin-vertical: 35px; - --f7-timeline-divider-margin-horizontal: 15px; - --f7-timeline-inner-block-margin-vertical: 15px; --f7-timeline-item-inner-border-radius: 7px; --f7-timeline-item-inner-box-shadow: none; --f7-timeline-item-time-font-size: 13px; @@ -8467,8 +8475,6 @@ html.device-android-4 .accordion-item-content { .md { --f7-timeline-padding-horizontal: 16px; --f7-timeline-margin-vertical: 32px; - --f7-timeline-divider-margin-horizontal: 16px; - --f7-timeline-inner-block-margin-vertical: 16px; --f7-timeline-item-inner-border-radius: 4px; --f7-timeline-item-inner-box-shadow: var(--f7-elevation-1); --f7-timeline-item-time-font-size: 13px; @@ -8494,8 +8500,6 @@ html.device-android-4 .accordion-item-content { .aurora { --f7-timeline-padding-horizontal: 10px; --f7-timeline-margin-vertical: 15px; - --f7-timeline-divider-margin-horizontal: 15px; - --f7-timeline-inner-block-margin-vertical: 15px; --f7-timeline-item-inner-border-radius: 4px; --f7-timeline-item-inner-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); --f7-timeline-item-time-font-size: 12px; @@ -8517,8 +8521,8 @@ html.device-android-4 .accordion-item-content { } .aurora .theme-dark, .aurora.theme-dark { - --f7-timeline-item-time-text-color: rgba(255, 255, 255, 0.52); - --f7-timeline-item-text-color: rgba(255, 255, 255, 0.52); + --f7-timeline-item-time-text-color: rgba(255, 255, 255, 0.54); + --f7-timeline-item-text-color: rgba(255, 255, 255, 0.54); } .timeline { box-sizing: border-box; @@ -8778,10 +8782,10 @@ html.device-android-4 .accordion-item-content { text-align: right; } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .timeline-horizontal .timeline-item-date { - background-color: rgba(var(--f7-bars-bg-color-rgb), 0.8); - -webkit-backdrop-filter: saturate(180%) blur(20px); - backdrop-filter: saturate(180%) blur(20px); + .ios-translucent-bars .timeline-horizontal .timeline-item-date { + background-color: rgba(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)); } } .timeline-horizontal .timeline-item-date:after { @@ -9032,11 +9036,11 @@ html.device-android-4 .accordion-item-content { color: var(--f7-bars-text-color); } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .timeline-year-title, - .ios-translucent .timeline-month-title { - background-color: rgba(var(--f7-bars-bg-color-rgb), 0.8); - -webkit-backdrop-filter: saturate(180%) blur(20px); - backdrop-filter: saturate(180%) blur(20px); + .ios-translucent-bars .timeline-year-title, + .ios-translucent-bars .timeline-month-title { + background-color: rgba(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)); } } .timeline-year-title span, @@ -9384,6 +9388,8 @@ html.with-panel-right-reveal .panel-right.panel-in-collapsed ~ .view { } /* === Card === */ :root { + --f7-card-content-padding-horizontal: 16px; + --f7-card-content-padding-vertical: 16px; --f7-card-bg-color: #fff; --f7-card-outline-border-color: rgba(0, 0, 0, 0.12); --f7-card-border-radius: 4px; @@ -9391,9 +9397,11 @@ html.with-panel-right-reveal .panel-right.panel-in-collapsed ~ .view { --f7-card-header-text-color: inherit; --f7-card-header-font-weight: 400; --f7-card-header-border-color: rgba(0, 0, 0, 0.1); + --f7-card-header-padding-horizontal: 16px; --f7-card-footer-border-color: rgba(0, 0, 0, 0.1); --f7-card-footer-font-weight: 400; --f7-card-footer-font-size: inherit; + --f7-card-footer-padding-horizontal: 16px; --f7-card-expandable-bg-color: #fff; --f7-card-expandable-font-size: 16px; --f7-card-expandable-tablet-width: 670px; @@ -9412,15 +9420,11 @@ html.with-panel-right-reveal .panel-right.panel-in-collapsed ~ .view { --f7-card-margin-horizontal: 10px; --f7-card-margin-vertical: 10px; --f7-card-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); - --f7-card-content-padding-horizontal: 15px; - --f7-card-content-padding-vertical: 15px; --f7-card-header-font-size: 17px; --f7-card-header-padding-vertical: 10px; - --f7-card-header-padding-horizontal: 15px; --f7-card-header-min-height: 44px; --f7-card-footer-text-color: rgba(0, 0, 0, 0.45); --f7-card-footer-padding-vertical: 10px; - --f7-card-footer-padding-horizontal: 15px; --f7-card-footer-min-height: 44px; --f7-card-expandable-margin-horizontal: 20px; --f7-card-expandable-margin-vertical: 30px; @@ -9434,15 +9438,11 @@ html.with-panel-right-reveal .panel-right.panel-in-collapsed ~ .view { --f7-card-margin-horizontal: 8px; --f7-card-margin-vertical: 8px; --f7-card-box-shadow: var(--f7-elevation-1); - --f7-card-content-padding-horizontal: 16px; - --f7-card-content-padding-vertical: 16px; --f7-card-header-font-size: 16px; --f7-card-header-padding-vertical: 4px; - --f7-card-header-padding-horizontal: 16px; --f7-card-header-min-height: 48px; - --f7-card-footer-text-color: #757575; + --f7-card-footer-text-color: rgba(0, 0, 0, 0.54); --f7-card-footer-padding-vertical: 4px; - --f7-card-footer-padding-horizontal: 16px; --f7-card-footer-min-height: 48px; --f7-card-expandable-margin-horizontal: 12px; --f7-card-expandable-margin-vertical: 24px; @@ -9456,16 +9456,12 @@ html.with-panel-right-reveal .panel-right.panel-in-collapsed ~ .view { --f7-card-margin-horizontal: 10px; --f7-card-margin-vertical: 10px; --f7-card-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); - --f7-card-content-padding-horizontal: 15px; - --f7-card-content-padding-vertical: 15px; --f7-card-header-font-size: 14px; --f7-card-header-font-weight: bold; --f7-card-header-padding-vertical: 10px; - --f7-card-header-padding-horizontal: 15px; --f7-card-header-min-height: 38px; --f7-card-footer-text-color: rgba(0, 0, 0, 0.6); --f7-card-footer-padding-vertical: 10px; - --f7-card-footer-padding-horizontal: 15px; --f7-card-footer-min-height: 38px; --f7-card-expandable-margin-horizontal: 10px; --f7-card-expandable-margin-vertical: 20px; @@ -11825,20 +11821,20 @@ label.item-radio.disabled, --f7-stepper-fill-button-bg-color: var(--f7-theme-color); */ --f7-stepper-raised-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0,0,0,0.24); + --f7-stepper-value-font-weight: 500; + --f7-stepper-border-width: 2px; } .ios { - --f7-stepper-height: 29px; + --f7-stepper-height: 28px; --f7-stepper-border-radius: 5px; /* --f7-stepper-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); --f7-stepper-fill-button-pressed-bg-color: var(--f7-theme-color-tint); */ - --f7-stepper-border-width: 1px; --f7-stepper-large-height: 44px; --f7-stepper-small-height: 26px; --f7-stepper-small-border-width: 2px; --f7-stepper-value-font-size: 17px; - --f7-stepper-value-font-weight: 400; } .md { --f7-stepper-height: 36px; @@ -11847,12 +11843,10 @@ label.item-radio.disabled, /* --f7-stepper-fill-button-pressed-bg-color: var(--f7-theme-color-shade); */ - --f7-stepper-border-width: 2px; --f7-stepper-large-height: 48px; --f7-stepper-small-border-width: 2px; --f7-stepper-small-height: 28px; --f7-stepper-value-font-size: 14px; - --f7-stepper-value-font-weight: 500; } .md .theme-dark, .md.theme-dark { @@ -11869,12 +11863,10 @@ label.item-radio.disabled, --f7-stepper-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); --f7-stepper-fill-button-pressed-bg-color: var(--f7-theme-color-shade); */ - --f7-stepper-border-width: 2px; --f7-stepper-large-height: 34px; --f7-stepper-small-border-width: 1px; --f7-stepper-small-height: 22px; --f7-stepper-value-font-size: 14px; - --f7-stepper-value-font-weight: 500; } .stepper { display: inline-flex; @@ -11951,6 +11943,7 @@ label.item-radio.disabled, top: 50%; transform: translate(-50%, -50%); background-color: var(--f7-stepper-button-text-color, var(--f7-theme-color)); + border-radius: 2px; } .stepper-button-plus:after, .stepper-button-minus:after { @@ -12182,15 +12175,9 @@ label.item-radio.disabled, max-height: 40vh; } /* === Grid === */ -.ios { - --f7-grid-gap: 15px; -} -.md { +:root { --f7-grid-gap: 16px; } -.aurora { - --f7-grid-gap: 15px; -} .row { display: flex; justify-content: space-between; @@ -12711,8 +12698,8 @@ label.item-radio.disabled, :root .theme-dark, :root.theme-dark { --f7-calendar-sheet-border-color: var(--f7-bars-border-color); - --f7-calendar-modal-bg-color: #171717; - --f7-calendar-sheet-bg-color: #171717; + --f7-calendar-modal-bg-color: #121212; + --f7-calendar-sheet-bg-color: #121212; } .ios { --f7-calendar-sheet-border-color: #929499; @@ -13631,7 +13618,7 @@ label.item-radio.disabled, --f7-table-footer-font-size: 12px; --f7-table-input-height: 24px; --f7-table-input-font-size: 14px; - --f7-table-collapsible-cell-padding: 15px; + --f7-table-collapsible-cell-padding: 16px; --f7-table-link-icon-only-icon-size: 20px; --f7-table-sortable-icon-color: #000; } @@ -13649,9 +13636,9 @@ label.item-radio.disabled, --f7-table-body-cell-height: 44px; --f7-table-cell-border-color: rgba(0, 0, 0, 0.22); --f7-table-cell-padding-vertical: 0px; - --f7-table-cell-padding-horizontal: 15px; - --f7-table-edge-cell-padding-horizontal: 15px; - --f7-table-label-cell-padding-horizontal: 15px; + --f7-table-cell-padding-horizontal: 16px; + --f7-table-edge-cell-padding-horizontal: 16px; + --f7-table-label-cell-padding-horizontal: 16px; --f7-table-checkbox-cell-width: 22px; /* --f7-table-actions-cell-link-color: var(--f7-theme-color); */ --f7-table-selected-row-bg-color: rgba(0, 0, 0, 0.03); @@ -13709,8 +13696,8 @@ label.item-radio.disabled, --f7-table-cell-border-color: rgba(0, 0, 0, 0.12); --f7-table-cell-padding-vertical: 5px; --f7-table-cell-padding-horizontal: 10px; - --f7-table-edge-cell-padding-horizontal: 15px; - --f7-table-label-cell-padding-horizontal: 15px; + --f7-table-edge-cell-padding-horizontal: 16px; + --f7-table-label-cell-padding-horizontal: 16px; --f7-table-checkbox-cell-width: 22px; /* --f7-table-actions-cell-link-color: var(--f7-theme-color); */ --f7-table-selected-row-bg-color: rgba(0, 0, 0, 0.03); @@ -13725,8 +13712,8 @@ label.item-radio.disabled, .aurora .theme-dark, .aurora.theme-dark { --f7-table-selected-row-bg-color: rgba(255, 255, 255, 0.03); - --f7-table-head-text-color: rgba(255, 255, 255, 0.52); - --f7-table-footer-text-color: rgba(255, 255, 255, 0.52); + --f7-table-head-text-color: rgba(255, 255, 255, 0.54); + --f7-table-footer-text-color: rgba(255, 255, 255, 0.54); } .data-table { overflow-x: auto; @@ -14143,7 +14130,7 @@ table.data-table { } .ios .data-table th.actions-cell a.link + a.link, .ios .data-table td.actions-cell a.link + a.link { - margin-right: 15px; + margin-right: 16px; } .ios .sortable-cell:not(.numeric-cell):after { margin-right: 5px; @@ -14155,7 +14142,7 @@ table.data-table { .ios .data-table-actions a.link + a.link, .ios .data-table-links .button + .button, .ios .data-table-actions .button + .button { - margin-right: 15px; + margin-right: 16px; } .ios .data-table-actions a.link.icon-only { width: 44px; @@ -14173,7 +14160,7 @@ table.data-table { margin-right: 20px; } .ios .data-table-pagination-label { - margin-left: 15px; + margin-left: 16px; } .md .data-table th.actions-cell a.link + a.link, .md .data-table td.actions-cell a.link + a.link { @@ -14265,7 +14252,7 @@ table.data-table { height: 32px; } .aurora .data-table-rows-select + .data-table-pagination { - margin-right: 15px; + margin-right: 16px; } .aurora .data-table-rows-select .input { margin-right: 10px; @@ -14275,6 +14262,7 @@ table.data-table { } /* === FAB === */ :root { + --f7-fab-margin: 16px; --f7-fab-text-color: #fff; --f7-fab-extended-text-font-size: 14px; --f7-fab-extended-text-padding: 0 20px; @@ -14288,9 +14276,8 @@ table.data-table { .ios { --f7-fab-size: 50px; --f7-fab-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); - --f7-fab-margin: 15px; --f7-fab-extended-size: 50px; - --f7-fab-extended-text-font-weight: 400; + --f7-fab-extended-text-font-weight: 600; --f7-fab-extended-text-letter-spacing: 0; --f7-fab-label-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); --f7-fab-label-font-size: inherit; @@ -14298,7 +14285,6 @@ table.data-table { .md { --f7-fab-size: 56px; --f7-fab-box-shadow: var(--f7-elevation-6); - --f7-fab-margin: 16px; --f7-fab-extended-size: 48px; --f7-fab-extended-text-font-weight: 500; --f7-fab-extended-text-letter-spacing: 0.03em; @@ -14308,7 +14294,6 @@ table.data-table { .aurora { --f7-fab-size: 40px; --f7-fab-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); - --f7-fab-margin: 15px; --f7-fab-extended-size: 38px; --f7-fab-extended-text-font-weight: 500; --f7-fab-extended-text-letter-spacing: 0; @@ -14594,7 +14579,9 @@ table.data-table { margin-left: 8px; } .navbar ~ * .fab[class*="-top"], -.navbar ~ .fab[class*="-top"] { +.navbar ~ .fab[class*="-top"], +.navbars ~ * .fab[class*="-top"], +.navbars ~ .fab[class*="-top"] { margin-top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)); } .toolbar-top ~ * .fab[class*="-top"], @@ -14649,6 +14636,18 @@ table.data-table { .md .navbar + .toolbar-top-ios.tabbar-labels ~ .fab[class*="-top"] { margin-top: calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top)); } +.navbars + .toolbar-top ~ * .fab[class*="-top"], +.ios .navbars + .toolbar-top-ios ~ * .fab[class*="-top"], +.navbars + .toolbar-top ~ .fab[class*="-top"], +.ios .navbars + .toolbar-top-ios ~ .fab[class*="-top"] { + margin-top: calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top)); +} +.navbars + .toolbar-top.tabbar-labels ~ * .fab[class*="-top"], +.ios .navbars + .toolbar-top-ios.tabbar-labels ~ * .fab[class*="-top"], +.navbars + .toolbar-top.tabbar-labels ~ .fab[class*="-top"], +.ios .navbars + .toolbar-top-ios.tabbar-labels ~ .fab[class*="-top"] { + margin-top: calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top)); +} .ios .fab > a.active-state, .ios .fab-buttons a.active-state { transition-duration: 0ms; @@ -14733,8 +14732,8 @@ table.data-table { } .md .theme-dark, .md.theme-dark { - --f7-searchbar-bg-color: #222222; - --f7-searchbar-input-bg-color: #222222; + --f7-searchbar-bg-color: #202020; + --f7-searchbar-input-bg-color: #202020; } .aurora { /* @@ -14783,10 +14782,10 @@ table.data-table { background-color: var(--f7-searchbar-bg-color, var(--f7-bars-bg-color)); } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .searchbar { - background-color: rgba(var(--f7-searchbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), 0.8); - -webkit-backdrop-filter: saturate(180%) blur(20px); - backdrop-filter: saturate(180%) blur(20px); + .ios-translucent-bars .searchbar { + background-color: rgba(var(--f7-searchbar-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)); } } .ios .subnavbar .searchbar { @@ -14820,7 +14819,7 @@ table.data-table { transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); } .page > .searchbar:not(.searchbar-inline) { - z-index: 510; + z-index: 600; } .page > .searchbar:not(.searchbar-inline):before { content: ''; @@ -14912,10 +14911,10 @@ table.data-table { transition-duration: 300ms; pointer-events: none; } -.navbar-inner .searchbar-expandable { +.navbar .searchbar-expandable { background: transparent; } -.navbar-inner .searchbar-expandable:after { +.navbar .searchbar-expandable:after { display: none !important; } .navbar .searchbar.searchbar-expandable { @@ -15012,31 +15011,27 @@ table.data-table { display: none !important; } .navbar.with-searchbar-expandable-enabled-no-transition, -.navbar-inner.with-searchbar-expandable-enabled-no-transition { +.navbar.with-searchbar-expandable-enabled-no-transition { --f7-navbar-large-collapse-progress: 1; } .navbar.with-searchbar-expandable-enabled, -.navbar-inner.with-searchbar-expandable-enabled { +.navbar.with-searchbar-expandable-enabled { --f7-navbar-large-collapse-progress: 1; } .navbar.with-searchbar-expandable-enabled .navbar-bg, -.navbar-inner.with-searchbar-expandable-enabled .navbar-bg, +.navbar.with-searchbar-expandable-enabled .navbar-bg, +.navbar.with-searchbar-expandable-enabled .title-large, .navbar.with-searchbar-expandable-enabled .title-large, -.navbar-inner.with-searchbar-expandable-enabled .title-large, .navbar.with-searchbar-expandable-enabled .title-large-text, -.navbar-inner.with-searchbar-expandable-enabled .title-large-text, -.navbar.with-searchbar-expandable-enabled .title-large-inner, -.navbar-inner.with-searchbar-expandable-enabled .title-large-inner { +.navbar.with-searchbar-expandable-enabled .title-large-text { transition-duration: 300ms; } .navbar.with-searchbar-expandable-closing .navbar-bg, -.navbar-inner.with-searchbar-expandable-closing .navbar-bg, +.navbar.with-searchbar-expandable-closing .navbar-bg, +.navbar.with-searchbar-expandable-closing .title-large, .navbar.with-searchbar-expandable-closing .title-large, -.navbar-inner.with-searchbar-expandable-closing .title-large, .navbar.with-searchbar-expandable-closing .title-large-text, -.navbar-inner.with-searchbar-expandable-closing .title-large-text, -.navbar.with-searchbar-expandable-closing .title-large-inner, -.navbar-inner.with-searchbar-expandable-closing .title-large-inner { +.navbar.with-searchbar-expandable-closing .title-large-text { transition-duration: 300ms; } .page-content.with-searchbar-expandable-enabled { @@ -15049,10 +15044,12 @@ table.data-table { transition-duration: 300ms; } .navbar ~ .page:not(.no-navbar) > .searchbar, +.navbars ~ .page:not(.no-navbar) > .searchbar, .page > .navbar ~ .searchbar { top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)); } .navbar ~ .page-with-navbar-large:not(.no-navbar) .searchbar, +.navbars ~ .page-with-navbar-large:not(.no-navbar) .searchbar, .page-with-navbar-large .navbar ~ .searchbar, .page-with-navbar-large .navbar ~ * .searchbar { top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height) + var(--f7-safe-area-top)); @@ -15168,26 +15165,26 @@ table.data-table { .ios .searchbar-expandable .searchbar-inner { height: var(--f7-searchbar-expandable-size); } -.ios .navbar-inner.with-searchbar-expandable-enabled .navbar-bg, -.ios .navbar-inner.with-searchbar-expandable-closing .navbar-bg { +.ios .navbar.with-searchbar-expandable-enabled .navbar-bg, +.ios .navbar.with-searchbar-expandable-closing .navbar-bg { transition-property: transform, opacity; } -.ios .navbar-inner.with-searchbar-expandable-enabled .navbar-bg, -.ios .navbar-inner.with-searchbar-expandable-closing .navbar-bg, -.ios .navbar-inner.with-searchbar-expandable-enabled .left, -.ios .navbar-inner.with-searchbar-expandable-closing .left, -.ios .navbar-inner.with-searchbar-expandable-enabled .title, -.ios .navbar-inner.with-searchbar-expandable-closing .title, -.ios .navbar-inner.with-searchbar-expandable-enabled .right, -.ios .navbar-inner.with-searchbar-expandable-closing .right { +.ios .navbar.with-searchbar-expandable-enabled .navbar-bg, +.ios .navbar.with-searchbar-expandable-closing .navbar-bg, +.ios .navbar.with-searchbar-expandable-enabled .left, +.ios .navbar.with-searchbar-expandable-closing .left, +.ios .navbar.with-searchbar-expandable-enabled .title, +.ios .navbar.with-searchbar-expandable-closing .title, +.ios .navbar.with-searchbar-expandable-enabled .right, +.ios .navbar.with-searchbar-expandable-closing .right { transition-duration: 300ms; } -.ios .navbar-inner.with-searchbar-expandable-enabled .left, -.ios .navbar-inner.with-searchbar-expandable-enabled-no-transition .left, -.ios .navbar-inner.with-searchbar-expandable-enabled .title, -.ios .navbar-inner.with-searchbar-expandable-enabled-no-transition .title, -.ios .navbar-inner.with-searchbar-expandable-enabled .right, -.ios .navbar-inner.with-searchbar-expandable-enabled-no-transition .right { +.ios .navbar.with-searchbar-expandable-enabled .left, +.ios .navbar.with-searchbar-expandable-enabled-no-transition .left, +.ios .navbar.with-searchbar-expandable-enabled .title, +.ios .navbar.with-searchbar-expandable-enabled-no-transition .title, +.ios .navbar.with-searchbar-expandable-enabled .right, +.ios .navbar.with-searchbar-expandable-enabled-no-transition .right { transform: translateY(calc(-1 * var(--f7-navbar-height))); opacity: 0 !important; } @@ -15491,10 +15488,10 @@ table.data-table { } .aurora .theme-dark, .aurora.theme-dark { - --f7-messages-title-text-color: rgba(255, 255, 255, 0.52); - --f7-message-header-text-color: rgba(255, 255, 255, 0.52); - --f7-message-name-text-color: rgba(255, 255, 255, 0.52); - --f7-message-footer-text-color: rgba(255, 255, 255, 0.52); + --f7-messages-title-text-color: rgba(255, 255, 255, 0.54); + --f7-message-header-text-color: rgba(255, 255, 255, 0.54); + --f7-message-name-text-color: rgba(255, 255, 255, 0.54); + --f7-message-footer-text-color: rgba(255, 255, 255, 0.54); } .messages-content, .messages { @@ -15935,7 +15932,7 @@ table.data-table { border-bottom-right-radius: var(--f7-message-bubble-border-radius); } .aurora .message-received { - margin-left: calc(15px + var(--f7-safe-area-left)); + margin-left: calc(16px + var(--f7-safe-area-left)); } .aurora .message-received .message-avatar + .message-content { margin-left: 5px; @@ -15954,7 +15951,7 @@ table.data-table { transform-origin: right bottom; } .aurora .message-sent { - margin-right: calc(15px + var(--f7-safe-area-right)); + margin-right: calc(16px + var(--f7-safe-area-right)); } .aurora .message-sent .message-avatar + .message-content { margin-right: 5px; @@ -16031,7 +16028,7 @@ table.data-table { */ --f7-messagebar-border-color: transparent; --f7-messagebar-textarea-border-radius: 17px; - --f7-messagebar-textarea-padding: 6px 15px; + --f7-messagebar-textarea-padding: 6px 16px; --f7-messagebar-textarea-height: 34px; --f7-messagebar-textarea-text-color: #000; --f7-messagebar-textarea-font-size: 17px; @@ -16065,7 +16062,7 @@ table.data-table { } .md .theme-dark, .md.theme-dark { - --f7-messagebar-border-color: rgba(255, 255, 255, 0.15); + --f7-messagebar-border-color: transparent; --f7-messagebar-link-color: rgba(255, 255, 255, 0.87); --f7-messagebar-textarea-text-color: rgba(255, 255, 255, 0.87); --f7-messagebar-attachments-border-color: rgba(255, 255, 255, 0.2); @@ -16130,10 +16127,10 @@ table.data-table { background: var(--f7-messagebar-shadow-image); } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .messagebar { - background-color: rgba(var(--f7-messagebar-bg-color-rgb), 0.8); - -webkit-backdrop-filter: saturate(180%) blur(20px); - backdrop-filter: saturate(180%) blur(20px); + .ios-translucent-bars .messagebar { + background-color: rgba(var(--f7-messagebar-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)); } } .messagebar.no-hairline:before, @@ -17043,7 +17040,7 @@ button.swiper-pagination-bullet { top: 50%; } .photo-browser-page .navbar-bg, -.navbar-inner-photo-browser .navbar-bg, +.navbar-photo-browser .navbar-bg, .photo-browser-page .toolbar { background-color: var(--f7-photobrowser-bars-bg-color, rgba(var(--f7-bars-bg-color-rgb), 0.95)); background-image: var(--f7-photobrowser-bars-bg-image); @@ -17078,21 +17075,21 @@ button.swiper-pagination-bullet { pointer-events: none; } .photo-browser-page-dark .navbar-bg, -.navbar-inner-photo-browser-dark .navbar-bg, +.navbar-photo-browser-dark .navbar-bg, .photo-browser-page-dark .toolbar { background: var(--f7-photobrowser-dark-bars-bg-color); } .photo-browser-page-dark .navbar-bg:before, -.navbar-inner-photo-browser-dark .navbar-bg:before, +.navbar-photo-browser-dark .navbar-bg:before, .photo-browser-page-dark .toolbar:before { display: none !important; } .photo-browser-page-dark .navbar-bg:after, -.navbar-inner-photo-browser-dark .navbar-bg:after, +.navbar-photo-browser-dark .navbar-bg:after, .photo-browser-page-dark .toolbar:after { display: none !important; } -.navbar-inner-photo-browser-dark, +.navbar-photo-browser-dark, .photo-browser-dark .navbar, .photo-browser-dark .toolbar, .photo-browser-dark-page .navbar, @@ -17101,7 +17098,7 @@ button.swiper-pagination-bullet { --f7-link-highlight-color: var(--f7-link-highlight-white); color: var(--f7-photobrowser-dark-bars-text-color); } -.navbar-inner-photo-browser-dark a, +.navbar-photo-browser-dark a, .photo-browser-dark .navbar a, .photo-browser-dark .toolbar a, .photo-browser-dark-page .navbar a, @@ -17162,7 +17159,7 @@ button.swiper-pagination-bullet { --f7-notification-title-line-height: 1.4; --f7-notification-title-font-weight: 400; --f7-notification-title-letter-spacing: 0.02em; - --f7-notification-title-right-color: #444a51; + --f7-notification-title-right-color: rgba(0, 0, 0, 0.45); --f7-notification-title-right-font-size: 13px; --f7-notification-subtitle-color: #000; --f7-notification-subtitle-font-size: 15px; @@ -17171,6 +17168,15 @@ button.swiper-pagination-bullet { --f7-notification-text-font-size: 15px; --f7-notification-text-line-height: 1.2; } +.ios .theme-dark, +.ios.theme-dark { + --f7-notification-bg-color: rgba(30, 30, 30, 0.95); + --f7-notification-bg-color-rgb: 30, 30, 30; + --f7-notification-subtitle-color: #fff; + --f7-notification-title-color: #fff; + --f7-notification-text-color: #fff; + --f7-notification-title-right-color: rgba(255, 255, 255, 0.55); +} .md { --f7-notification-margin: 0px; --f7-notification-padding: 16px; @@ -17183,15 +17189,22 @@ button.swiper-pagination-bullet { --f7-notification-title-text-transform: none; --f7-notification-title-line-height: 1; --f7-notification-title-font-weight: 400; - --f7-notification-title-right-color: #757575; + --f7-notification-title-right-color: rgba(0, 0, 0, 0.54); --f7-notification-title-right-font-size: 12px; --f7-notification-subtitle-color: #212121; --f7-notification-subtitle-font-size: 14px; --f7-notification-subtitle-font-weight: 400; - --f7-notification-text-color: #757575; + --f7-notification-text-color: rgba(0, 0, 0, 0.54); --f7-notification-text-font-size: 14px; --f7-notification-text-line-height: 1.35; } +.md .theme-dark, +.md.theme-dark { + --f7-notification-bg-color: #242424; + --f7-notification-subtitle-color: #fff; + --f7-notification-title-right-color: rgba(255, 255, 255, 0.54); + --f7-notification-text-color: rgba(255, 255, 255, 0.54); +} .aurora { --f7-notification-margin: 10px; --f7-notification-padding: 10px; @@ -17214,6 +17227,14 @@ button.swiper-pagination-bullet { --f7-notification-text-font-size: 12px; --f7-notification-text-line-height: 1.2; } +.aurora .theme-dark, +.aurora.theme-dark { + --f7-notification-bg-color: #242424; + --f7-notification-title-color: #fff; + --f7-notification-subtitle-color: #fff; + --f7-notification-text-color: #fff; + --f7-notification-title-right-color: rgba(255, 255, 255, 0.54); +} .notification { --f7-link-highlight-color: var(--f7-link-highlight-black); --f7-touch-ripple-color: var(--f7-touch-ripple-black); @@ -17237,7 +17258,7 @@ button.swiper-pagination-bullet { margin-top: var(--f7-safe-area-top); } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .notification { + .ios-translucent-modals .notification { background-color: rgba(var(--f7-notification-bg-color-rgb), 0.8); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); @@ -17367,6 +17388,10 @@ button.swiper-pagination-bullet { margin-left: -22px; margin-top: -22px; } +.ios .theme-dark, +.ios.theme-dark .notification-close-button:after { + color: #fff; +} .md .notification { transform: translate3d(0, -150%, 0); } @@ -17501,6 +17526,10 @@ button.swiper-pagination-bullet { margin-left: -19px; margin-top: -19px; } +.aurora .theme-dark, +.aurora.theme-dark .notification-close-button:after { + color: #fff; +} /* === Autocomplete === */ :root { --f7-autocomplete-dropdown-bg-color: #fff; @@ -17645,7 +17674,7 @@ button.swiper-pagination-bullet { width: 100%; } .ios .autocomplete-dropdown .autocomplete-preloader { - left: 15px; + left: 16px; margin-bottom: 12px; } .ios .searchbar-input-wrap .autocomplete-dropdown { @@ -17672,7 +17701,7 @@ button.swiper-pagination-bullet { border-width: 3px; } .aurora .autocomplete-dropdown .autocomplete-preloader { - left: 15px; + left: 16px; margin-bottom: 2px; } .aurora .searchbar-input-wrap .autocomplete-dropdown { @@ -18054,8 +18083,8 @@ button.swiper-pagination-bullet { } :root .theme-dark, :root.theme-dark { - --f7-color-picker-sheet-bg-color: #171717; - --f7-color-picker-popup-bg-color: #171717; + --f7-color-picker-sheet-bg-color: #121212; + --f7-color-picker-popup-bg-color: #121212; --f7-color-picker-value-bg-color: rgba(255, 255, 255, 0.1); --f7-color-picker-group-bg-color: #000; --f7-color-picker-group-value-bg-color: rgba(255, 255, 255, 0.12); @@ -18335,8 +18364,8 @@ button.swiper-pagination-bullet { .color-picker-slider .range-knob:after { width: 30px; height: 30px; - margin-left: -15px; - margin-top: -15px; + margin-left: -16px; + margin-top: -16px; } .color-picker-slider .range-knob-active-state .range-knob { transform: scale(1.5); @@ -18413,7 +18442,7 @@ button.swiper-pagination-bullet { background-image: linear-gradient(to left, #000, #fff); } .color-picker-module-palette { - margin-top: 15px; + margin-top: 16px; } .color-picker-module-palette:first-child { margin-top: 0; @@ -18478,7 +18507,7 @@ button.swiper-pagination-bullet { background: var(--f7-color-picker-group-bg-color); padding: 5px; border-radius: 4px; - margin-top: 15px; + margin-top: 16px; margin-left: 5px; margin-right: 5px; } @@ -18488,7 +18517,7 @@ button.swiper-pagination-bullet { .color-picker-grouped-modules .color-picker-module-hue-slider:last-child, .color-picker-grouped-modules .color-picker-module-brightness-slider:last-child, .color-picker-grouped-modules .color-picker-module-hex:last-child { - margin-bottom: 15px; + margin-bottom: 16px; } .color-picker-grouped-modules .color-picker-slider-value, .color-picker-grouped-modules .color-picker-hex-value { @@ -18514,6 +18543,8 @@ button.swiper-pagination-bullet { } /* === Treeview === */ :root { + --f7-treeview-item-padding-left: 16px; + --f7-treeview-item-padding-right: 16px; --f7-treeview-toggle-size: 24px; --f7-treeview-toggle-color: rgba(0, 0, 0, 0.5); --f7-treeview-toggle-hover-bg-color: rgba(0, 0, 0, 0.1); @@ -18541,22 +18572,16 @@ button.swiper-pagination-bullet { } .ios { --f7-treeview-item-height: 34px; - --f7-treeview-item-padding-left: 15px; - --f7-treeview-item-padding-right: 15px; --f7-treeview-label-font-size: 17px; --f7-treeview-icon-size: 24px; } .md { --f7-treeview-item-height: 34px; - --f7-treeview-item-padding-left: 16px; - --f7-treeview-item-padding-right: 16px; --f7-treeview-label-font-size: 16px; --f7-treeview-icon-size: 24px; } .aurora { --f7-treeview-item-height: 28px; - --f7-treeview-item-padding-left: 15px; - --f7-treeview-item-padding-right: 15px; --f7-treeview-label-font-size: 14px; --f7-treeview-icon-size: 20px; } @@ -19118,18 +19143,10 @@ iframe#viAd { transition-property: box-shadow; } /* === Typography === */ -.ios { - --f7-typography-padding: 15px; - --f7-typography-margin: 15px; -} -.md { +:root { --f7-typography-padding: 16px; --f7-typography-margin: 16px; } -.aurora { - --f7-typography-padding: 15px; - --f7-typography-margin: 15px; -} .display-flex { display: flex !important; } diff --git a/packages/core/css/framework7.bundle.rtl.min.css b/packages/core/css/framework7.bundle.rtl.min.css index 0d0c72c6dc..337b2b5936 100644 --- a/packages/core/css/framework7.bundle.rtl.min.css +++ b/packages/core/css/framework7.bundle.rtl.min.css @@ -1,5 +1,5 @@ /** - * Framework7 5.0.0-beta.2 + * Framework7 5.0.0-beta.3 * Full featured mobile HTML framework for building iOS & Android apps * http://framework7.io/ * @@ -7,7 +7,7 @@ * * Released under the MIT License * - * Released on: July 22, 2019 + * Released on: August 6, 2019 */ -:root{--f7-theme-color:#007aff;--f7-theme-color-rgb:0,122,255;--f7-theme-color-shade:#0066d6;--f7-theme-color-tint:#298fff;--f7-safe-area-left:0px;--f7-safe-area-right:0px;--f7-safe-area-top:0px;--f7-safe-area-bottom:0px;--f7-safe-area-outer-left:0px;--f7-safe-area-outer-right:0px;--f7-device-pixel-ratio:1}@supports (left:env(safe-area-inset-left)){:root{--f7-safe-area-top:env(safe-area-inset-top);--f7-safe-area-bottom:env(safe-area-inset-bottom)}:root .ios-edges,:root .ios-left-edge,:root .panel-left,:root .popup,:root .safe-area-left,:root .safe-areas,:root .sheet-modal{--f7-safe-area-left:env(safe-area-inset-left);--f7-safe-area-outer-left:env(safe-area-inset-left)}:root .ios-edges,:root .ios-right-edge,:root .panel-right,:root .popup,:root .safe-area-right,:root .safe-areas,:root .sheet-modal{--f7-safe-area-right:env(safe-area-inset-right);--f7-safe-area-outer-right:env(safe-area-inset-right)}:root .no-ios-edges,:root .no-ios-left-edge,:root .no-safe-area-left,:root .no-safe-areas{--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px}:root .no-ios-edges,:root .no-ios-right-edge,:root .no-safe-area-right,:root .no-safe-areas{--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){:root{--f7-device-pixel-ratio:2}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){:root{--f7-device-pixel-ratio:3}}:root{--f7-font-size:14px}.ios{--f7-font-family:-apple-system,SF Pro Text,SF UI Text,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-line-height:1.4}.ios .theme-dark,.ios.theme-dark{--f7-text-color:#fff}.md{--f7-font-family:Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;--f7-text-color:#212121;--f7-line-height:1.5}.md .theme-dark,.md.theme-dark{--f7-text-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-font-family:-apple-system,system-ui,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-line-height:1.5}.aurora .theme-dark,.aurora.theme-dark{--f7-text-color:#fff}:root{--f7-bars-bg-image:none;--f7-bars-bg-color:#f7f7f8;--f7-bars-bg-color-rgb:247,247,248;--f7-bars-text-color:#000;--f7-bars-shadow-bottom-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);--f7-bars-shadow-top-image:linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)}.theme-dark{--f7-bars-bg-color:#1b1b1b;--f7-bars-bg-color-rgb:27,27,27;--f7-bars-text-color:#fff}.ios{--f7-bars-border-color:rgba(0, 0, 0, 0.25)}.ios .theme-dark,.ios.theme-dark{--f7-bars-bg-color:#121212;--f7-bars-bg-color-rgb:19,19,19;--f7-bars-border-color:rgba(255, 255, 255, 0.1)}.md{--f7-bars-border-color:transparent}.aurora{--f7-bars-border-color:rgba(0, 0, 0, 0.2)}.aurora .theme-dark,.aurora.theme-dark{--f7-bars-border-color:rgba(255, 255, 255, 0.1)}.text-color-primary{--f7-theme-color-text-color:var(--f7-theme-color)}.bg-color-primary{--f7-theme-color-bg-color:var(--f7-theme-color)}.border-color-primary{--f7-theme-color-border-color:var(--f7-theme-color)}.ripple-color-primary{--f7-theme-color-ripple-color:rgba(var(--f7-theme-color-rgb), 0.3)}:root{--f7-color-red:#ff3b30;--f7-color-red-rgb:255,59,48;--f7-color-red-shade:#ff1407;--f7-color-red-tint:#ff6259;--f7-color-green:#4cd964;--f7-color-green-rgb:76,217,100;--f7-color-green-shade:#2cd048;--f7-color-green-tint:#6ee081;--f7-color-blue:#2196f3;--f7-color-blue-rgb:33,150,243;--f7-color-blue-shade:#0c82df;--f7-color-blue-tint:#48a8f5;--f7-color-pink:#ff2d55;--f7-color-pink-rgb:255,45,85;--f7-color-pink-shade:#ff0434;--f7-color-pink-tint:#ff5676;--f7-color-yellow:#ffcc00;--f7-color-yellow-rgb:255,204,0;--f7-color-yellow-shade:#d6ab00;--f7-color-yellow-tint:#ffd429;--f7-color-orange:#ff9500;--f7-color-orange-rgb:255,149,0;--f7-color-orange-shade:#d67d00;--f7-color-orange-tint:#ffa629;--f7-color-purple:#9c27b0;--f7-color-purple-rgb:156,39,176;--f7-color-purple-shade:#7e208f;--f7-color-purple-tint:#b92fd1;--f7-color-deeppurple:#673ab7;--f7-color-deeppurple-rgb:103,58,183;--f7-color-deeppurple-shade:#563098;--f7-color-deeppurple-tint:#7c52c8;--f7-color-lightblue:#5ac8fa;--f7-color-lightblue-rgb:90,200,250;--f7-color-lightblue-shade:#32bbf9;--f7-color-lightblue-tint:#82d5fb;--f7-color-teal:#009688;--f7-color-teal-rgb:0,150,136;--f7-color-teal-shade:#006d63;--f7-color-teal-tint:#00bfad;--f7-color-lime:#cddc39;--f7-color-lime-rgb:205,220,57;--f7-color-lime-shade:#bac923;--f7-color-lime-tint:#d6e25c;--f7-color-deeporange:#ff6b22;--f7-color-deeporange-rgb:255,107,34;--f7-color-deeporange-shade:#f85200;--f7-color-deeporange-tint:#ff864b;--f7-color-gray:#8e8e93;--f7-color-gray-rgb:142,142,147;--f7-color-gray-shade:#79797f;--f7-color-gray-tint:#a3a3a7;--f7-color-white:#ffffff;--f7-color-white-rgb:255,255,255;--f7-color-white-shade:#ebebeb;--f7-color-white-tint:#ffffff;--f7-color-black:#000000;--f7-color-black-rgb:0,0,0;--f7-color-black-shade:#000000;--f7-color-black-tint:#141414}.color-theme-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.color-theme-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.color-theme-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.color-theme-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.color-theme-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.color-theme-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.color-theme-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.color-theme-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.color-theme-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.color-theme-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.color-theme-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.color-theme-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.color-theme-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.color-theme-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.color-theme-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.color-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.text-color-red{--f7-theme-color-text-color:#ff3b30}.bg-color-red{--f7-theme-color-bg-color:#ff3b30}.border-color-red{--f7-theme-color-border-color:#ff3b30}.ripple-color-red,.ripple-red{--f7-theme-color-ripple-color:rgba(255, 59, 48, 0.3)}.color-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.text-color-green{--f7-theme-color-text-color:#4cd964}.bg-color-green{--f7-theme-color-bg-color:#4cd964}.border-color-green{--f7-theme-color-border-color:#4cd964}.ripple-color-green,.ripple-green{--f7-theme-color-ripple-color:rgba(76, 217, 100, 0.3)}.color-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.text-color-blue{--f7-theme-color-text-color:#2196f3}.bg-color-blue{--f7-theme-color-bg-color:#2196f3}.border-color-blue{--f7-theme-color-border-color:#2196f3}.ripple-blue,.ripple-color-blue{--f7-theme-color-ripple-color:rgba(33, 150, 243, 0.3)}.color-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.text-color-pink{--f7-theme-color-text-color:#ff2d55}.bg-color-pink{--f7-theme-color-bg-color:#ff2d55}.border-color-pink{--f7-theme-color-border-color:#ff2d55}.ripple-color-pink,.ripple-pink{--f7-theme-color-ripple-color:rgba(255, 45, 85, 0.3)}.color-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.text-color-yellow{--f7-theme-color-text-color:#ffcc00}.bg-color-yellow{--f7-theme-color-bg-color:#ffcc00}.border-color-yellow{--f7-theme-color-border-color:#ffcc00}.ripple-color-yellow,.ripple-yellow{--f7-theme-color-ripple-color:rgba(255, 204, 0, 0.3)}.color-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.text-color-orange{--f7-theme-color-text-color:#ff9500}.bg-color-orange{--f7-theme-color-bg-color:#ff9500}.border-color-orange{--f7-theme-color-border-color:#ff9500}.ripple-color-orange,.ripple-orange{--f7-theme-color-ripple-color:rgba(255, 149, 0, 0.3)}.color-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.text-color-purple{--f7-theme-color-text-color:#9c27b0}.bg-color-purple{--f7-theme-color-bg-color:#9c27b0}.border-color-purple{--f7-theme-color-border-color:#9c27b0}.ripple-color-purple,.ripple-purple{--f7-theme-color-ripple-color:rgba(156, 39, 176, 0.3)}.color-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.text-color-deeppurple{--f7-theme-color-text-color:#673ab7}.bg-color-deeppurple{--f7-theme-color-bg-color:#673ab7}.border-color-deeppurple{--f7-theme-color-border-color:#673ab7}.ripple-color-deeppurple,.ripple-deeppurple{--f7-theme-color-ripple-color:rgba(103, 58, 183, 0.3)}.color-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.text-color-lightblue{--f7-theme-color-text-color:#5ac8fa}.bg-color-lightblue{--f7-theme-color-bg-color:#5ac8fa}.border-color-lightblue{--f7-theme-color-border-color:#5ac8fa}.ripple-color-lightblue,.ripple-lightblue{--f7-theme-color-ripple-color:rgba(90, 200, 250, 0.3)}.color-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.text-color-teal{--f7-theme-color-text-color:#009688}.bg-color-teal{--f7-theme-color-bg-color:#009688}.border-color-teal{--f7-theme-color-border-color:#009688}.ripple-color-teal,.ripple-teal{--f7-theme-color-ripple-color:rgba(0, 150, 136, 0.3)}.color-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.text-color-lime{--f7-theme-color-text-color:#cddc39}.bg-color-lime{--f7-theme-color-bg-color:#cddc39}.border-color-lime{--f7-theme-color-border-color:#cddc39}.ripple-color-lime,.ripple-lime{--f7-theme-color-ripple-color:rgba(205, 220, 57, 0.3)}.color-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.text-color-deeporange{--f7-theme-color-text-color:#ff6b22}.bg-color-deeporange{--f7-theme-color-bg-color:#ff6b22}.border-color-deeporange{--f7-theme-color-border-color:#ff6b22}.ripple-color-deeporange,.ripple-deeporange{--f7-theme-color-ripple-color:rgba(255, 107, 34, 0.3)}.color-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.text-color-gray{--f7-theme-color-text-color:#8e8e93}.bg-color-gray{--f7-theme-color-bg-color:#8e8e93}.border-color-gray{--f7-theme-color-border-color:#8e8e93}.ripple-color-gray,.ripple-gray{--f7-theme-color-ripple-color:rgba(142, 142, 147, 0.3)}.color-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.text-color-white{--f7-theme-color-text-color:#ffffff}.bg-color-white{--f7-theme-color-bg-color:#ffffff}.border-color-white{--f7-theme-color-border-color:#ffffff}.ripple-color-white,.ripple-white{--f7-theme-color-ripple-color:rgba(255, 255, 255, 0.3)}.color-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.text-color-black{--f7-theme-color-text-color:#000000}.bg-color-black{--f7-theme-color-bg-color:#000000}.border-color-black{--f7-theme-color-border-color:#000000}.ripple-black,.ripple-color-black{--f7-theme-color-ripple-color:rgba(0, 0, 0, 0.3)}@font-face{font-family:framework7-core-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAz4ABAAAAAAGNgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAM3AAAABkAAAAciZuB7UdERUYAAArUAAAAIwAAACQAfQBXR1BPUwAADKwAAAAuAAAANuAY7+xHU1VCAAAK+AAAAbMAAAQuAxQJ5U9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAogAAACIAAABYt6F0cBjdnQgAAADEAAAAAQAAAAEABEBRGdhc3AAAArMAAAACAAAAAj//wADZ2x5ZgAAA6gAAAR1AAAJzOg6B0doZWFkAAABbAAAADAAAAA2FLiY/WhoZWEAAAGcAAAAIAAAACQHgQM9aG10eAAAAigAAABeAAABJC9JAAJsb2NhAAADFAAAAJQAAACUReRIiG1heHAAAAG8AAAAHwAAACAAjwBLbmFtZQAACCAAAAFSAAAC2WG9Sh5wb3N0AAAJdAAAAVYAAAJ2B5LxL3jaY2BkYGAA4r3NMlLx/DZfGbiZGEDgxtw1DjD6/49/vSxpTJ+BXA4GsDQARmkM0njaY2BkYGD6/K+XQY8l7f8PBgaWNAagCArwBACRVQXFeNpjYGRgYPBkkGJgYQABJiBmZACJOTDogQQADbgA2wB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wKxExCfBWIJoNzZ/z8Y3YBsF6g4kM2UBpFjBNJMQD0Mu4FsY4jZTGch5jAZQ8QBlR0UZwAAeNpjYGBgZoBgGQZGBhCIAfIYwXwWBgcgzcPAwcAEZCsw6DJYMsQzVP3/DxQF8QyAvMT///8//n/9/9X/G/6vh5oAB4xsDHAhRiYgwcSApgBiNRywMDCwsrFzcHJx8/DyMRAD+BkEBIWERUTFxCUkpaRlZOXkFRSVlFVU1dQ1NBkGAwAAxH4T6AARAUQAAAAqACoAKgA0AD4ASABSAFwAZgBwAHoAhACOAJgAogCsALYAwADKANQA3gDoAPIA/AEGARABGgEkAS4BOAFCAUwBVgFgAWoBdAF+AYgBkgGcAaYBsgHeAgACKgI8AlICZAKEApQCpALWAuwC/gMeAzADQgNgA3IDlgO0A8QD6gP8BBYEKgRKBFwEbgSWBKwExgTmeNrtVc9vG0UUfm8de9y43rVje204lNjZ7AYBKcna3lKcxCIJhwgCqhIIuTSpKp8CaoRsbnZujSosI5QqitVbpCLBKT8EUiUSwyW9mEoWB4RyChKpEJxyoVKz5s2sDXH6H6BKM34z387OfvO9741BgiAAbOAsuIDB4BbC5cw264K/hrc87sPMtkuiIWy5OOzm8Dbz4NPMNnLcDJpBwwz2BVc/y+Vw1v4miCbthtRqotMoOMTHz7Hn2P8ek85gLkLfkAQMXdQv4Ps4TxWmQASiAD0JT1gdTif1YTXsSehJt2UoGLWMr2cymZnMvaWpqaUpHPffkuVleRmzmZmRkZkPpjj8RL7l56DDofkDmvSRHoD+hCLxncbQ0JPp4ZdQRQMRf/P1qr79fZ8a9x0p25J05FN7fXv7HD1SHM7NY6zhfboHXqBdosxIGZ6+BN9DjYRZNMFZElvMrugrbHBscnHxzo0B9u3CxMTCeHlFL0XYwOKdxcXJ0UE2vjA+viB4gQ57dF43QIjRltZeoaBVq5gWAVrcT7CKZfDSVyNxvijKsGo/rGj1ulb5NenE1lrw4494k+9nYRQNq4KKZtcr2mwrAjafkBavkBZ0n1npMST6YZKUy3sZdTfSyenMe3v8/EfKI3QdcU1o7ijBvxGGA4ezRWQM62BTK5W07+i32N/5PEVUo6z1uL9Y0oSOdrkrJ52Aj+e336AFUYsyahlSryYFerTerp6AJGUP0gft9qb9k326vo4uHEbX+vofB1b7kfX08F/YPuXLntWMC0b3r4VVrpP5RY0HvEICtjXL4ruYBQ9NomyIVuPL2uGyRhiFvnecNUv4FuoQoBGXS2gl3GOlMSmzVaZSl1VvPu9FXeYTjsksn2fizDCPdXqf/3fACMYj7lQ8gnXbxPqJaW6YpuBcwxjlhXTrR64rxpoQe/w4VnMC8Wj+DR/Bz/gayACUuaiqoIzExEpHpxa6A4Huj90hz1W/rFz8/Eul26d85UWWVS76ZecM1/Ft4sC9Ri5ixqZIDOoigONxUHGCcuen6gNK3hmHe1r+/nMuNKe9bk1PfzK9NTc6Oje68mFo7hLNpq2hq2Mc6dSLO4yKTNiL8cLrEEuV19tSFQqEdfIkEcgbDs/rm1qxqIk6LEs5PCElQwDJAJELeBJI52k7adfe3bWh+WIu125ZhJ2dJuzgxhkQOjVPIfcqQuz4OFbDluLtmsrhp+RXQCaEE7QwV6lo7YbvnZnwd+yaVJVq3FMWec+8gL/Xj+2afb8smaci7e29L8EDvMF1Sjue+q8gH3TaaDDgXfWGqQdUx1XO+5N0r+nCu8K6FpqPbvZc+x7DIpy/Y/jtYdDNouXzOE+hUGjlvTkv1SUdLvC8k6YmF7UvETpTnY21u43G3bW1YrpIrcR/X8WBRsP+pYH3SlaxaJXE7/n6E9+Mp+JGnded/RCvVLDMh0lRfy7OTzKJH68N0jiYcqqDdy6W00mZ5Ipo53ULOPbiNelc6mSs24zd9jqWwmvP6PYPnHjkAAAAAHjarZC9TsMwFIWP+yfBgBjI7rGtmsjx0p+RSl26IIbsITWt1Sau3EhVxcuwsTGy8RQsTOx9C65dDwwdGBrpyl+Oz7XPNYAbvIPh9HXxGJghwlvgBq7xFbiJlN0HbiFir4HbuGXfgTuIGhE5WeuK/h58l2OGPl4CN3CHz8BNPOEncAt9Vgdug7OPwB3Sj5jCYIsDLDSWWKEGp8wFerRKCKQYY0CcYYMcC3KVVJaUOblzIqeXdIb2u5ia7cHq5arm3aLHpUjHA55t8oUuteXzVW43ebnVC3I+U7NrVdhTCIs1hojpaseKSHuusCOrzUu1N3Y9jAtjVawLU5F81vvXMPNi7VdL8yk/VUJzcUyo/h/h5JcYkSp9nd4GM1PVM2OXistE8Ak/G5V0OYpl7J7jEoNn5LO0r72PUxaXJvGrmw2ZsjttKi5Emggh+AUu/QVMMIYbAAB42m2QCU/CQBSEZ8ADECzIJXj+FuN937dpartKI3TJdjn+vNGFUqGJmzTpvm/evNmHFMbn5xvEf+fIfEQKaRRRRgVV1FDHKhpoYg3r2MEu9rCPAxwa7TFOcIoznOMCl7jCNW5wizvc4wGPeMIzXvCKN6aY5hznucBFZphljkvMs8BlWiyyxBWWWWGVNda5ygabXOM6N7jJLW7nQuEot2X7Miy5LdFXMrCV/9nSo0p2AjueFbO2+NDmXnCUkoP4tmSo+/Uuh+a/mFAak0LCNj+La4HU/ofvOto3FbctQzHqsCLzd6m17BjLrHI8X45IOe725CCwnZ6SylkMpRqHCAd+Vyg7EENt/QWKNLm4r9ctTN4UgdIUTCr52RGWJ9pCC1vJXuDNzOgq0c9OmFlGVys7yjybcbyAqWmUxwiKyT2blSWmGMVyZBbzzPiFpl5JdkbevxMrvisAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQYPIJsFLMYAAA12ANUAeNp1UklOAkEUfUV3Ao4goHSUQQbBIM6z4qxoPIMbNhoT4sIQD+DCMxjjOVx6BuMRjAtvge9XAz2FdLqr+r1X/7/6/0MBGEYWNahWs/2ACEwi6HQgjGrd3zWJwf4jZ+o1AmX8IowknkLt0LdhGiWjDoP4PBrYQBR5PlmUuZvgWuSTRZp/aSSoGHfxeViYQooKm13CmIudYY7JPhfFLK7xiDd84keZqqwa6lY9q3f1ob7UH66oTvGd0+czvugxlDSe5+6U0bxKJ5NbtxXQJbSzjE9X5z29uhJyPs1CQON2ZxErYIW6Qb5sxXlA4a/gItdBMYTf7fJxTOvuVHw+V9mBQRnOMBo4a/ta6zLBrAcBplfDZYwEoonDPc5ksJoyX1X2/4Iekzp6kW9Ua0pUJfpeDrkbpJD4xxjy8ILJdK/zljKtFn1bdBXTe9tBnHqJnexnkRMnrFWR8aWCztQ6/CYzxRhdkB4eJlJjH284yS94xT5jJPX5OG/t7cURK1TmuRwVkiXHr9Rlx4dnuFbopMrKuWPZGWv6vg4q971kNSWHM1nbdNZD7IqI0zh3GZ238A+0lkTEAHjaY2BkYGDgYpBjMGFgzEksyWPgYGABijD8/88AkmEszqxKhYp9YIADAMCOBtEAAHjaY2BgYGQAghsJmjlgeu4aBxgNAELpBpEAAAA=") format("woff");font-weight:400;font-style:normal}@font-face{font-family:framework7-skeleton;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAYQAA0AAAAAEcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF9AAAABkAAAAciVvoDU9TLzIAAAGcAAAASwAAAGBRtV1jY21hcAAAAfwAAAC8AAABamglddJjdnQgAAACuAAAAAQAAAAEABEBRGdhc3AAAAXsAAAACAAAAAj //wADZ2x5ZgAAA2wAAACUAAAJjHCzhiRoZWFkAAABMAAAAC4AAAA2ERr/HWhoZWEAAAFgAAAAGgAAACQC8ADFaG10eAAAAegAAAATAAAAtAMAABFsb2NhAAACvAAAAK4AAACuaNBmhG1heHAAAAF8AAAAHwAAACAAmgA5bmFtZQAABAAAAAFQAAACuLf6wytwb3N0AAAFUAAAAJkAAADOCKMIc3jaY2BkYGAA4lUx8ibx/DZfGbiZGEDgRu39AAT9/wAjA+MBIJeDASwNACBICpsAAHjaY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB42mNgZGBgCGPgYGBiAAEQycgAEnNg0AMJAAANJwDUAHjaY2BhZGCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01haGBQYKhlPPD/AIMe4wEGB5gaxgNAHgNQjhEA6dgLvQB42mNkYBBkAAJGKB4KAAAOfQAVAHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMSgxWDNEMsQz1D7/z9QXIFBjUGHwRHIT/z////j/w/+3/9/6//N/zeg5iABRjYGuCAjE5BgQlcAdAILK5DBxs7BycXAzcPLxy8gKCQsIiomLiEpBVYjLSMrJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZs5gwWBpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSyjDgAABJLiG7ABEBRAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C8gMAAw4DHAMqAzgDRgNUA2IDcAN+A4wDmgOoA7YDxAPSA+AD7gP8BAoEGAQmBDQEQgRQBF4EbAR6BIgEnASqBLgExgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVI6G36jcqNyo3GiZMSo3Kjes8hQAx51w5njapZC9agJBFIXP+EfSBMEXmEoU3GVcBNFWsLEJKbYKhEUnOrjryrggkgfIQ6RMnzZVHiBNijxM6pydHUiRFAEXLvebc8+duXcBXOEFAtXXw41ngQ6ePddwgXfPdYRCeW6gIx49N9EWb55b1L/oFI1Lnq5dV8kCXTx4rqGNV8913OLTcwNdcee5CSmePLeof2CGHHucYGGwxgYFJGdeos8cQWGICQbkGCkSrOjKGJbKgu6EVOoZ7zCuilm+P1mz3hSyt+zLSA0nAxmnycpkxsrFJrFpku3Nis57NpetGkcOYbHFGAEOzJqXao6SY0ebTTJ9zO12HBy2OtVFTvGX66c0d0LhsuVO2m0ScheJKeN/z1beESuRi+pPYJ7vinlu11pGoZJT+cdwVEdBFJSbn7djzLql1/iBlBsidLlcBrG2B8MHlRqGSil51nPfEi6AO3jaXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAAAAAAH//wACeNpjYGBgZACCGwmaOWC69n4AjAYARC0G1wAAAA==") format("woff");font-weight:300,400,500,600,700;font-style:normal,italic}html{direction:rtl}.framework7-root,body,html{position:relative;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;width:100%;background:#fff;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-family:var(--f7-font-family);font-size:var(--f7-font-size);line-height:var(--f7-line-height);color:var(--f7-text-color)}.theme-dark{color:var(--f7-text-color)}.framework7-root{overflow:hidden;box-sizing:border-box}.framework7-initializing *,.framework7-initializing :after,.framework7-initializing :before{transition-duration:0s!important}.device-android,.device-ios{cursor:pointer}.device-ios{touch-action:manipulation}@media (width:1024px) and (height:691px) and (orientation:landscape){.framework7-root,body,html{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.framework7-root,body,html{height:672px}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,input,select,textarea{outline:0}a{cursor:pointer;text-decoration:none;color:var(--f7-theme-color)}.item-link,.link{cursor:pointer}p{margin:1em 0}.disabled{opacity:.55!important;pointer-events:none!important}html.device-full-viewport,html.device-full-viewport body{height:100vh}.ios .aurora-only,.ios .if-aurora,.ios .if-md,.ios .if-not-ios,.ios .md-only,.ios .not-ios{display:none!important}@media (width:1024px) and (height:691px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:672px}}.md .aurora-only,.md .if-aurora,.md .if-ios,.md .if-not-md,.md .ios-only,.md .not-md{display:none!important}.aurora .if-ios,.aurora .if-md,.aurora .if-not-aurora,.aurora .ios-only,.aurora .md-only,.aurora .not-aurora{display:none!important}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;box-sizing:border-box}.framework7-root>.view,.framework7-root>.views{height:calc(100% - var(--f7-appbar-app-offset,0px))}:root{--f7-page-master-width:320px;--f7-page-master-border-color:rgba(0, 0, 0, 0.1);--f7-page-master-border-width:1px;--f7-page-swipeback-transition-duration:300ms}.ios{--f7-page-bg-color:#efeff4;--f7-page-transition-duration:400ms}.ios .theme-dark,.ios.theme-dark{--f7-page-bg-color:#000}.md{--f7-page-bg-color:#fff;--f7-page-transition-duration:250ms}.md .theme-dark,.md.theme-dark{--f7-page-bg-color:#171717}.aurora{--f7-page-bg-color:#f3f3f3;--f7-page-transition-duration:400ms}.aurora .theme-dark,.aurora.theme-dark{--f7-page-bg-color:#171717}.theme-dark{--f7-page-master-border-color:rgba(255, 255, 255, 0.1)}.pages{position:relative;width:100%;height:100%;overflow:hidden}.page{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;transform:none;background-color:var(--f7-page-bg-color);z-index:1}.page.stacked{display:none}.page-with-navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.page-previous{pointer-events:none}.page-content{overflow:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;height:100%;position:relative;z-index:1;padding-top:calc(var(--f7-page-navbar-offset,0px) + var(--f7-page-toolbar-top-offset,0px) + var(--f7-page-subnavbar-offset,0px) + var(--f7-page-searchbar-offset,0px) + var(--f7-page-content-extra-padding-top,0px));padding-bottom:calc(var(--f7-page-toolbar-bottom-offset,0px) + var(--f7-safe-area-bottom) + var(--f7-page-content-extra-padding-bottom,0px))}.page-transitioning,.page-transitioning .page-opacity-effect,.page-transitioning .page-shadow-effect{transition-duration:var(--f7-page-transition-duration)}.page-transitioning-swipeback,.page-transitioning-swipeback .page-opacity-effect,.page-transitioning-swipeback .page-shadow-effect{transition-duration:var(--f7-page-swipeback-transition-duration)}.router-transition-backward .page-current,.router-transition-backward .page-next,.router-transition-backward .page-previous:not(.stacked),.router-transition-forward .page-current,.router-transition-forward .page-next,.router-transition-forward .page-previous:not(.stacked){pointer-events:none}.page-shadow-effect{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.page-opacity-effect{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000}.ios .page-previous{transform:translate3d(20%,0,0)}.ios .page-next{transform:translate3d(-100%,0,0)}.ios .page-previous .page-opacity-effect{opacity:1}.ios .page-previous:after{opacity:1}.ios .page-current .page-shadow-effect{opacity:1}.ios .router-transition-forward .page-current,.ios .router-transition-forward .page-next{will-change:transform}.ios .router-transition-forward .page-next{animation:ios-page-next-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-next:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current{animation:ios-page-current-to-previous var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current,.ios .router-transition-backward .page-previous{will-change:transform}.ios .router-transition-backward .page-previous{animation:ios-page-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current{animation:ios-page-current-to-next var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}@keyframes ios-page-next-to-current{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-previous-to-current{from{transform:translate3d(20%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-current-to-previous{from{transform:translate3d(0,0,0)}to{transform:translate3d(20%,0,0)}}@keyframes ios-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0)}}@keyframes ios-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-page-element-fade-out{from{opacity:1}to{opacity:0}}.md .page-next{transform:translate3d(0,56px,0);opacity:0;pointer-events:none}.md .page-next.page-next-on-right{transform:translate3d(-100%,0,0)}.md .router-transition-forward .page-next{will-change:transform,opacity;animation:md-page-next-to-current var(--f7-page-transition-duration) forwards}.md .router-transition-forward .page-current{animation:none}.md .router-transition-backward .page-current{will-change:transform,opacity;animation:md-page-current-to-next var(--f7-page-transition-duration) forwards}.md .router-transition-backward .page-previous{animation:none}@keyframes md-page-next-to-current{from{transform:translate3d(0,56px,0);opacity:0}to{transform:translate3d(0,0px,0);opacity:1}}@keyframes md-page-current-to-next{from{transform:translate3d(0,0,0);opacity:1}to{transform:translate3d(0,56px,0);opacity:0}}.aurora .page-next{pointer-events:none;transform:translate3d(-100%,0px,0)}.aurora .page-next.page-next-on-right{transform:translate3d(-100%,0,0)}.aurora .page-previous .page-opacity-effect{opacity:1}.aurora .page-previous:after{opacity:1}.aurora .router-transition-forward .page-next{will-change:transform;animation:aurora-page-next-to-current var(--f7-page-transition-duration) forwards}.aurora .router-transition-forward .page-current{animation:none}.aurora .router-transition-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:aurora-page-element-fade-in var(--f7-page-transition-duration) forwards}.aurora .router-transition-backward .page-current{will-change:transform,opacity;animation:aurora-page-current-to-next var(--f7-page-transition-duration) forwards}.aurora .router-transition-backward .page-previous{animation:none}.aurora .router-transition-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:aurora-page-element-fade-out var(--f7-page-transition-duration) forwards}@keyframes aurora-page-next-to-current{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0,0px,0)}}@keyframes aurora-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0)}}@keyframes aurora-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes aurora-page-element-fade-out{from{opacity:1}to{opacity:0}}.view:not(.view-master-detail) .page-master-stacked{display:none}.view:not(.view-master-detail) .navbar-master-stacked{display:none}.view-master-detail .navbar-master,.view-master-detail .page-master{width:var(--f7-page-master-width);left:auto;right:0;--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px;border-left:var(--f7-page-master-border-width) solid var(--f7-page-master-border-color)}.view-master-detail .navbar-master-detail,.view-master-detail .page-master-detail{width:calc(100% - var(--f7-page-master-width));--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px;right:var(--f7-page-master-width)}.view-master-detail .page-master{z-index:2;transform:none;pointer-events:auto}.view-master-detail .page-master:after,.view-master-detail .page-master:before{display:none}.view-master-detail.router-transition .page-master{animation:none}:root{--f7-link-highlight-black:rgba(0, 0, 0, 0.1);--f7-link-highlight-white:rgba(255, 255, 255, 0.15);--f7-link-highlight-color:var(--f7-link-highlight-black)}.theme-dark{--f7-link-highlight-color:var(--f7-link-highlight-white)}.link,.tab-link{display:inline-flex;align-items:center;align-content:center;justify-content:center;position:relative;box-sizing:border-box;transform:translate3d(0,0,0);z-index:1}.link i+i,.link i+span,.link span+i,.link span+span{margin-right:4px}.ios .link{transition:opacity .3s}.ios .link.active-state{opacity:.3;transition-duration:0s}.aurora .link{transition:opacity .3s}.aurora .link.active-state{opacity:.3;transition-duration:0s}:root{--f7-navbar-hide-show-transition-duration:400ms;--f7-navbar-title-line-height:1.2;--f7-navbar-title-font-size:inherit;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-text-color:inherit}.ios{--f7-navbar-height:44px;--f7-navbar-tablet-height:44px;--f7-navbar-font-size:17px;--f7-navbar-inner-padding-left:8px;--f7-navbar-inner-padding-right:8px;--f7-navbar-title-font-weight:600;--f7-navbar-title-margin-left:0;--f7-navbar-title-margin-right:0;--f7-navbar-title-text-align:center;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.55);--f7-navbar-subtitle-font-size:10px;--f7-navbar-subtitle-line-height:1;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:52px;--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-font-weight:700;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-vertical:6px;--f7-navbar-large-title-padding-left:15px;--f7-navbar-large-title-padding-right:15px}.ios .theme-dark,.ios.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-navbar-height:56px;--f7-navbar-tablet-height:64px;--f7-navbar-font-size:20px;--f7-navbar-inner-padding-left:0px;--f7-navbar-inner-padding-right:0px;--f7-navbar-title-font-weight:500;--f7-navbar-title-margin-left:16px;--f7-navbar-title-margin-right:16px;--f7-navbar-title-text-align:left;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.85);--f7-navbar-subtitle-font-size:14px;--f7-navbar-subtitle-line-height:1.2;--f7-navbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-height:56px;--f7-navbar-large-title-font-weight:500;--f7-navbar-large-title-letter-spacing:0;--f7-navbar-large-title-padding-vertical:8px;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px}.md .theme-dark,.md.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.85)}.aurora{--f7-navbar-height:38px;--f7-navbar-tablet-height:38px;--f7-navbar-font-size:14px;--f7-navbar-inner-padding-left:15px;--f7-navbar-inner-padding-right:15px;--f7-navbar-title-font-weight:600;--f7-navbar-title-margin-left:0;--f7-navbar-title-margin-right:0;--f7-navbar-title-text-align:center;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.6);--f7-navbar-subtitle-font-size:12px;--f7-navbar-subtitle-line-height:1;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:38px;--f7-navbar-large-title-font-size:26px;--f7-navbar-large-title-font-weight:bold;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-vertical:4px;--f7-navbar-large-title-padding-left:15px;--f7-navbar-large-title-padding-right:15px;--f7-navbar-link-height:auto;--f7-navbar-link-line-height:inherit}.aurora .theme-dark,.aurora.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.5)}.navbar{--f7-navbar-large-collapse-progress:0;position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;margin:0;transform:translate3d(0,0,0);height: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-right:var(--f7-navbar-title-margin-left);margin-left:var(--f7-navbar-title-margin-left)}.navbar .subtitle{display:block;color:var(--f7-navbar-subtitle-text-color);font-weight:400;font-size:var(--f7-navbar-subtitle-font-size);line-height:var(--f7-navbar-subtitle-line-height);text-align:var(--f7-navbar-subtitle-text-align)}.navbar .left,.navbar .right{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center;transform:translate3d(0,0,0)}.navbar .right:first-child{position:absolute;height:100%}.navbar .no-border .navbar-bg:after,.navbar .no-hairline .navbar-bg:after,.navbar.no-border .navbar-bg:after,.navbar.no-hairline .navbar-bg:after{display:none!important}.navbar .no-border .title-large:after,.navbar .no-hairline .title-large:after,.navbar.no-border .title-large:after,.navbar.no-hairline .title-large:after{display:none!important}.navbar .no-shadow .navbar-bg:before,.navbar.no-shadow .navbar-bg:before{display:none!important}.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-image:var(--f7-navbar-bg-image,var(--f7-bars-bg-image));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 .navbar-bg{background-color:rgba(var(--f7-navbar-bg-color-rgb,var(--f7-bars-bg-color-rgb)),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.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:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-navbar-shadow-image)}.navbar-bg:after{z-index:1}@media (min-width:768px){:root{--f7-navbar-height:var(--f7-navbar-tablet-height)}}.navbar-transitioning,.navbar-transitioning .left,.navbar-transitioning .navbar-bg,.navbar-transitioning .right,.navbar-transitioning .subnavbar,.navbar-transitioning .title,.navbar-transitioning .title-large-inner,.navbar-transitioning .title-large-text,.navbar-transitioning:before{transition-duration:var(--f7-navbar-hide-show-transition-duration)}.navbar-page-transitioning{transition-duration:var(--f7-page-swipeback-transition-duration)!important}.navbar-page-transitioning .navbar-bg,.navbar-page-transitioning .title-large-inner,.navbar-page-transitioning .title-large-text{transition-duration:var(--f7-page-swipeback-transition-duration)!important}.navbar-hidden{transform:translate3d(0,calc(-100% + var(--f7-safe-area-top)),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}.navbar-hidden-statusbar{transform:translate3d(0,-100%,0)}.navbar-large-hidden{--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))}.navbar-inner.stacked{display:none}.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.ios .router-navbar-transition-from-large .navbar-bg,.ios .router-navbar-transition-to-large .navbar-bg,.navbar-bg.ios-swipeback-navbar-bg-large,.navbar-inner-large .navbar-bg,.navbar-inner-large-transparent .navbar-bg.ios-swipeback-navbar-bg-large,.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-inner-large-transparent .navbar-bg{opacity:var(--f7-navbar-large-collapse-progress);height:100%;transform:none}.ios .navbar-inner:not(.navbar-inner-large) .navbar-bg{--f7-navbar-large-collapse-progress:1}.navbar-inner-large>.title{opacity:calc(-1 + 2 * var(--f7-navbar-large-collapse-progress))}.navbar-inner-large-collapsed,.navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.navbar-inner-large-collapsed .title-large,.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;align-items:flex-end;white-space:nowrap;overflow:hidden;height:var(--f7-navbar-large-title-height);z-index:5}.title-large-inner .title,.title-large-text{text-overflow:ellipsis;white-space:nowrap;color:var(--f7-navbar-large-title-text-color);letter-spacing:var(--f7-navbar-large-title-letter-spacing);font-size:var(--f7-navbar-large-title-font-size);font-weight:var(--f7-navbar-large-title-font-weight);line-height:var(--f7-navbar-large-title-line-height);padding-left:calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left));padding-right:calc(var(--f7-navbar-large-title-padding-right) + var(--f7-safe-area-right));padding-top:var(--f7-navbar-large-title-padding-vertical);padding-bottom:var(--f7-navbar-large-title-padding-vertical)}.title-large-inner,.title-large-text{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(100% - var(--f7-navbar-large-title-padding-left) - var(--f7-safe-area-left)) center}.navbar-no-title-large-transition .title-large-inner,.navbar-no-title-large-transition .title-large-text{transition-duration:0s}.navbar~*{--f7-page-navbar-offset:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.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-transparent-bg-center:translateX(0);--f7-navbar-large-transparent-bg-left:translateX(-100%);--f7-navbar-large-transparent-bg-right:translateX(100%);--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 .material-icons{width:24px}.ios .navbar .f7-icons{width:28px}.ios .navbar a.icon-only{width:44px;margin:0;justify-content:center}.ios .navbar .left a+a,.ios .navbar .right a+a{margin-right:15px}.ios .navbar b{font-weight:600}.ios .navbar .left{margin-left:10px}.ios .navbar .right{margin-right:10px}.ios .navbar .right:first-child{left:calc(8px + var(--f7-safe-area-left))}.ios .navbar-inner{justify-content:space-between}.ios .navbar-inner-left-title{justify-content:flex-start}.ios .navbar-inner-left-title .right{margin-right:auto}.ios .navbar-inner-left-title .title{text-align:left;margin-left:10px}.ios .view-master-detail .navbar-previous:not(.navbar-master),.ios .view:not(.view-master-detail) .navbar-previous{pointer-events:none}.ios .view-master-detail .navbar-previous:not(.navbar-master) .navbar-bg,.ios .view:not(.view-master-detail) .navbar-previous .navbar-bg{transform:translateX(-100%)}.ios .view-master-detail .navbar-previous:not(.navbar-master).navbar-large-collapsed,.ios .view:not(.view-master-detail) .navbar-previous.navbar-large-collapsed{transform:translateX(-100%) translateY(calc(-1 * var(--f7-navbar-large-title-height)))}.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) .title-large .title-large-inner,.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-inner{transform:translateX(-100%);opacity:0;transition-duration:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading,.ios .view-master-detail .navbar-previous:not(.navbar-master) .left,.ios .view-master-detail .navbar-previous:not(.navbar-master) .right,.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar,.ios .view-master-detail .navbar-previous:not(.navbar-master)>.title,.ios .view:not(.view-master-detail) .navbar-previous .fading,.ios .view:not(.view-master-detail) .navbar-previous .left,.ios .view:not(.view-master-detail) .navbar-previous .right,.ios .view:not(.view-master-detail) .navbar-previous .subnavbar,.ios .view:not(.view-master-detail) .navbar-previous>.title{opacity:0}.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding,.ios .view:not(.view-master-detail) .navbar-previous .sliding{opacity:0}.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding,.ios .view-master-detail .navbar-previous:not(.navbar-master).sliding .subnavbar,.ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding,.ios .view:not(.view-master-detail) .navbar-previous.sliding .subnavbar{opacity:1;transform:translate3d(-100%,0,0)}.ios .navbar-next{pointer-events:none}.ios .navbar-next .navbar-bg{transform:translateX(100%)}.ios .navbar-next .title-large .title-large-inner,.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 .fading,.ios .navbar-next .left,.ios .navbar-next .right,.ios .navbar-next .subnavbar,.ios .navbar-next>.title{opacity:0}.ios .navbar-next .sliding{opacity:0}.ios .navbar-next.sliding .left,.ios .navbar-next.sliding .right,.ios .navbar-next.sliding .subnavbar,.ios .navbar-next.sliding>.title{opacity:0}.ios .navbar-next .subnavbar.sliding,.ios .navbar-next.sliding .subnavbar{opacity:1;transform:translate3d(100%,0,0)}.ios .router-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 .left.sliding .icon+span,.ios .router-transition .navbar-current .sliding,.ios .router-transition .navbar-current.sliding .left,.ios .router-transition .navbar-current.sliding .left .icon+span,.ios .router-transition .navbar-current.sliding .right,.ios .router-transition .navbar-current.sliding>.title{transition-duration:var(--f7-page-transition-duration);opacity:0!important;animation:none}.ios .router-transition .navbar-current .sliding.subnavbar,.ios .router-transition .navbar-current.sliding .subnavbar{transition-duration:var(--f7-page-transition-duration);animation:none;opacity:1}.ios .router-transition-backward .navbar-previous .left,.ios .router-transition-backward .navbar-previous .right,.ios .router-transition-backward .navbar-previous .subnavbar,.ios .router-transition-backward .navbar-previous>.title,.ios .router-transition-forward .navbar-next .left,.ios .router-transition-forward .navbar-next .right,.ios .router-transition-forward .navbar-next .subnavbar,.ios .router-transition-forward .navbar-next>.title{animation:ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous .left.sliding .icon+span,.ios .router-transition-backward .navbar-previous .sliding,.ios .router-transition-backward .navbar-previous.sliding .left,.ios .router-transition-backward .navbar-previous.sliding .left .icon+span,.ios .router-transition-backward .navbar-previous.sliding .right,.ios .router-transition-backward .navbar-previous.sliding .subnavbar,.ios .router-transition-backward .navbar-previous.sliding>.title,.ios .router-transition-forward .navbar-next .left.sliding .icon+span,.ios .router-transition-forward .navbar-next .sliding,.ios .router-transition-forward .navbar-next.sliding .left,.ios .router-transition-forward .navbar-next.sliding .left .icon+span,.ios .router-transition-forward .navbar-next.sliding .right,.ios .router-transition-forward .navbar-next.sliding .subnavbar,.ios .router-transition-forward .navbar-next.sliding>.title{transition-duration:var(--f7-page-transition-duration);animation:none;transform:translate3d(0,0,0)!important;opacity:1!important}.ios .router-transition-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-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,.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled>.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-current.router-navbar-transition-from-large .title-large-inner{animation:ios-navbar-large-title-inner-current-to-previous 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:right center}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner,.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-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-inner,.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text{animation:ios-navbar-large-title-text-slide-left var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title,.ios .router-transition-forward .navbar-next.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title{animation:none;opacity:0!important;transition-duration:0}.ios .router-transition-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:right 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-inner,.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-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-inner,.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text{animation:ios-navbar-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-previous.router-navbar-transition-to-large .title-large-inner{animation:ios-navbar-large-title-inner-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title,.ios .router-transition-backward .navbar-previous.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title{animation:none;opacity:0!important;transition-duration:0}.ios .router-transition-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-inner-large-collapsed:not(.router-navbar-transition-to-large) .navbar-bg{animation-name:ios-navbar-bg-from-ct-to-lt}.ios .router-transition-forward .navbar-current.navbar-inner-large-collapsed.navbar-inner-large-transparent:not(.router-navbar-transition-to-large) .navbar-bg{animation-name:ios-navbar-transparent-bg-from-c-to-l}.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-inner-large-collapsed .navbar-bg{animation-name:ios-navbar-bg-from-ct-to-rt}.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-inner-large-collapsed .navbar-bg{animation-name:ios-navbar-bg-from-lt-to-ct}.ios .router-transition-backward .navbar-previous.navbar-inner-large-collapsed.navbar-inner-large-transparent .navbar-bg{animation-name:ios-navbar-transparent-bg-from-l-to-c}.ios .router-transition-backward .navbar-previous.navbar-inner-large-collapsed.navbar-inner-large-transparent.router-navbar-transition-from-large .navbar-bg{animation-name:ios-navbar-bg-from-lb-to-ct}.view-master-detail .navbar-master.navbar-previous{pointer-events:auto}.view-master-detail .navbar-master.navbar-previous .left,.view-master-detail .navbar-master.navbar-previous .right,.view-master-detail .navbar-master.navbar-previous .subnavbar,.view-master-detail .navbar-master.navbar-previous:not(.navbar-inner-large) .title{opacity:1}.ios .view-master-detail.router-transition .navbar-master .fading,.ios .view-master-detail.router-transition .navbar-master .left,.ios .view-master-detail.router-transition .navbar-master .left .icon+span,.ios .view-master-detail.router-transition .navbar-master .right,.ios .view-master-detail.router-transition .navbar-master .sliding,.ios .view-master-detail.router-transition .navbar-master .subnavbar,.ios .view-master-detail.router-transition .navbar-master:not(.navbar-inner-large) .title{opacity:1!important;transition-duration:0s;transform:none!important;animation:none!important}.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title{opacity:calc(-1 + 2 * var(--f7-navbar-large-collapse-progress))!important;transition-duration:0s;transform:none!important;animation:none!important}.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large,.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-inner,.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-text{transition-duration:0s;animation:none!important}@keyframes ios-navbar-element-fade-in{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(-1 * (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)}}@keyframes ios-navbar-large-title-text-slide-down{0%{transform:translateX(calc(-1 * (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(-1 * (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(-1 * (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-large-title-inner-current-to-previous{0%{transform:translateX(0%);opacity:1}100%{transform:translateX(100%);opacity:0}}@keyframes ios-navbar-large-title-inner-previous-to-current{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0%);opacity: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)}}@keyframes ios-navbar-transparent-bg-from-l-to-c{from{transform:var(--f7-navbar-large-transparent-bg-left)}to{transform:var(--f7-navbar-large-transparent-bg-center)}}@keyframes ios-navbar-transparent-bg-from-c-to-l{from{transform:var(--f7-navbar-large-transparent-bg-center)}to{transform:var(--f7-navbar-large-transparent-bg-left)}}.md .navbar .material-icons{width:24px}.md .navbar .f7-icons{width:28px}.md .navbar a.link{padding:0 16px;min-width:48px}.md .navbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .navbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .navbar a.icon-only{min-width:0;flex-shrink:0;width:56px}.md .navbar .right{margin-right:auto}.md .navbar .right:first-child{left:var(--f7-safe-area-left)}.md .navbar-inner{justify-content:flex-start}.md .navbar-inner-centered-title{justify-content:space-between}.md .navbar-inner-centered-title .right{margin-right:0}.md .navbar-inner-centered-title .title{text-align:center}.aurora .navbar a.icon-only{margin:0;justify-content:center}.aurora .navbar .left a+a,.aurora .navbar .right a+a{margin-right:10px}.aurora .navbar b{font-weight:700}.aurora .navbar .left{margin-left:10px}.aurora .navbar .right{margin-right:10px}.aurora .navbar .right:first-child{left:calc(15px + var(--f7-safe-area-left))}.aurora .navbar-inner{justify-content:space-between}.aurora .navbar-inner-left-title{justify-content:flex-start}.aurora .navbar-inner-left-title .right{margin-right:auto}.aurora .navbar-inner-left-title .title{text-align:left;margin-left:10px}:root{--f7-tabbar-link-active-bg-color:transparent;--f7-tabbar-label-text-transform:none;--f7-toolbar-hide-show-transition-duration:400ms}.ios{--f7-toolbar-height:44px;--f7-toolbar-font-size:17px;--f7-toolbar-inner-padding-left:8px;--f7-toolbar-inner-padding-right:8px;--f7-tabbar-labels-height:50px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.4);--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:28px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:10px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0.01}.ios .theme-dark,.ios.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.54)}.md{--f7-toolbar-height:48px;--f7-toolbar-font-size:14px;--f7-toolbar-inner-padding-left:0px;--f7-toolbar-inner-padding-right:0px;--f7-tabbar-labels-height:56px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.54);--f7-toolbar-top-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-toolbar-bottom-shadow-image:var(--f7-bars-shadow-top-image);--f7-tabbar-icon-size:24px;--f7-tabbar-link-text-transform:uppercase;--f7-tabbar-link-font-weight:500;--f7-tabbar-link-letter-spacing:0.03em;--f7-tabbar-label-font-size:14px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0}.md .theme-dark,.md.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-toolbar-height:38px;--f7-toolbar-font-size:14px;--f7-toolbar-inner-padding-left:15px;--f7-toolbar-inner-padding-right:15px;--f7-toolbar-link-height:auto;--f7-toolbar-link-line-height:inherit;--f7-tabbar-labels-height:44px;--f7-tabbar-labels-tablet-height:44px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.5);--f7-tabbar-link-inactive-bg-color:rgba(0, 0, 0, 0.2);--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:18px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:12px;--f7-tabbar-label-tablet-font-size:12px;--f7-tabbar-label-font-weight:500;--f7-tabbar-label-letter-spacing:0.01}.aurora .theme-dark,.aurora.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.5)}.toolbar{width:100%;position:relative;margin:0;transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:500;box-sizing:border-box;left:0;height:var(--f7-toolbar-height);background-image:var(--f7-toolbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-toolbar-bg-color,var(--f7-bars-bg-color));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 .toolbar{background-color:rgba(var(--f7-toolbar-bg-color-rgb,var(--f7-bars-bg-color-rgb)),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.toolbar b{font-weight:600}.toolbar a{color:var(--f7-toolbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));box-sizing:border-box;flex-shrink:1;position:relative;white-space:nowrap;text-overflow:ellipsis}.toolbar a.link{display:flex;line-height:var(--f7-toolbar-link-line-height,var(--f7-toolbar-height));height:var(--f7-toolbar-link-height,var(--f7-toolbar-height))}.toolbar i.icon{display:block}.toolbar:after,.toolbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.page>.toolbar,.view>.toolbar,.views>.toolbar{position:absolute}.aurora .toolbar-top-aurora,.ios .toolbar-top-ios,.md .toolbar-top-md,.toolbar-top{top:0}.aurora .toolbar-top-aurora .tab-link-highlight,.ios .toolbar-top-ios .tab-link-highlight,.md .toolbar-top-md .tab-link-highlight,.toolbar-top .tab-link-highlight{bottom:0}.aurora .toolbar-top-aurora.no-border:after,.aurora .toolbar-top-aurora.no-hairline:after,.ios .toolbar-top-ios.no-border:after,.ios .toolbar-top-ios.no-hairline:after,.md .toolbar-top-md.no-border:after,.md .toolbar-top-md.no-hairline:after,.toolbar-top.no-border:after,.toolbar-top.no-hairline:after{display:none!important}.aurora .toolbar-top-aurora.no-shadow:before,.aurora .toolbar-top-aurora.toolbar-hidden:before,.ios .toolbar-top-ios.no-shadow:before,.ios .toolbar-top-ios.toolbar-hidden:before,.md .toolbar-top-md.no-shadow:before,.md .toolbar-top-md.toolbar-hidden:before,.toolbar-top.no-shadow:before,.toolbar-top.toolbar-hidden:before{display:none!important}.aurora .toolbar-top-aurora:after,.aurora .toolbar-top-aurora:before,.ios .toolbar-top-ios:after,.ios .toolbar-top-ios:before,.md .toolbar-top-md:after,.md .toolbar-top-md:before,.toolbar-top:after,.toolbar-top:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.aurora .toolbar-top-aurora:after,.ios .toolbar-top-ios:after,.md .toolbar-top-md:after,.toolbar-top:after{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .toolbar-top-aurora:before,.ios .toolbar-top-ios:before,.md .toolbar-top-md:before,.toolbar-top:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-toolbar-top-shadow-image)}.aurora .toolbar-bottom-aurora,.ios .toolbar-bottom-ios,.md .toolbar-bottom-md,.toolbar-bottom{bottom:0;height:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.aurora .toolbar-bottom-aurora .tab-link-highlight,.ios .toolbar-bottom-ios .tab-link-highlight,.md .toolbar-bottom-md .tab-link-highlight,.toolbar-bottom .tab-link-highlight{top:0}.aurora .toolbar-bottom-aurora .toolbar-inner,.ios .toolbar-bottom-ios .toolbar-inner,.md .toolbar-bottom-md .toolbar-inner,.toolbar-bottom .toolbar-inner{height:auto;top:0;bottom:var(--f7-safe-area-bottom)}.aurora .toolbar-bottom-aurora.no-border:before,.aurora .toolbar-bottom-aurora.no-hairline:before,.ios .toolbar-bottom-ios.no-border:before,.ios .toolbar-bottom-ios.no-hairline:before,.md .toolbar-bottom-md.no-border:before,.md .toolbar-bottom-md.no-hairline:before,.toolbar-bottom.no-border:before,.toolbar-bottom.no-hairline:before{display:none!important}.aurora .toolbar-bottom-aurora.no-shadow:after,.aurora .toolbar-bottom-aurora.toolbar-hidden:after,.ios .toolbar-bottom-ios.no-shadow:after,.ios .toolbar-bottom-ios.toolbar-hidden:after,.md .toolbar-bottom-md.no-shadow:after,.md .toolbar-bottom-md.toolbar-hidden:after,.toolbar-bottom.no-shadow:after,.toolbar-bottom.toolbar-hidden:after{display:none!important}.aurora .toolbar-bottom-aurora:before,.ios .toolbar-bottom-ios:before,.md .toolbar-bottom-md:before,.toolbar-bottom:before{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .toolbar-bottom-aurora:after,.ios .toolbar-bottom-ios:after,.md .toolbar-bottom-md:after,.toolbar-bottom:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-toolbar-bottom-shadow-image)}.toolbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-content:center;overflow:hidden;padding:0 calc(var(--f7-toolbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-toolbar-inner-padding-left) + var(--f7-safe-area-left))}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a,.tabbar-labels a{color:var(--f7-tabbar-link-inactive-color)}.tabbar a.tab-link:not(.tab-link-active),.tabbar-labels a.tab-link:not(.tab-link-active){background-color:var(--f7-tabbar-link-inactive-bg-color,transparent)}.tabbar a.link,.tabbar-labels a.link{line-height:1.4}.tabbar a.link,.tabbar a.tab-link,.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;text-transform:var(--f7-tabbar-link-text-transform);font-weight:var(--f7-tabbar-link-font-weight);letter-spacing:var(--f7-tabbar-link-letter-spacing);overflow:hidden}.tabbar .tab-link-active,.tabbar-labels .tab-link-active{color:var(--f7-tabbar-link-active-color,var(--f7-theme-color));background-color:var(--f7-tabbar-link-active-bg-color,transparent)}.tabbar i.icon,.tabbar-labels i.icon{font-size:var(--f7-tabbar-icon-size);height:var(--f7-tabbar-icon-size);line-height:var(--f7-tabbar-icon-size)}.tabbar-labels{--f7-toolbar-height:var(--f7-tabbar-labels-height)}.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;justify-content:space-between;align-items:center}.tabbar-labels .tabbar-label{display:block;line-height:1;margin:0;position:relative;text-overflow:ellipsis;white-space:nowrap;font-size:var(--f7-tabbar-label-font-size);text-transform:var(--f7-tabbar-label-text-transform);font-weight:var(--f7-tabbar-label-font-weight);letter-spacing:var(--f7-tabbar-label-letter-spacing)}@media (min-width:768px){:root{--f7-tabbar-labels-height:var(--f7-tabbar-labels-tablet-height);--f7-tabbar-label-font-size:var(--f7-tabbar-label-tablet-font-size)}}.tabbar-scrollable .toolbar-inner{justify-content:flex-start;overflow:auto;-webkit-overflow-scrolling:touch}.tabbar-scrollable .toolbar-inner::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;-webkit-appearance:none;opacity:0!important}.tabbar-scrollable a.link,.tabbar-scrollable a.tab-link{width:auto;flex-shrink:0}.navbar-transitioning+.toolbar,.navbar-transitioning~* .toolbar,.toolbar-transitioning{transition-duration:var(--f7-toolbar-hide-show-transition-duration)}.aurora .toolbar-bottom-aurora~*,.ios .toolbar-bottom-ios~*,.md .toolbar-bottom-md~*,.toolbar-bottom~*{--f7-page-toolbar-bottom-offset:var(--f7-toolbar-height)}.aurora .toolbar-bottom-aurora.tabbar-labels~*,.ios .toolbar-bottom-ios.tabbar-labels~*,.md .toolbar-bottom-md.tabbar-labels~*,.toolbar-bottom.tabbar-labels~*{--f7-page-toolbar-bottom-offset:var(--f7-tabbar-labels-height)}.aurora .toolbar-bottom-aurora.toolbar-hidden,.ios .toolbar-bottom-ios.toolbar-hidden,.md .toolbar-bottom-md.toolbar-hidden,.toolbar-bottom.toolbar-hidden{transform:translate3d(0,100%,0)}.aurora .toolbar-top-aurora~*,.ios .toolbar-top-ios~*,.md .toolbar-top-md~*,.toolbar-top~*{--f7-page-toolbar-top-offset:var(--f7-toolbar-height)}.aurora .toolbar-top-aurora.tabbar-labels~*,.ios .toolbar-top-ios.tabbar-labels~*,.md .toolbar-top-md.tabbar-labels~*,.toolbar-top.tabbar-labels~*{--f7-page-toolbar-top-offset:var(--f7-tabbar-labels-height)}.aurora .toolbar-top-aurora.toolbar-hidden,.ios .toolbar-top-ios.toolbar-hidden,.md .toolbar-top-md.toolbar-hidden,.toolbar-top.toolbar-hidden{transform:translate3d(0,-100%,0)}.aurora .navbar~* .toolbar-top-aurora,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora,.aurora .navbar~.toolbar-top-aurora,.ios .navbar~* .toolbar-top-ios,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios,.ios .navbar~.toolbar-top-ios,.md .navbar~* .toolbar-top-md,.md .navbar~.page:not(.no-navbar) .toolbar-top-md,.md .navbar~.toolbar-top-md,.navbar~* .toolbar-top,.navbar~.page:not(.no-navbar) .toolbar-top,.navbar~.toolbar-top{top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.aurora .navbar~* .toolbar-top-aurora.toolbar-hidden,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden,.aurora .navbar~.toolbar-top-aurora.toolbar-hidden,.ios .navbar~* .toolbar-top-ios.toolbar-hidden,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden,.ios .navbar~.toolbar-top-ios.toolbar-hidden,.md .navbar~* .toolbar-top-md.toolbar-hidden,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden,.md .navbar~.toolbar-top-md.toolbar-hidden,.navbar~* .toolbar-top.toolbar-hidden,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden,.navbar~.toolbar-top.toolbar-hidden{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-safe-area-top))),0)}.aurora .navbar~* .toolbar-top-aurora.toolbar-hidden.tabbar-labels,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden.tabbar-labels,.aurora .navbar~.toolbar-top-aurora.toolbar-hidden.tabbar-labels,.ios .navbar~* .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.toolbar-top-ios.toolbar-hidden.tabbar-labels,.md .navbar~* .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.toolbar-top-md.toolbar-hidden.tabbar-labels,.navbar~* .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.toolbar-top.toolbar-hidden.tabbar-labels{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-safe-area-top))),0)}.aurora .navbar-hidden+.toolbar-top-aurora:not(.toolbar-hidden),.aurora .navbar-hidden~* .toolbar-top-aurora:not(.toolbar-hidden),.ios .navbar-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(0px - var(--f7-navbar-height)),0)}.aurora .navbar-large-hidden~* .toolbar-top-aurora:not(.toolbar-hidden),.ios .navbar-large-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-large-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-large-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-large-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-large-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-large-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(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-labels a.link,.ios .tabbar-labels a.tab-link{padding-top:4px;padding-bottom:4px}.ios .tabbar-labels a.link i+span,.ios .tabbar-labels a.tab-link i+span{margin:0}@media (min-width:768px){.ios .tabbar .toolbar-inner,.ios .tabbar-labels .toolbar-inner{justify-content:center}.ios .tabbar a.link,.ios .tabbar a.tab-link,.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{width:auto;min-width:105px}}.ios .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.ios .tabbar-scrollable a.link,.ios .tabbar-scrollable a.tab-link{padding:0 8px}.md .toolbar a.link{justify-content:center;padding:0 16px;min-width:48px}.md .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .toolbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .toolbar a.icon-only{min-width:0;flex-shrink:0}.md .tabbar a.link,.md .tabbar a.tab-link,.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-left:0;padding-right:0}.md .tabbar a.icon-only,.md .tabbar-labels a.icon-only{flex-shrink:initial}.md .tabbar a.tab-link,.md .tabbar-labels a.tab-link{transition-duration:.3s;overflow:hidden;position:relative}.md .tabbar .tab-link-highlight,.md .tabbar-labels .tab-link-highlight{position:absolute;left:0;height:2px;background:var(--f7-tabbar-link-active-border-color,var(--f7-theme-color));transition-duration:.3s;right:0}.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-top:7px;padding-bottom:7px}.md .tabbar-label{max-width:100%;overflow:hidden;line-height:1.2}.md .tabbar-scrollable .toolbar-inner{overflow:auto}.md .tabbar-scrollable a.link,.md .tabbar-scrollable a.tab-link{padding:0 16px}.aurora .toolbar a.icon-only{min-height:var(--f7-toolbar-height);display:flex;justify-content:center;align-items:center;margin:0}.aurora .tabbar .toolbar-inner,.aurora .tabbar-labels .toolbar-inner{padding-left:0;padding-right:0}.aurora .tabbar a.link,.aurora .tabbar a.tab-link,.aurora .tabbar-labels a.link,.aurora .tabbar-labels a.tab-link{transition-duration:.2s}.aurora .tabbar-labels a.link,.aurora .tabbar-labels a.tab-link{padding-top:5px;padding-bottom:5px}.aurora .tabbar-labels a.link i+span,.aurora .tabbar-labels a.tab-link i+span{margin:0}.aurora .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.aurora .tabbar-scrollable a.link,.aurora .tabbar-scrollable a.tab-link{padding:0 15px}:root{--f7-subnavbar-title-line-height:1.2}.ios{--f7-subnavbar-height:44px;--f7-subnavbar-inner-padding-left:8px;--f7-subnavbar-inner-padding-right:8px;--f7-subnavbar-title-font-size:34px;--f7-subnavbar-title-font-weight:700;--f7-subnavbar-title-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:7px;--f7-subnavbar-shadow-image:none}.md{--f7-subnavbar-height:48px;--f7-subnavbar-inner-padding-left:16px;--f7-subnavbar-inner-padding-right:16px;--f7-subnavbar-title-font-size:20px;--f7-subnavbar-title-font-weight:500;--f7-subnavbar-title-letter-spacing:0;--f7-subnavbar-title-margin-left:0px;--f7-subnavbar-shadow-image:var(--f7-bars-shadow-bottom-image)}.aurora{--f7-subnavbar-height:38px;--f7-subnavbar-inner-padding-left:15px;--f7-subnavbar-inner-padding-right:15px;--f7-subnavbar-title-font-size:26px;--f7-subnavbar-title-font-weight:bold;--f7-subnavbar-title-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:0px;--f7-subnavbar-shadow-image:none;--f7-subnavbar-link-height:auto;--f7-subnavbar-link-line-height:inherit}.subnavbar{width:100%;position:absolute;left:0;top:0;z-index:500;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;background-image:var(--f7-subnavbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-subnavbar-bg-color,var(--f7-bars-bg-color));color:var(--f7-subnavbar-text-color,var(--f7-bars-text-color))}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .subnavbar{background-color:rgba(var(--f7-subnavbar-bg-color-rgb,var(--f7-bars-bg-color-rgb)),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.subnavbar .title{position:relative;overflow:hidden;text-overflow:ellpsis;white-space:nowrap;font-size:var(--f7-subnavbar-title-font-size);font-weight:var(--f7-subnavbar-title-font-weight);text-align:left;display:inline-block;line-height:var(--f7-subnavbar-title-line-height);letter-spacing:var(--f7-subnavbar-title-letter-spacing);margin-right:var(--f7-subnavbar-title-margin-left)}.subnavbar .left,.subnavbar .right{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center}.subnavbar .right:first-child{position:absolute;height:100%}.subnavbar a{color:var(--f7-subnavbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.subnavbar a.link{line-height:var(--f7-subnavbar-link-line-height,var(--f7-subnavbar-height));height:var(--f7-subnavbar-link-height,var(--f7-subnavbar-height))}.subnavbar a.icon-only{min-width:var(--f7-subnavbar-height)}.subnavbar.no-border:after,.subnavbar.no-hairline:after{display:none!important}.subnavbar.navbar-hidden:before,.subnavbar.no-shadow:before{display:none!important}.subnavbar:after,.subnavbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.subnavbar:after{content:'';position:absolute;background-color:var(--f7-subnavbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.subnavbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-subnavbar-shadow-image)}.subnavbar-inner{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;justify-content:space-between;overflow:hidden;padding:0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left))}.subnavbar-inner.stacked{display:none}.navbar .subnavbar{top:100%}.page>.subnavbar,.view>.subnavbar,.views>.subnavbar{position:absolute}.navbar~* .subnavbar,.navbar~.page-with-subnavbar:not(.no-navbar) .subnavbar,.navbar~.subnavbar,.page-with-subnavbar .navbar~* .subnavbar,.page-with-subnavbar .navbar~.subnavbar{top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.navbar .title-large~.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-right:15px}.ios .subnavbar .left{margin-left:10px}.ios .subnavbar .right{margin-right:10px}.ios .subnavbar .right:first-child{left:8px}.ios .subnavbar a.link{justify-content:flex-start}.ios .subnavbar a.icon-only{justify-content:center;margin:0}.md .subnavbar{height:var(--f7-subnavbar-height)}.md .subnavbar .right{margin-right:auto}.md .subnavbar .right:first-child{left:16px}.md .subnavbar a.link{justify-content:center;padding:0 16px}.md .subnavbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .subnavbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .subnavbar a.icon-only{flex-shrink:0}.md .subnavbar-inner>a.link:first-child{margin-right:calc(-1 * var(--f7-subnavbar-inner-padding-right))}.md .subnavbar-inner>a.link:last-child{margin-left:calc(-1 * var(--f7-subnavbar-inner-padding-left))}.aurora .subnavbar{height:calc(var(--f7-subnavbar-height) + 1px);margin-top:-1px;padding-top:1px}.aurora .subnavbar .title{align-self:flex-start;flex-shrink:10}.aurora .subnavbar .left a+a,.aurora .subnavbar .right a+a{margin-right:10px}.aurora .subnavbar .left{margin-left:10px}.aurora .subnavbar .right{margin-right:10px}.aurora .subnavbar .right:first-child{left:15px}.aurora .subnavbar a.link{justify-content:flex-start}.aurora .subnavbar a.icon-only{justify-content:center;margin:0}:root{--f7-block-font-size:inherit;--f7-block-text-color:inherit;--f7-block-strong-bg-color:#fff;--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-color:#000;--f7-block-title-medium-text-transform:none;--f7-block-title-large-text-color:#000;--f7-block-title-large-text-transform:none}:root .theme-dark,:root.theme-dark{--f7-block-strong-border-color:rgba(255, 255, 255, 0.15);--f7-block-title-medium-text-color:#fff;--f7-block-title-large-text-color:#fff;--f7-block-strong-bg-color:#1c1c1d}.ios{--f7-block-padding-horizontal:15px;--f7-block-padding-vertical:15px;--f7-block-margin-vertical:35px;--f7-block-strong-text-color:#000;--f7-block-strong-border-color:rgba(0, 0, 0, 0.22);--f7-block-title-text-color:#000;--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-side-margin:15px;--f7-block-inset-border-radius:7px;--f7-block-header-text-color:rgba(0, 0, 0, 0.45);--f7-block-footer-text-color:rgba(0, 0, 0, 0.45)}.ios .theme-dark,.ios.theme-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}.md{--f7-block-padding-horizontal:16px;--f7-block-padding-vertical:16px;--f7-block-margin-vertical:32px;--f7-block-strong-text-color:inherit;--f7-block-strong-border-color:rgba(0, 0, 0, 0.12);--f7-block-title-font-size:inherit;--f7-block-title-text-color:rgba(0, 0, 0, 0.54);--f7-block-title-font-weight:500;--f7-block-title-line-height:16px;--f7-block-title-margin-bottom:16px;--f7-block-title-medium-font-size:24px;--f7-block-title-medium-font-weight:500;--f7-block-title-medium-line-height:1.3;--f7-block-title-large-font-size:34px;--f7-block-title-large-font-weight:500;--f7-block-title-large-line-height:1.2;--f7-block-inset-side-margin:16px;--f7-block-inset-border-radius:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.54);--f7-block-footer-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-block-title-text-color:#fff;--f7-block-header-text-color:rgba(255, 255, 255, 0.54);--f7-block-footer-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-block-padding-horizontal:15px;--f7-block-padding-vertical:15px;--f7-block-margin-vertical:15px;--f7-block-strong-text-color:inherit;--f7-block-strong-border-color:rgba(0, 0, 0, 0.12);--f7-block-title-font-size:inherit;--f7-block-title-text-color:rgba(0, 0, 0, 0.7);--f7-block-title-font-weight:600;--f7-block-title-line-height:1.5;--f7-block-title-margin-bottom:5px;--f7-block-title-medium-font-size:20px;--f7-block-title-medium-font-weight:600;--f7-block-title-medium-line-height:1.4;--f7-block-title-large-font-size:28px;--f7-block-title-large-font-weight:bold;--f7-block-title-large-line-height:1.3;--f7-block-inset-side-margin:15px;--f7-block-inset-border-radius:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.6);--f7-block-footer-text-color:rgba(0, 0, 0, 0.6)}.aurora .theme-dark,.aurora.theme-dark{--f7-block-title-text-color:#fff;--f7-block-header-text-color:rgba(255, 255, 255, 0.52);--f7-block-footer-text-color:rgba(255, 255, 255, 0.52);--f7-block-strong-text-color:#fff}.block{box-sizing:border-box;position:relative;z-index:1;color:var(--f7-block-text-color);margin:var(--f7-block-margin-vertical) 0;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right));font-size:var(--f7-block-font-size)}.aurora .block.no-hairlines-aurora ul:before,.aurora .block.no-hairlines-aurora:before,.block.no-hairlines ul:before,.block.no-hairlines:before,.ios .block.no-hairlines-ios ul:before,.ios .block.no-hairlines-ios:before,.md .block.no-hairlines-md ul:before,.md .block.no-hairlines-md:before{display:none!important}.aurora .block.no-hairlines-aurora ul:after,.aurora .block.no-hairlines-aurora:after,.block.no-hairlines ul:after,.block.no-hairlines:after,.ios .block.no-hairlines-ios ul:after,.ios .block.no-hairlines-ios:after,.md .block.no-hairlines-md ul:after,.md .block.no-hairlines-md:after{display:none!important}.aurora .block.no-hairline-top-aurora ul:before,.aurora .block.no-hairline-top-aurora:before,.block.no-hairline-top ul:before,.block.no-hairline-top:before,.ios .block.no-hairline-top-ios ul:before,.ios .block.no-hairline-top-ios:before,.md .block.no-hairline-top-md ul:before,.md .block.no-hairline-top-md:before{display:none!important}.aurora .block.no-hairline-bottom-aurora ul:after,.aurora .block.no-hairline-bottom-aurora:after,.block.no-hairline-bottom ul:after,.block.no-hairline-bottom:after,.ios .block.no-hairline-bottom-ios ul:after,.ios .block.no-hairline-bottom-ios:after,.md .block.no-hairline-bottom-md ul:after,.md .block.no-hairline-bottom-md:after{display:none!important}.block>h1:first-child,.block>h2:first-child,.block>h3:first-child,.block>h4:first-child,.block>p:first-child{margin-top:0}.block>h1:last-child,.block>h2:last-child,.block>h3:last-child,.block>h4:last-child,.block>p:last-child{margin-bottom:0}.block-strong{color:var(--f7-block-strong-text-color);padding-top:var(--f7-block-padding-vertical);padding-bottom:var(--f7-block-padding-vertical);background-color:var(--f7-block-strong-bg-color)}.block-strong:before{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-strong:after{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-title{position:relative;overflow:hidden;margin:0;white-space:var(--f7-block-title-white-space);text-overflow:ellipsis;text-transform:var(--f7-block-title-text-transform);color:var(--f7-block-title-text-color);font-size:var(--f7-block-title-font-size,inherit);font-weight:var(--f7-block-title-font-weight);line-height:var(--f7-block-title-line-height);margin-top:var(--f7-block-margin-vertical);margin-bottom:var(--f7-block-title-margin-bottom);margin-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-title+.block,.block-title+.block-header,.block-title+.card,.block-title+.list,.block-title+.timeline{margin-top:0px}.block-title-medium{font-size:var(--f7-block-title-medium-font-size);text-transform:var(--f7-block-title-medium-text-transform);color:var(--f7-block-title-medium-text-color);font-weight:var(--f7-block-title-medium-font-weight);line-height:var(--f7-block-title-medium-line-height)}.block-title-large{font-size:var(--f7-block-title-large-font-size);text-transform:var(--f7-block-title-large-text-transform);color:var(--f7-block-title-large-text-color);font-weight:var(--f7-block-title-large-font-weight);line-height:var(--f7-block-title-large-line-height)}.block>.block-title:first-child,.list>.block-title:first-child{margin-top:0;margin-left:0;margin-right:0}.block-header{color:var(--f7-block-header-text-color);font-size:var(--f7-block-header-font-size);margin-bottom:var(--f7-block-header-margin);margin-top:var(--f7-block-margin-vertical)}.block-header+.block,.block-header+.card,.block-header+.list,.block-header+.timeline{margin-top:var(--f7-block-header-margin)}.block-footer{color:var(--f7-block-footer-text-color);font-size:var(--f7-block-footer-font-size);margin-top:var(--f7-block-footer-margin);margin-bottom:var(--f7-block-margin-vertical)}.block-footer,.block-header{padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-footer h1:first-child,.block-footer h2:first-child,.block-footer h3:first-child,.block-footer h4:first-child,.block-footer p:first-child,.block-footer ul:first-child,.block-header h1:first-child,.block-header h2:first-child,.block-header h3:first-child,.block-header h4:first-child,.block-header p:first-child,.block-header ul:first-child{margin-top:0}.block-footer h1:last-child,.block-footer h2:last-child,.block-footer h3:last-child,.block-footer h4:last-child,.block-footer p:last-child,.block-footer ul:last-child,.block-header h1:last-child,.block-header h2:last-child,.block-header h3:last-child,.block-header h4:last-child,.block-header p:last-child,.block-header ul:last-child{margin-bottom:0}.block-footer h1:first-child:last-child,.block-footer h2:first-child:last-child,.block-footer h3:first-child:last-child,.block-footer h4:first-child:last-child,.block-footer p:first-child:last-child,.block-footer ul:first-child:last-child,.block-header h1:first-child:last-child,.block-header h2:first-child:last-child,.block-header h3:first-child:last-child,.block-header h4:first-child:last-child,.block-header p:first-child:last-child,.block-header ul:first-child:last-child{margin-top:0;margin-bottom:0}.block .block-header,.card .block-header,.list .block-header,.timeline .block-header{margin-top:0}.block .block-footer,.card .block-footer,.list .block-footer,.timeline .block-footer{margin-bottom:0}.block+.block-footer,.card+.block-footer,.list+.block-footer,.timeline+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)))}.block+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)));margin-bottom:var(--f7-block-margin-vertical)}.block .block-footer,.block .block-header{padding:0}.block.inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.inset:before{display:none!important}.block-strong.inset:after{display:none!important}@media (min-width:768px){.block.tablet-inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.tablet-inset:before{display:none!important}.block-strong.tablet-inset:after{display:none!important}}:root{--f7-list-bg-color:#fff;--f7-list-item-text-max-lines:2;--f7-list-chevron-icon-color:rgba(0, 0, 0, 0.2);--f7-list-chevron-icon-font-size:20px;--f7-list-item-title-font-size:inherit;--f7-list-item-title-font-weight:400;--f7-list-item-title-text-color:inherit;--f7-list-item-title-line-height:inherit;--f7-list-item-title-white-space:nowrap;--f7-list-item-subtitle-font-weight:400;--f7-list-item-subtitle-text-color:inherit;--f7-list-item-subtitle-line-height:inherit;--f7-list-item-text-font-weight:400;--f7-list-item-after-font-weight:400;--f7-list-item-header-text-color:inherit;--f7-list-item-header-font-size:12px;--f7-list-item-header-font-weight:400;--f7-list-item-header-line-height:1.2;--f7-list-item-footer-font-size:12px;--f7-list-item-footer-font-weight:400;--f7-list-item-footer-line-height:1.2;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-item-divider-line-height:inherit;--f7-list-group-title-line-height:inherit}:root .theme-dark,:root.theme-dark{--f7-list-button-border-color:rgba(255, 255, 255, 0.15);--f7-list-bg-color:#1c1c1d;--f7-list-border-color:rgba(255, 255, 255, 0.15);--f7-list-item-border-color:rgba(255, 255, 255, 0.15);--f7-list-item-divider-border-color:rgba(255, 255, 255, 0.15);--f7-list-item-divider-bg-color:#232323;--f7-list-group-title-bg-color:#232323;--f7-list-chevron-icon-color:rgba(255, 255, 255, 0.3)}.ios{--f7-list-in-list-padding-left:30px;--f7-list-inset-side-margin:15px;--f7-list-inset-border-radius:7px;--f7-list-margin-vertical:35px;--f7-list-font-size:17px;--f7-list-chevron-icon-area:20px;--f7-list-border-color:rgba(0, 0, 0, 0.22);--f7-list-item-border-color:rgba(0, 0, 0, 0.22);--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-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-text-line-height:21px;--f7-list-item-after-font-size:inherit;--f7-list-item-after-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-min-height:44px;--f7-list-item-media-margin:15px;--f7-list-item-media-icons-margin:5px;--f7-list-item-cell-margin:15px;--f7-list-item-padding-vertical:8px;--f7-list-item-padding-horizontal:15px;--f7-list-media-item-padding-vertical:10px;--f7-list-media-item-padding-horizontal:15px;--f7-list-media-item-title-font-weight:600;--f7-list-button-text-align:center;--f7-list-button-border-color:rgba(0, 0, 0, 0.22);--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.15);--f7-list-item-divider-height:31px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-border-color:rgba(0, 0, 0, 0.22);--f7-list-group-title-height:31px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.45);--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f7f7f7}.ios .theme-dark,.ios.theme-dark{--f7-list-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-item-divider-text-color:rgba(255, 255, 255, 0.55);--f7-list-group-title-text-color:rgba(255, 255, 255, 0.55);--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.08);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.08)}.md{--f7-list-in-list-padding-left:40px;--f7-list-inset-side-margin:16px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:32px;--f7-list-font-size:16px;--f7-list-chevron-icon-area:26px;--f7-list-border-color:rgba(0, 0, 0, 0.12);--f7-list-item-border-color:rgba(0, 0, 0, 0.12);--f7-list-link-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-subtitle-font-size:14px;--f7-list-item-text-font-size:14px;--f7-list-item-text-text-color:#757575;--f7-list-item-text-line-height:20px;--f7-list-item-after-font-size:14px;--f7-list-item-after-text-color:#757575;--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:8px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-min-height:48px;--f7-list-item-media-margin:16px;--f7-list-item-media-icons-margin:8px;--f7-list-item-cell-margin:16px;--f7-list-item-padding-vertical:8px;--f7-list-item-padding-horizontal:16px;--f7-list-media-item-padding-vertical:14px;--f7-list-media-item-padding-horizontal:16px;--f7-list-button-text-color:#212121;--f7-list-button-text-align:left;--f7-list-button-border-color:transparent;--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-divider-height:48px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.54);--f7-list-item-divider-font-size:14px;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:#f4f4f4;--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:48px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.54);--f7-list-group-title-font-size:14px;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f4f4f4}.md .theme-dark,.md.theme-dark{--f7-list-button-text-color:#fff;--f7-list-item-divider-text-color:#fff;--f7-list-group-title-text-color:#fff;--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-item-text-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-list-in-list-padding-left:15px;--f7-list-inset-side-margin:15px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:15px;--f7-list-font-size:14px;--f7-list-chevron-icon-area:15px;--f7-list-chevron-icon-font-size:16px;--f7-list-border-color:rgba(0, 0, 0, 0.12);--f7-list-item-border-color:rgba(0, 0, 0, 0.12);--f7-list-link-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-link-hover-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-title-line-height:1.3;--f7-list-item-subtitle-font-size:14px;--f7-list-item-subtitle-line-height:1.3;--f7-list-item-text-font-size:12px;--f7-list-item-text-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-text-line-height:16px;--f7-list-item-after-font-size:13px;--f7-list-item-after-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-after-line-height:1.2;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-min-height:32px;--f7-list-item-media-margin:10px;--f7-list-item-media-icons-margin:5px;--f7-list-item-cell-margin:15px;--f7-list-item-padding-vertical:5px;--f7-list-item-padding-horizontal:15px;--f7-list-media-item-padding-vertical:5px;--f7-list-media-item-padding-horizontal:15px;--f7-list-media-item-title-font-weight:600;--f7-list-button-text-align:center;--f7-list-button-border-color:rgba(0, 0, 0, 0.12);--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-button-hover-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-height:19px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:500;--f7-list-item-divider-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:19px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.6);--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:500;--f7-list-group-title-bg-color:#f7f7f7}.aurora .theme-dark,.aurora.theme-dark{--f7-list-item-text-text-color:rgba(255, 255, 255, 0.52);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.52);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.52);--f7-list-item-divider-text-color:rgba(255, 255, 255, 0.6);--f7-list-group-title-text-color:rgba(255, 255, 255, 0.6);--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-link-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-hover-bg-color:rgba(255, 255, 255, 0.03)}.list{position:relative;z-index:1;font-size:var(--f7-list-font-size);margin:var(--f7-list-margin-vertical) 0}.list ul{list-style:none;margin:0;padding:0;position:relative;background:var(--f7-list-bg-color)}.list ul:before{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul:after{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul ul{padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-list-in-list-padding-left))}.list ul ul:before{display:none!important}.list ul ul:after{display:none!important}.list li{position:relative;box-sizing:border-box}.list .item-media{display:flex;flex-shrink:0;flex-wrap:nowrap;align-items:center;box-sizing:border-box;padding-bottom:var(--f7-list-item-padding-vertical);padding-top:var(--f7-list-item-padding-vertical)}.list .item-media+.item-inner{margin-right:var(--f7-list-item-media-margin)}.list .item-media i+i,.list .item-media i+img{margin-right:var(--f7-list-item-media-icons-margin)}.list .item-after{padding-right:var(--f7-list-item-after-padding)}.list .item-inner{position:relative;width:100%;min-width:0;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-self:stretch;padding-top:var(--f7-list-item-padding-vertical);padding-bottom:var(--f7-list-item-padding-vertical);min-height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.list .item-title{min-width:0;flex-shrink:1;white-space:var(--f7-list-item-title-white-space);position:relative;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:var(--f7-list-item-title-font-size);font-weight:var(--f7-list-item-title-font-weight);color:var(--f7-list-item-title-text-color);line-height:var(--f7-list-item-title-line-height)}.list .item-after{white-space:nowrap;flex-shrink:0;display:flex;font-size:var(--f7-list-item-after-font-size);font-weight:var(--f7-list-item-after-font-weight);color:var(--f7-list-item-after-text-color);line-height:var(--f7-list-item-after-line-height);margin-right:auto}.list .item-footer,.list .item-header{white-space:normal}.list .item-header{color:var(--f7-list-item-header-text-color);font-size:var(--f7-list-item-header-font-size);font-weight:var(--f7-list-item-header-font-weight);line-height:var(--f7-list-item-header-line-height)}.list .item-footer{color:var(--f7-list-item-footer-text-color);font-size:var(--f7-list-item-footer-font-size);font-weight:var(--f7-list-item-footer-font-weight);line-height:var(--f7-list-item-footer-line-height)}.list .item-link,.list .list-button{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;z-index:0}.list .item-link{color:inherit}.list .item-link.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.list .item-link .item-inner{padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.list .item-content{display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;min-height:var(--f7-list-item-min-height);padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.list .item-subtitle{position:relative;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis;font-size:var(--f7-list-item-subtitle-font-size);font-weight:var(--f7-list-item-subtitle-font-weight);color:var(--f7-list-item-subtitle-text-color);line-height:var(--f7-list-item-subtitle-line-height)}.list .item-text{position:relative;overflow:hidden;text-overflow:hidden;-webkit-line-clamp:var(--f7-list-item-text-max-lines);display:-webkit-box;font-size:var(--f7-list-item-text-font-size);font-weight:var(--f7-list-item-text-font-weight);color:var(--f7-list-item-text-text-color);line-height:var(--f7-list-item-text-line-height);max-height:calc(var(--f7-list-item-text-line-height) * var(--f7-list-item-text-max-lines))}.list .item-title-row{position:relative;display:flex;justify-content:space-between;box-sizing:border-box}.list .item-title-row .item-after{align-self:center}.list .item-row{display:flex;justify-content:space-between;box-sizing:border-box}.list .item-cell{display:block;align-self:center;box-sizing:border-box;width:100%;min-width:0;margin-right:var(--f7-list-item-cell-margin);flex-shrink:1}.list .item-cell:first-child{margin-right:0}.list li:last-child .list-button:after{display:none!important}.list li:last-child li:last-child>.item-content>.item-inner:after,.list li:last-child li:last-child>.item-inner:after,.list li:last-child li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child li:last-child>.swipeout-content>.item-content>.item-inner:after,.list li:last-child>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child>.swipeout-content>.item-content>.item-inner:after{display:none!important}.list li li:last-child .item-inner:after,.list li:last-child li .item-inner:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .list.no-hairlines-aurora ul:before,.aurora .list.no-hairlines-aurora:before,.ios .list.no-hairlines-ios ul:before,.ios .list.no-hairlines-ios:before,.list.no-hairlines ul:before,.list.no-hairlines:before,.md .list.no-hairlines-md ul:before,.md .list.no-hairlines-md:before{display:none!important}.aurora .list.no-hairlines-aurora ul:after,.aurora .list.no-hairlines-aurora:after,.ios .list.no-hairlines-ios ul:after,.ios .list.no-hairlines-ios:after,.list.no-hairlines ul:after,.list.no-hairlines:after,.md .list.no-hairlines-md ul:after,.md .list.no-hairlines-md:after{display:none!important}.aurora .list.no-hairline-top-aurora ul:before,.aurora .list.no-hairline-top-aurora:before,.ios .list.no-hairline-top-ios ul:before,.ios .list.no-hairline-top-ios:before,.list.no-hairline-top ul:before,.list.no-hairline-top:before,.md .list.no-hairline-top-md ul:before,.md .list.no-hairline-top-md:before{display:none!important}.aurora .list.no-hairline-bottom-aurora ul:after,.aurora .list.no-hairline-bottom-aurora:after,.ios .list.no-hairline-bottom-ios ul:after,.ios .list.no-hairline-bottom-ios:after,.list.no-hairline-bottom ul:after,.list.no-hairline-bottom:after,.md .list.no-hairline-bottom-md ul:after,.md .list.no-hairline-bottom-md:after{display:none!important}.aurora .list.no-hairlines-between-aurora .item-divider:after,.aurora .list.no-hairlines-between-aurora .item-inner:after,.aurora .list.no-hairlines-between-aurora .list-button:after,.aurora .list.no-hairlines-between-aurora .list-group-title:after,.ios .list.no-hairlines-between-ios .item-divider:after,.ios .list.no-hairlines-between-ios .item-inner:after,.ios .list.no-hairlines-between-ios .list-button:after,.ios .list.no-hairlines-between-ios .list-group-title:after,.list.no-hairlines-between .item-divider:after,.list.no-hairlines-between .item-inner:after,.list.no-hairlines-between .list-button:after,.list.no-hairlines-between .list-group-title:after,.md .list.no-hairlines-between-md .item-divider:after,.md .list.no-hairlines-between-md .item-inner:after,.md .list.no-hairlines-between-md .list-button:after,.md .list.no-hairlines-between-md .list-group-title:after{display:none!important}.aurora .list.no-hairlines-between-aurora.simple-list li:after,.ios .list.no-hairlines-between-ios.simple-list li:after,.list.no-hairlines-between.simple-list li:after,.md .list.no-hairlines-between-md.simple-list li:after{display:none!important}.aurora .list.no-hairlines-between-aurora.links-list a:after,.ios .list.no-hairlines-between-ios.links-list a:after,.list.no-hairlines-between.links-list a:after,.md .list.no-hairlines-between-md.links-list a:after{display:none!important}.list-button{padding:0 var(--f7-list-item-padding-horizontal);line-height:var(--f7-list-item-min-height);color:var(--f7-list-button-text-color,var(--f7-theme-color));font-size:var(--f7-list-button-font-size);font-weight:var(--f7-list-button-font-weight);text-align:var(--f7-list-button-text-align)}.list-button:after{content:'';position:absolute;background-color:var(--f7-list-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list-button.active-state{background-color:var(--f7-list-button-pressed-bg-color)}.list-button[class*=color-]{--f7-list-button-text-color:var(--f7-theme-color)}.simple-list li{position:relative;white-space:nowrap;text-overflow:ellipsis;max-width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;align-content:center;line-height:var(--f7-list-item-min-height);height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.simple-list li:after{left:var(--f7-list-item-padding-horizontal);right:0;width:auto;right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));left:0}.simple-list li:last-child:after{display:none!important}.links-list li{z-index:1}.links-list a{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;display:flex;align-items:center;align-content:center;justify-content:space-between;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;max-width:100%;height:var(--f7-list-item-min-height);color:inherit}.links-list a .ripple-wave{z-index:0}.links-list a:after{width:auto}.links-list a.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.links-list a{padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.links-list a:after{right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));left:0}.links-list li:last-child a:after{display:none!important}.links-list a:after,.list .item-inner:after,.simple-list li:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.media-list,li.media-item{--f7-list-item-padding-vertical:var(--f7-list-media-item-padding-vertical);--f7-list-item-padding-horizontal:var(--f7-list-media-item-padding-horizontal)}.media-list .item-title,li.media-item .item-title{font-weight:var(--f7-list-media-item-title-font-weight,var(--f7-list-item-title-font-weight,inherit))}.media-list .item-inner,li.media-item .item-inner{display:block;align-self:stretch}.media-list .item-media,li.media-item .item-media{align-self:flex-start}.media-list .item-media img,li.media-item .item-media img{display:block}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.media-list .item-link .item-title-row,li.media-item .item-link .item-title-row{padding-left:calc(var(--f7-list-chevron-icon-area))}.media-list .chevron-center .item-link .item-inner,.media-list .item-link.chevron-center .item-inner,.media-list.chevron-center .item-link .item-inner,li.media-item .chevron-center .item-link .item-inner,li.media-item .item-link.chevron-center .item-inner,li.media-item.chevron-center .item-link .item-inner{padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.media-list .chevron-center .item-title-row,.media-list.chevron-center .item-title-row,li.media-item .chevron-center .item-title-row,li.media-item.chevron-center .item-title-row{padding-left:0}.links-list a:before,.list .item-link .item-inner:before,.media-list .chevron-center .item-link .item-inner:before,.media-list .item-link .item-title-row:before,.media-list .item-link.chevron-center .item-inner:before,.media-list.chevron-center .item-link .item-inner:before,li.media-item .chevron-center .item-link .item-inner:before,li.media-item .item-link .item-title-row:before,li.media-item .item-link.chevron-center .item-inner:before,li.media-item.chevron-center .item-link .item-inner:before{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;position:absolute;top:50%;width:8px;height:14px;margin-top:-7px;font-size:var(--f7-list-chevron-icon-font-size);line-height:14px;color:var(--f7-list-chevron-icon-color);pointer-events:none;left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));content:'chevron_left'}.media-list .chevron-center .item-title-row:before,.media-list.chevron-center .item-title-row:before,li.media-item .chevron-center .item-title-row:before,li.media-item.chevron-center .item-title-row:before{display:none}.media-list .item-link .item-inner:before,li.media-item .item-link .item-inner:before{display:none}.media-list .item-link .item-title-row:before,li.media-item .item-link .item-title-row:before{left:0}.list-group ul:after,.list-group ul:before{z-index:25!important}.list-group+.list-group ul:before{display:none!important}.item-divider,li.item-divider,li.list-group-title{white-space:nowrap;position:relative;max-width:100%;text-overflow:ellipsis;overflow:hidden;z-index:15;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));box-sizing:border-box;display:flex;align-items:center;align-content:center}.item-divider:after,li.item-divider:after,li.list-group-title:after{display:none!important}.item-divider,li.item-divider{margin-top:-1px;height:var(--f7-list-item-divider-height);color:var(--f7-list-item-divider-text-color);font-size:var(--f7-list-item-divider-font-size);font-weight:var(--f7-list-item-divider-font-weight);background-color:var(--f7-list-item-divider-bg-color);line-height:var(--f7-list-item-divider-line-height)}.item-divider:before,li.item-divider:before{content:'';position:absolute;background-color:var(--f7-list-item-divider-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list li.list-group-title,li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20;height:var(--f7-list-group-title-height);color:var(--f7-list-group-title-text-color);font-size:var(--f7-list-group-title-font-size);font-weight:var(--f7-list-group-title-font-weight);background-color:var(--f7-list-group-title-bg-color);line-height:var(--f7-list-group-title-line-height)}.page-with-navbar-large .list li.list-group-title,.page-with-navbar-large li.list-group-title{top:calc(-1 * var(--f7-navbar-large-title-height))}.list.inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.inset .block-title{margin-left:0;margin-right:0}.list.inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.inset ul:before{display:none!important}.list.inset ul:after{display:none!important}.list.inset li.swipeout:first-child,.list.inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.inset li.swipeout:last-child,.list.inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.inset li.swipeout:first-child:last-child,.list.inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}@media (min-width:768px){.list.tablet-inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.tablet-inset .block-title{margin-left:0;margin-right:0}.list.tablet-inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.tablet-inset ul:before{display:none!important}.list.tablet-inset ul:after{display:none!important}.list.tablet-inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.tablet-inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.tablet-inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}}.list .no-chevron,.list.no-chevron{--f7-list-chevron-icon-color:transparent;--f7-list-chevron-icon-area:0px}.ios .item-link.active-state .item-inner:after,.ios .links-list a.active-state:after,.ios .list-button.active-state:after{background-color:transparent}.ios .links-list a.active-state,.ios .list .item-link.active-state,.ios .list .list-button.active-state{transition-duration:0s}.md .list .item-media{min-width:40px}.aurora .list .item-media{min-width:18px}.aurora .links-list a:before,.aurora .list .item-link .item-inner:before,.aurora .media-list .chevron-center .item-link .item-inner:before,.aurora .media-list .item-link .item-title-row:before,.aurora .media-list .item-link.chevron-center .item-inner:before,.aurora .media-list.chevron-center .item-link .item-inner:before,.aurora li.media-item .chevron-center .item-link .item-inner:before,.aurora li.media-item .item-link .item-title-row:before,.aurora li.media-item .item-link.chevron-center .item-inner:before,.aurora li.media-item.chevron-center .item-link .item-inner:before{content:'chevron_left_aurora'}.aurora .links-list a,.aurora .list .item-link,.aurora .list .list-button{transition-duration:0s}.aurora.device-desktop .links-list a:hover:not(.active-state):not(.no-hover),.aurora.device-desktop .list .item-link:hover:not(.active-state):not(.no-hover){background:var(--f7-list-link-hover-bg-color)}.aurora.device-desktop .list .list-button:hover:not(.active-state):not(.no-hover){background:var(--f7-list-button-hover-bg-color)}:root{--f7-badge-text-color:#fff;--f7-badge-bg-color:#8e8e93;--f7-badge-padding:0 4px;--f7-badge-in-icon-size:16px;--f7-badge-in-icon-font-size:10px;--f7-badge-font-weight:normal;--f7-badge-font-size:12px}.ios{--f7-badge-size:20px}.md{--f7-badge-size:18px}.aurora{--f7-badge-size:18px;--f7-badge-font-weight:600;--f7-badge-in-icon-size:15px}.badge{display:inline-flex;align-items:center;align-content:center;justify-content:center;color:var(--f7-badge-text-color);background:var(--f7-badge-bg-color);position:relative;box-sizing:border-box;text-align:center;vertical-align:middle;font-weight:var(--f7-badge-font-weight);font-size:var(--f7-badge-font-size);border-radius:var(--f7-badge-size);padding:var(--f7-badge-padding);height:var(--f7-badge-size);min-width:var(--f7-badge-size)}.f7-icons .badge,.framework7-icons .badge,.icon .badge,.material-icons .badge{position:absolute;left:100%;margin-left:-10px;top:-2px;font-family:var(--f7-font-family);--f7-badge-font-size:var(--f7-badge-in-icon-font-size);--f7-badge-size:var(--f7-badge-in-icon-size)}.badge[class*=color-]{--f7-badge-bg-color:var(--f7-theme-color)}:root{--f7-button-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-bg-color:rgba(0, 0, 0, 0.07);--f7-segmented-strong-padding:2px;--f7-segmented-strong-between-buttons:4px;--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;--f7-segmented-strong-button-active-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.25)}:root .theme-dark,:root.theme-dark{--f7-segmented-strong-bg-color:rgba(255, 255, 255, 0.1);--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-font-size:13px;--f7-button-height:28px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:5px;--f7-button-font-weight:600;--f7-button-letter-spacing:0;--f7-button-text-transform:uppercase;--f7-button-outline-border-width:2px;--f7-button-large-height:44px;--f7-button-large-font-size:17px;--f7-button-large-font-weight:500;--f7-button-large-text-transform:none;--f7-button-small-height:26px;--f7-button-small-font-size:13px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px;--f7-segmented-strong-button-text-transform:none;--f7-segmented-strong-button-font-weight:500;--f7-segmented-strong-button-active-font-weight:600}.md{--f7-button-font-size:14px;--f7-button-height:36px;--f7-button-padding-horizontal:8px;--f7-button-border-radius:4px;--f7-button-font-weight:500;--f7-button-letter-spacing:0.03em;--f7-button-text-transform:uppercase;--f7-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-button-outline-border-width:2px;--f7-button-large-height:48px;--f7-button-large-font-size:14px;--f7-button-large-font-weight:500;--f7-button-large-text-transform:uppercase;--f7-button-small-height:28px;--f7-button-small-font-size:12px;--f7-button-small-font-weight:500;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px;--f7-segmented-strong-button-text-transform:uppercase;--f7-segmented-strong-button-font-weight:500;--f7-segmented-strong-button-active-font-weight:500}.md .theme-dark,.md.theme-dark{--f7-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}.aurora{--f7-button-font-size:14px;--f7-button-height:28px;--f7-button-min-width:24px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:4px;--f7-button-font-weight:500;--f7-button-letter-spacing:0.02;--f7-button-text-transform:none;--f7-button-outline-border-width:2px;--f7-button-large-height:34px;--f7-button-large-font-size:14px;--f7-button-large-font-weight:600;--f7-button-large-text-transform:none;--f7-button-small-height:24px;--f7-button-small-font-size:12px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:none;--f7-button-small-outline-border-width:1px;--f7-segmented-strong-button-text-transform:none;--f7-segmented-strong-button-font-weight:500;--f7-segmented-strong-button-active-font-weight:600}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}.button{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;margin:0;white-space:nowrap;text-overflow:ellipsis;position:relative;overflow:hidden;font-family:inherit;cursor:pointer;outline:0;box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;border:var(--f7-button-border-width,0px) solid var(--f7-button-border-color,var(--f7-theme-color));font-size:var(--f7-button-font-size);color:var(--f7-button-text-color,var(--f7-theme-color));height:var(--f7-button-height);line-height:calc(var(--f7-button-height) - var(--f7-button-border-width,0) * 2);padding:var(--f7-button-padding-vertical,0px) var(--f7-button-padding-horizontal);border-radius:var(--f7-button-border-radius);min-width:var(--f7-button-min-width);font-weight:var(--f7-button-font-weight);letter-spacing:var(--f7-button-letter-spacing);text-transform:var(--f7-button-text-transform);background-color:var(--f7-button-bg-color);box-shadow:var(--f7-button-box-shadow)}.button.active-state{background-color:var(--f7-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-button-pressed-text-color,var(--f7-button-text-color,var(--f7-theme-color)))}input[type=button].button,input[type=submit].button{width:100%}.button>i+i,.button>i+span,.button>span+i,.button>span+span{margin-right:4px}.appbar .button,.navbar .button,.searchbar .button,.subnavbar .button,.toolbar .button{color:var(--f7-button-text-color,var(--f7-theme-color))}.aurora .button-round-aurora,.button-round,.ios .button-round-ios,.md .button-round-md{--f7-button-border-radius:var(--f7-button-height)}.aurora .button-fill-aurora,.button-active,.button-fill,.button.tab-link-active,.ios .button-fill-ios,.md .button-fill-md{--f7-button-bg-color:var(--f7-button-fill-bg-color, var(--f7-theme-color));--f7-button-text-color:var(--f7-button-fill-text-color, #fff);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.aurora .button-fill-aurora,.button-fill,.ios .button-fill-ios,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color)}.button-active,.button.tab-link-active{--f7-button-pressed-bg-color:var(--f7-button-bg-color)}.aurora .button-outline-aurora,.button-outline,.ios .button-outline-ios,.md .button-outline-md{--f7-button-border-color:var(--f7-button-outline-border-color, var(--f7-theme-color));--f7-button-border-width:var(--f7-button-outline-border-width)}.aurora .button-large-aurora,.button-large,.ios .button-large-ios,.md .button-large-md{--f7-button-height:var(--f7-button-large-height);--f7-button-font-size:var(--f7-button-large-font-size);--f7-button-font-weight:var(--f7-button-large-font-weight);--f7-button-text-transform:var(--f7-button-large-text-transform)}.aurora .button-small-aurora,.button-small,.ios .button-small-ios,.md .button-small-md{--f7-button-outline-border-width:var(--f7-button-small-outline-border-width);--f7-button-height:var(--f7-button-small-height);--f7-button-font-size:var(--f7-button-small-font-size);--f7-button-font-weight:var(--f7-button-small-font-weight);--f7-button-text-transform:var(--f7-button-small-text-transform)}.ios .button-small-ios.button-fill,.ios .button-small.button-fill,.ios .button-small.button-fill-ios{--f7-button-border-width:var(--f7-button-small-outline-border-width);--f7-button-pressed-text-color:var(--f7-theme-color);--f7-button-pressed-bg-color:transparent}.segmented{align-self:center;display:flex;flex-wrap:nowrap;border-radius:var(--f7-button-border-radius);box-shadow:var(--f7-button-box-shadow);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:0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0}.segmented .button:not(.button-outline):first-child{border-right:none}.segmented .button.button-outline:nth-child(n+2){border-right:none}.segmented .button:last-child{border-radius:var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius)}.segmented .button-round:first-child{border-radius:0 var(--f7-button-height) var(--f7-button-height) 0}.segmented .button-round:last-child{border-radius:var(--f7-button-height) 0 0 var(--f7-button-height)}.segmented .button:first-child:last-child{border-radius:var(--f7-button-border-radius)}.aurora .segmented-raised-aurora,.ios .segmented-raised-ios,.md .segmented-raised-md,.segmented-raised{box-shadow:var(--f7-button-raised-box-shadow)}.aurora .segmented-raised-aurora .button:not(.button-outline),.ios .segmented-raised-ios .button:not(.button-outline),.md .segmented-raised-md .button:not(.button-outline),.segmented-raised .button:not(.button-outline){border-right:1px solid var(--f7-segmented-raised-divider-color)}.aurora .button-raised-aurora,.button-raised,.ios .button-raised-ios,.md .button-raised-md{--f7-button-box-shadow:var(--f7-button-raised-box-shadow)}.aurora .button-raised-aurora.active-state,.button-raised.active-state,.ios .button-raised-ios.active-state,.md .button-raised-md.active-state{--f7-button-box-shadow:var(--f7-button-raised-pressed-box-shadow)}.aurora .segmented-strong-aurora,.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);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}.aurora .segmented-strong-aurora .button,.aurora .segmented-strong-aurora .button:first-child,.aurora .segmented-strong-aurora .button:last-child,.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)}.aurora .segmented-strong-aurora .button+.button,.ios .segmented-strong-ios .button+.button,.md .segmented-strong-md .button+.button,.segmented-strong .button+.button{margin-right:var(--f7-segmented-strong-between-buttons)}.aurora .segmented-strong-aurora .button.button-active,.aurora .segmented-strong-aurora .button.tab-link-active,.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:var(--f7-segmented-strong-button-active-bg-color);--f7-button-bg-color:var(--f7-segmented-strong-button-active-bg-color);--f7-button-text-color:var(--f7-segmented-strong-button-active-text-color);--f7-button-font-weight:var(--f7-segmented-strong-button-active-font-weight);--f7-button-box-shadow:var(--f7-segmented-strong-button-active-box-shadow)}.aurora .segmented-round-aurora,.ios .segmented-round-ios,.md .segmented-round-md,.segmented-round{border-radius:var(--f7-button-height)}.subnavbar .segmented{width:100%}.ios .button{transition-duration:.1s}.ios .button-fill,.ios .button-fill-ios{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-tint))}.ios .button-small,.ios .button-small-ios{transition-duration:.2s}.md .button{transition-duration:.3s;transform:translate3d(0,0,0)}.md .button-fill,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .button{transition-duration:.1s;transform:translate3d(0,0,0)}.aurora.device-desktop .button:not(.active-state):not(.no-hover):hover{background-color:var(--f7-button-hover-bg-color,rgba(var(--f7-theme-color-rgb),.07))}.aurora .button-fill,.aurora .button-fill-aurora{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .button-active,.aurora .button-fill,.aurora .button-fill-aurora,.aurora .button.tab-link-active{--f7-button-hover-bg-color:var(--f7-button-fill-hover-bg-color, var(--f7-theme-color-tint))}:root{--f7-touch-ripple-black:rgba(0, 0, 0, 0.1);--f7-touch-ripple-white:rgba(255, 255, 255, 0.3);--f7-touch-ripple-color:var(--f7-touch-ripple-black)}.theme-dark{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.actions-button,.button,.checkbox,.dialog-button,.fab a,.item-link,.link,.list-button,.radio,.ripple,.speed-dial-buttons a,.tab-link{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ripple-wave{left:0;top:0;position:absolute!important;border-radius:50%;pointer-events:none;z-index:-1;padding:0;margin:0;font-size:0;transform:translate3d(0px,0px,0) scale(0);transition-duration:1.4s;background-color:var(--f7-touch-ripple-color);will-change:transform,opacity}.ripple-wave.ripple-wave-fill{transition-duration:.3s;opacity:.35}.ripple-wave.ripple-wave-out{transition-duration:.6s;opacity:0}.button-fill .ripple-wave,.menu .ripple-wave,.picker-calendar-day .ripple-wave{z-index:1}.checkbox .ripple-wave,.data-table .sortable-cell .ripple-wave,.radio .ripple-wave{z-index:0}[class*=ripple-color-]{--f7-touch-ripple-color:var(--f7-theme-color-ripple-color)}i.icon{display:inline-block;vertical-align:middle;background-size:100% auto;background-position:center;background-repeat:no-repeat;font-style:normal;position:relative}.icon-back:after,.icon-forward:after,.icon-next:after,.icon-prev:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.icon[class*=color-]{color:var(--f7-theme-color)}.ios .icon-back,.ios .icon-forward,.ios .icon-next,.ios .icon-prev{width:12px;height:20px;line-height:20px}.ios .icon-back:after,.ios .icon-forward:after,.ios .icon-next:after,.ios .icon-prev:after{line-height:inherit}.ios .icon-next:after,.ios .icon-prev:after{font-size:16px}.ios .item-media .icon{color:grey}.ios .item-media .f7-icons{font-size:28px;width:28px;height:28px}.ios .icon-back:after,.ios .icon-prev:after{content:'chevron_right_ios'}.ios .icon-forward:after,.ios .icon-next:after{content:'chevron_left_ios'}.md .icon-back,.md .icon-forward,.md .icon-next,.md .icon-prev{width:24px;height:24px}.md .icon-back:after,.md .icon-forward:after,.md .icon-next:after,.md .icon-prev:after{line-height:1.2}.md .item-media .icon{color:#737373}.md .item-media .material-icons{font-size:24px;width:24px;height:24px}.md .icon-back:after{content:'arrow_right_md'}.md .icon-forward:after{content:'arrow_left_md'}.md .icon-next:after{content:'chevron_left_md'}.md .icon-prev:after{content:'chevron_right_md'}.aurora .f7-icons,.aurora .material-icons{font-size:18px}.aurora .icon-back,.aurora .icon-forward,.aurora .icon-next,.aurora .icon-prev{width:9px;height:14px;line-height:14px}.aurora .icon-back:after,.aurora .icon-forward:after,.aurora .icon-next:after,.aurora .icon-prev:after{line-height:inherit}.aurora .item-media .icon{color:grey}.aurora .item-media .f7-icons{font-size:18px;width:18px;height:18px}.aurora .icon-back:after,.aurora .icon-prev:after{content:'chevron_right_aurora'}.aurora .icon-forward:after,.aurora .icon-next:after{content:'chevron_left_aurora'}.custom-modal-backdrop{z-index:10500}.actions-backdrop,.custom-modal-backdrop,.dialog-backdrop,.popover-backdrop,.popup-backdrop,.preloader-backdrop,.sheet-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;transition-duration:.4s}.actions-backdrop.not-animated,.custom-modal-backdrop.not-animated,.dialog-backdrop.not-animated,.popover-backdrop.not-animated,.popup-backdrop.not-animated,.preloader-backdrop.not-animated,.sheet-backdrop.not-animated{transition-duration:0s}.actions-backdrop.backdrop-in,.custom-modal-backdrop.backdrop-in,.dialog-backdrop.backdrop-in,.popover-backdrop.backdrop-in,.popup-backdrop.backdrop-in,.preloader-backdrop.backdrop-in,.sheet-backdrop.backdrop-in{visibility:visible;opacity:1}:root{--f7-appbar-shadow-image:none}.ios{--f7-appbar-height:44px;--f7-appbar-inner-padding-left:8px;--f7-appbar-inner-padding-right:8px}.md{--f7-appbar-height:48px;--f7-appbar-inner-padding-left:16px;--f7-appbar-inner-padding-right:16px}.aurora{--f7-appbar-height:38px;--f7-appbar-inner-padding-left:15px;--f7-appbar-inner-padding-right:15px}.appbar{position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;margin:0;transform:translate3d(0,0,0);height:calc(var(--f7-appbar-height) + var(--f7-safe-area-top));background-image:var(--f7-appbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-appbar-bg-color,var(--f7-bars-bg-color));color:var(--f7-appbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-appbar-font-size);z-index:7000}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .appbar{background-color:rgba(var(--f7-appbar-bg-color-rgb,var(--f7-bars-bg-color-rgb)),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.appbar .panel~.appbar{z-index:5500}.appbar a{color:var(--f7-appbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.appbar a.link{display:flex;justify-content:flex-start;line-height:var(--f7-appbar-link-line-height,var(--f7-appbar-height));height:var(--f7-appbar-link-height,var(--f7-appbar-height))}.appbar .center,.appbar .left,.appbar .right{display:flex;align-items:center}.appbar.no-border:after,.appbar.no-hairline:after{display:none!important}.appbar.no-border .title-large:after,.appbar.no-hairline .title-large:after{display:none!important}.appbar.no-shadow:before{display:none!important}.appbar:after,.appbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.appbar:after{content:'';position:absolute;background-color:var(--f7-appbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.appbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-appbar-shadow-image)}.appbar:after{z-index:1}.appbar~*{--f7-appbar-app-offset:calc(var(--f7-appbar-height) + var(--f7-appbar-extra-offset, 0px) + var(--f7-safe-area-top))}.appbar~.appbar,.appbar~.view,.appbar~.views{--f7-safe-area-top:0px}.appbar~.panel .page,.appbar~.panel .page-content,.appbar~.panel .view{--f7-safe-area-top:0px}.appbar-inner{position:absolute;left:0;top:var(--f7-safe-area-top);width:100%;height:var(--f7-appbar-height);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 calc(var(--f7-appbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-appbar-inner-padding-left) + var(--f7-safe-area-left))}.appbar-inner.stacked{display:none}:root{--f7-dialog-button-text-color:var(--f7-theme-color);--f7-dialog-button-text-align:center;--f7-dialog-input-bg-color:#fff}.ios{--f7-dialog-bg-color:rgba(255, 255, 255, 0.95);--f7-dialog-bg-color-rgb:255,255,255;--f7-dialog-box-shadow:none;--f7-dialog-width:270px;--f7-dialog-inner-padding:15px;--f7-dialog-border-radius:13px;--f7-dialog-text-color:#000;--f7-dialog-text-align:center;--f7-dialog-font-size:14px;--f7-dialog-title-text-color:inherit;--f7-dialog-title-font-size:18px;--f7-dialog-title-font-weight:600;--f7-dialog-title-line-height:inherit;--f7-dialog-button-font-size:17px;--f7-dialog-button-height:44px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-font-weight:400;--f7-dialog-button-text-transform:none;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-dialog-input-border-radius:4px;--f7-dialog-input-font-size:14px;--f7-dialog-input-height:32px;--f7-dialog-input-border-color:rgba(0, 0, 0, 0.3);--f7-dialog-input-border-width:1px;--f7-dialog-input-placeholder-color:#a9a9a9;--f7-dialog-preloader-size:34px}.md{--f7-dialog-bg-color:#fff;--f7-dialog-box-shadow:var(--f7-elevation-24);--f7-dialog-width:280px;--f7-dialog-inner-padding:24px;--f7-dialog-border-radius:4px;--f7-dialog-text-color:#757575;--f7-dialog-text-align:right;--f7-dialog-font-size:16px;--f7-dialog-title-text-color:#212121;--f7-dialog-title-font-size:20px;--f7-dialog-title-font-weight:500;--f7-dialog-title-line-height:1.3;--f7-dialog-button-font-size:14px;--f7-dialog-button-height:36px;--f7-dialog-button-letter-spacing:0.03em;--f7-dialog-button-font-weight:500;--f7-dialog-button-text-transform:uppercase;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-dialog-input-border-radius:0px;--f7-dialog-input-font-size:16px;--f7-dialog-input-height:36px;--f7-dialog-input-border-color:transparent;--f7-dialog-input-border-width:0px;--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.35);--f7-dialog-preloader-size:32px}.aurora{--f7-dialog-bg-color:#fff;--f7-dialog-box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.15),0 25px 30px 0 rgba(0,0,0,0.35);--f7-dialog-width:300px;--f7-dialog-inner-padding:20px;--f7-dialog-border-radius:4px;--f7-dialog-text-color:#000;--f7-dialog-text-align:right;--f7-dialog-font-size:14px;--f7-dialog-title-text-color:inherit;--f7-dialog-title-font-size:14px;--f7-dialog-title-font-weight:700;--f7-dialog-title-line-height:inherit;--f7-dialog-button-text-color:#fff;--f7-dialog-button-font-size:13px;--f7-dialog-button-height:28px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-font-weight:500;--f7-dialog-button-text-transform:none;--f7-dialog-input-border-radius:4px;--f7-dialog-input-font-size:13px;--f7-dialog-input-height:24px;--f7-dialog-input-border-color:rgba(0, 0, 0, 0.12);--f7-dialog-input-border-width:1px;--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.32);--f7-dialog-preloader-size:24px}.dialog{position:absolute;z-index:13500;left:50%;margin-top:0;top:50%;overflow:hidden;opacity:0;transform:translate3d(0,-50%,0) scale(1.185);transition-property:transform,opacity;display:none;transition-duration:.4s;box-shadow:var(--f7-dialog-box-shadow);width:var(--f7-dialog-width);margin-left:calc(-1 * var(--f7-dialog-width)/ 2);border-radius:var(--f7-dialog-border-radius);text-align:var(--f7-dialog-text-align);color:var(--f7-dialog-text-color);font-size:var(--f7-dialog-font-size);will-change:transform,opacity}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .dialog{background-color:rgba(var(--f7-dialog-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.dialog.modal-in{opacity:1;transform:translate3d(0,-50%,0) scale(1)}.dialog.modal-out{opacity:0;z-index:13499}.dialog.not-animated{transition-duration:0s}.dialog-inner{position:relative;padding:var(--f7-dialog-inner-padding)}.dialog-title{color:var(--f7-dialog-title-text-color);font-size:var(--f7-dialog-title-font-size);font-weight:var(--f7-dialog-title-font-weight);line-height:var(--f7-dialog-title-line-height)}.dialog-buttons{position:relative;display:flex;flex-direction:row-reverse}.dialog-buttons-vertical .dialog-buttons{display:block;height:auto!important}.dialog-button{box-sizing:border-box;overflow:hidden;position:relative;white-space:nowrap;text-overflow:ellipsis;color:var(--f7-dialog-button-text-color);font-size:var(--f7-dialog-button-font-size);height:var(--f7-dialog-button-height);line-height:var(--f7-dialog-button-height);letter-spacing:var(--f7-dialog-button-letter-spacing);text-align:var(--f7-dialog-button-text-align);font-weight:var(--f7-dialog-button-font-weight);text-transform:var(--f7-dialog-button-text-transform);display:block;cursor:pointer}.dialog-button.active-state{background-color:var(--f7-dialog-button-pressed-bg-color)}.dialog-no-buttons .dialog-buttons{display:none}.dialog-input-field{position:relative}input.dialog-input[type]{box-sizing:border-box;margin:0;margin-top:15px;border-radius:var(--f7-dialog-input-border-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:block;font-family:inherit;box-shadow:none;font-size:var(--f7-dialog-input-font-size);height:var(--f7-dialog-input-height);background-color:var(--f7-dialog-input-bg-color);border:var(--f7-dialog-input-border-width) solid var(--f7-dialog-input-border-color)}input.dialog-input[type]::-webkit-input-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::-moz-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::-ms-input-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::placeholder{color:var(--f7-dialog-input-placeholder-color)}.dialog-input-double input.dialog-input{border-radius:var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius) 0 0}.dialog-input-double+.dialog-input-double input.dialog-input{border-radius:0 0 var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius)}.dialog-preloader .preloader{--f7-preloader-size:var(--f7-dialog-preloader-size)}html.with-modal-dialog .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.ios .dialog.modal-out{transform:translate3d(0,-50%,0) scale(1)}.ios .dialog-inner{border-radius:var(--f7-dialog-border-radius) var(--f7-dialog-border-radius) 0 0}.ios .dialog-inner:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-title+.dialog-text{margin-top:5px}.ios .dialog-buttons{height:44px;justify-content:center}.ios .dialog-button{width:100%;padding:0 5px;-webkit-box-flex:1;-ms-flex:1}.ios .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-button:first-child{border-radius:0 0 0 var(--f7-dialog-border-radius)}.ios .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) 0}.ios .dialog-button:last-child:after{display:none!important}.ios .dialog-button:first-child:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-button.dialog-button-bold{font-weight:500}.ios .dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.ios .dialog-buttons-vertical .dialog-buttons{height:auto}.ios .dialog-buttons-vertical .dialog-button{border-radius:0}.ios .dialog-buttons-vertical .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-buttons-vertical .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-buttons-vertical .dialog-button:last-child:after{display:none!important}.ios .dialog-no-buttons .dialog-inner{border-radius:var(--f7-dialog-border-radius)}.ios .dialog-no-buttons .dialog-inner:after{display:none!important}.ios .dialog-input-field{margin-top:15px}.ios .dialog-input{padding:0 5px}.ios .dialog-input+.dialog-input{margin-top:5px}.ios .dialog-input-double+.dialog-input-double{margin-top:0}.ios .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.ios .dialog-preloader .dialog-text~.preloader,.ios .dialog-preloader .dialog-title~.preloader{margin-top:15px}.ios .dialog-progress .dialog-text~.progressbar,.ios .dialog-progress .dialog-text~.progressbar-infinite,.ios .dialog-progress .dialog-title~.progressbar,.ios .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px}.md .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.md .dialog-title+.dialog-text{margin-top:20px}.md .dialog-text{line-height:1.5}.md .dialog-buttons{height:48px;padding:6px 8px;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.md .dialog-button{border-radius:4px;min-width:64px;padding:0 8px;border:none;transition-duration:.3s;transform:translate3d(0,0,0)}.md .dialog-button.dialog-button-bold{font-weight:700}.md .dialog-button+.dialog-button{margin-left:4px}.md .dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.md .dialog-buttons-vertical .dialog-buttons{padding:0 0 8px 0}.md .dialog-buttons-vertical .dialog-button{margin-left:0;text-align:right;height:48px;line-height:48px;border-radius:0;padding-left:16px;padding-right:16px}.md .dialog-input{padding:0;transition-duration:.2s;position:relative}.md .dialog-input+.dialog-input{margin-top:16px}.md .dialog-preloader .dialog-inner,.md .dialog-preloader .dialog-title,.md .dialog-progress .dialog-inner,.md .dialog-progress .dialog-title{text-align:center}.md .dialog-preloader .dialog-text~.preloader,.md .dialog-preloader .dialog-title~.preloader{margin-top:20px}.md .dialog-progress .dialog-text~.progressbar,.md .dialog-progress .dialog-text~.progressbar-infinite,.md .dialog-progress .dialog-title~.progressbar,.md .dialog-progress .dialog-title~.progressbar-infinite{margin-top:16px}.aurora .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.aurora .dialog-title+.dialog-text{margin-top:10px}.aurora .dialog-text{line-height:1.5}.aurora .dialog-buttons{padding:var(--f7-dialog-inner-padding);padding-top:0;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.aurora .dialog-button{border-radius:4px;min-width:64px;padding:0 10px;border:none;transition-duration:.3s;transform:translate3d(0,0,0);background:var(--f7-theme-color)}.aurora .dialog-button.dialog-button-bold{font-weight:600}.aurora .dialog-button+.dialog-button{margin-left:15px}.aurora .dialog-buttons-vertical .dialog-buttons{display:flex;flex-direction:column;align-items:flex-end}.aurora .dialog-buttons-vertical .dialog-button{margin-left:0;flex-shrink:0}.aurora .dialog-buttons-vertical .dialog-button+.dialog-button{margin-top:5px}.aurora .dialog-input-field{margin-top:10px}.aurora .dialog-input-field input.dialog-input{margin-top:0}.aurora .dialog-input{padding:0 4px;transition-duration:.2s;position:relative}.aurora .dialog-input+.dialog-input{margin-top:10px}.aurora .dialog-input-double+.dialog-input-double{margin-top:0}.aurora .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.aurora .dialog-preloader .dialog-inner,.aurora .dialog-preloader .dialog-title,.aurora .dialog-progress .dialog-inner,.aurora .dialog-progress .dialog-title{text-align:center}.aurora .dialog-preloader .dialog-text~.preloader,.aurora .dialog-preloader .dialog-title~.preloader{margin-top:10px}.aurora .dialog-progress .dialog-text~.progressbar,.aurora .dialog-progress .dialog-text~.progressbar-infinite,.aurora .dialog-progress .dialog-title~.progressbar,.aurora .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px}:root{--f7-popup-border-radius:0px;--f7-popup-tablet-width:630px;--f7-popup-tablet-height:630px;--f7-popup-transition-duration:400ms;--f7-popup-push-border-radius:10px;--f7-popup-push-offset:var(--f7-safe-area-top)}.ios{--f7-popup-box-shadow:none}.md{--f7-popup-box-shadow:0px 20px 44px rgba(0, 0, 0, 0.5)}.aurora{--f7-popup-tablet-border-radius:4px;--f7-popup-box-shadow:0px 20px 44px rgba(0, 0, 0, 0.5)}.popup-backdrop{z-index:10500}.popup{position:absolute;left:0;top:0px;width:100%;height:100%;display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:#fff;z-index:11000;will-change:transform;overflow:hidden;border-radius:var(--f7-popup-border-radius)}.popup.modal-in,.popup.modal-out{transition-duration:var(--f7-popup-transition-duration)}.popup.not-animated{transition-duration:0s}.popup.modal-in{display:block;transform:translate3d(0,0,0)}.popup.modal-out{transform:translate3d(0,100%,0)}.popup.swipe-close-to-top.modal-out{transform:translate3d(0,-100%,0)}@media (min-width:630px) and (min-height:630px){.popup:not(.popup-tablet-fullscreen){--f7-safe-area-top:0px;width:var(--f7-popup-tablet-width);height:var(--f7-popup-tablet-height);left:50%;top:50%;margin-left:calc(-1 * var(--f7-popup-tablet-width)/ 2);margin-top:calc(-1 * var(--f7-popup-tablet-height)/ 2);transform:translate3d(0,100vh,0);box-shadow:var(--f7-popup-box-shadow);border-radius:var(--f7-popup-tablet-border-radius,var(--f7-popup-border-radius))}.popup:not(.popup-tablet-fullscreen).modal-in{transform:translate3d(0,0,0)}.popup:not(.popup-tablet-fullscreen).modal-out{transform:translate3d(0,100vh,0)}.popup:not(.popup-tablet-fullscreen).swipe-close-to-top.modal-out{transform:translate3d(0,-100vh,0)}}html.with-modal-popup .framework7-root>.panel .page-content,html.with-modal-popup .framework7-root>.view .page-content,html.with-modal-popup .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html.with-modal-popup-push .popup-push,html.with-modal-popup-push-closing .popup-push{top:calc(var(--f7-popup-push-offset) + 10px);height:calc(100% - var(--f7-popup-push-offset) - 10px);border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0}html.with-modal-popup-push .popup-push .page,html.with-modal-popup-push .popup-push .view,html.with-modal-popup-push-closing .popup-push .page,html.with-modal-popup-push-closing .popup-push .view{--f7-safe-area-top:0px}html.with-modal-popup-push .framework7-root,html.with-modal-popup-push-closing .framework7-root{background:#000}html.with-modal-popup-push .framework7-root>.view,html.with-modal-popup-push .framework7-root>.views,html.with-modal-popup-push-closing .framework7-root>.view,html.with-modal-popup-push-closing .framework7-root>.views{transition-duration:var(--f7-popup-transition-duration)}html.with-modal-popup-push .framework7-root>.view,html.with-modal-popup-push .framework7-root>.views{border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;transform:translate3d(0,0,0px) scale(var(--f7-popup-push-scale,1))}:root{--f7-login-screen-bg-color:#fff;--f7-login-screen-content-bg-color:#fff;--f7-login-screen-blocks-max-width:480px;--f7-login-screen-title-text-align:center;--f7-login-screen-title-text-color:inherit;--f7-login-screen-title-letter-spacing:0;--f7-login-screen-title-font-weight:600;--f7-login-screen-title-font-size:28px}:root .theme-dark,:root.theme-dark{--f7-login-screen-content-bg-color:transparent}.ios{--f7-login-screen-blocks-margin-vertical:25px}.ios .theme-dark,.ios.theme-dark{--f7-login-screen-bg-color:#000}.md{--f7-login-screen-blocks-margin-vertical:24px}.md .theme-dark,.md.theme-dark{--f7-login-screen-bg-color:#171717}.aurora{--f7-login-screen-blocks-margin-vertical:15px}.aurora .theme-dark,.aurora.theme-dark{--f7-login-screen-bg-color:#171717}.login-screen{position:absolute;left:0;top:0;width:100%;height:100%;display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:var(--f7-login-screen-bg-color);z-index:11000;will-change:transform}.login-screen.modal-in,.login-screen.modal-out{transition-duration:.4s}.login-screen.not-animated{transition-duration:0s}.login-screen.modal-in{display:block;transform:translate3d(0,0,0)}.login-screen.modal-out{transform:translate3d(0,100%,0)}.login-screen .page,.login-screen-content,.login-screen-page{background:var(--f7-login-screen-content-bg-color)}.login-screen-content .list-button,.login-screen-page .list-button{text-align:center;color:var(--f7-login-screen-list-button-text-color,var(--f7-theme-color))}.login-screen-content .block,.login-screen-content .list,.login-screen-content .login-screen-title,.login-screen-page .block,.login-screen-page .list,.login-screen-page .login-screen-title{margin:var(--f7-login-screen-blocks-margin-vertical) auto}.login-screen-content .block,.login-screen-content .block-footer,.login-screen-content .block-header,.login-screen-content .list,.login-screen-content .login-screen-title,.login-screen-page .block,.login-screen-page .block-footer,.login-screen-page .block-header,.login-screen-page .list,.login-screen-page .login-screen-title{max-width:var(--f7-login-screen-blocks-max-width)}.login-screen-content .list ul,.login-screen-page .list ul{background:0 0}.login-screen-content .list ul:before,.login-screen-page .list ul:before{display:none!important}.login-screen-content .list ul:after,.login-screen-page .list ul:after{display:none!important}.login-screen-content .block-footer,.login-screen-content .block-header,.login-screen-page .block-footer,.login-screen-page .block-header{text-align:center;margin-left:auto;margin-right:auto}.login-screen-title{text-align:var(--f7-login-screen-title-text-align);font-size:var(--f7-login-screen-title-font-size);font-weight:var(--f7-login-screen-title-font-weight);color:var(--f7-login-screen-title-text-color);letter-spacing:var(--f7-login-screen-title-letter-spacing)}.login-screen-page,.login-screen>.page,.login-screen>.view>.page{display:flex;flex-direction:column}.login-screen-page .login-screen-content,.login-screen-page .page-content,.login-screen>.page .login-screen-content,.login-screen>.page .page-content,.login-screen>.view>.page .login-screen-content,.login-screen>.view>.page .page-content{margin-top:auto;margin-bottom:auto;height:auto;max-height:100%;width:100%}.theme-dark .login-screen-content .block-strong,.theme-dark .login-screen-content .list ul,.theme-dark .login-screen-page .block-strong,.theme-dark .login-screen-page .list ul,.theme-dark.login-screen-page .block-strong,.theme-dark.login-screen-page .list ul{background-color:transparent}:root{--f7-popover-width:260px}.ios{--f7-popover-bg-color:rgba(255, 255, 255, 0.95);--f7-popover-border-radius:13px;--f7-popover-box-shadow:none;--f7-popover-actions-icon-size:28px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.45)}.ios .theme-dark,.ios.theme-dark{--f7-popover-bg-color:rgba(30, 30, 30, 0.95);--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-popover-bg-color:#fff;--f7-popover-border-radius:4px;--f7-popover-box-shadow:var(--f7-elevation-8);--f7-popover-actions-icon-size:24px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-popover-bg-color:#202020;--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-popover-width:200px;--f7-popover-bg-color:#fff;--f7-popover-border-radius:4px;--f7-popover-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1),0 5px 11px 0 rgba(0,0,0,0.28);--f7-popover-actions-icon-size:24px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.6)}.aurora .theme-dark,.aurora.theme-dark{--f7-popover-bg-color:#202020;--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.6)}.popover{width:var(--f7-popover-width);z-index:13500;margin:0;top:0;opacity:0;left:0;position:absolute;display:none;transition-duration:.3s;background-color:var(--f7-popover-bg-color);border-radius:var(--f7-popover-border-radius);box-shadow:var(--f7-popover-box-shadow);will-change:transform,opacity}.popover .list{margin:0}.popover .list ul{background:0 0}.popover .list:first-child ul:before{display:none!important}.popover .list:last-child ul:after{display:none!important}.popover .list:first-child ul{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:first-child li:first-child,.popover .list:first-child li:first-child a,.popover .list:first-child li:first-child>label{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:last-child ul{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:last-child li:last-child,.popover .list:last-child li:last-child a,.popover .list:last-child li:last-child>label{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:first-child:last-child li:first-child:last-child,.popover .list:first-child:last-child li:first-child:last-child a,.popover .list:first-child:last-child li:first-child:last-child>label,.popover .list:first-child:last-child ul{border-radius:var(--f7-popover-border-radius)}.popover .list+.list{margin-top:var(--f7-list-margin-vertical)}.popover.modal-in{opacity:1}.popover.not-animated{transition-duration:0s}.popover-inner{overflow:auto;-webkit-overflow-scrolling:touch}.popover-from-actions .item-link i.icon{width:var(--f7-popover-actions-icon-size);height:var(--f7-popover-actions-icon-size);font-size:var(--f7-popover-actions-icon-size)}.popover-from-actions-bold{font-weight:600}.popover-from-actions-label{line-height:1.3;position:relative;display:flex;align-items:center;padding:var(--f7-actions-label-padding);color:var(--f7-popover-actions-label-text-color);font-size:var(--f7-actions-label-font-size);justify-content:var(--f7-actions-label-justify-content)}.popover-from-actions-label:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.popover-from-actions-label:last-child:after{display:none!important}.ios .popover{transform:none;transition-property:opacity}.ios .popover-angle{width:26px;height:26px;position:absolute;left:-26px;top:0;z-index:100;overflow:hidden}.ios .popover-angle:after{content:'';background:var(--f7-popover-bg-color);width:26px;height:26px;position:absolute;left:0;top:0;border-radius:3px;transform:rotate(45deg)}.ios .popover-angle.on-left{left:-26px}.ios .popover-angle.on-left:after{left:19px;top:0}.ios .popover-angle.on-right{left:100%}.ios .popover-angle.on-right:after{left:-19px;top:0}.ios .popover-angle.on-top{left:0;top:-26px}.ios .popover-angle.on-top:after{left:0;top:19px}.ios .popover-angle.on-bottom{left:0;top:100%}.ios .popover-angle.on-bottom:after{left:0;top:-19px}.md .popover{transform:scale(.85,.6);transition-property:opacity,transform}.md .popover.modal-in{opacity:1;transform:scale(1)}.md .popover.modal-out{opacity:0;transform:scale(1)}.md .popover-on-top{transform-origin:center bottom}.md .popover-on-top.popover-on-right{transform-origin:left bottom}.md .popover-on-top.popover-on-left{transform-origin:right bottom}.md .popover-on-middle{transform-origin:center center}.md .popover-on-middle.popover-on-right{transform-origin:left center}.md .popover-on-middle.popover-on-left{transform-origin:right center}.md .popover-on-bottom{transform-origin:center top}.md .popover-on-bottom.popover-on-right{transform-origin:left top}.md .popover-on-bottom.popover-on-left{transform-origin:right top}.aurora .popover{transform:none;transition-property:opacity}.aurora .popover-angle{width:18px;height:18px;position:absolute;left:-18px;top:0;z-index:100;overflow:hidden}.aurora .popover-angle:after{content:'';background:var(--f7-popover-bg-color);width:18px;height:18px;position:absolute;left:0;top:0;border-radius:2px;transform:rotate(45deg)}.aurora .popover-angle.on-left{left:-18px}.aurora .popover-angle.on-left:after{left:13px;top:0}.aurora .popover-angle.on-right{left:100%}.aurora .popover-angle.on-right:after{left:-13px;top:0}.aurora .popover-angle.on-top{left:0;top:-18px}.aurora .popover-angle.on-top:after{left:0;top:13px}.aurora .popover-angle.on-bottom{left:0;top:100%}.aurora .popover-angle.on-bottom:after{left:0;top:-13px}:root{--f7-actions-grid-button-font-size:12px;--f7-actions-grid-button-text-color:#757575}.ios{--f7-actions-bg-color:rgba(255, 255, 255, 0.95);--f7-actions-bg-color-rgb:255,255,255;--f7-actions-border-radius:13px;--f7-actions-button-border-color:rgba(0, 0, 0, 0.2);--f7-actions-button-pressed-bg-color:rgba(230, 230, 230, 0.9);--f7-actions-button-padding:0px;--f7-actions-button-text-align:center;--f7-actions-button-height:57px;--f7-actions-button-height-landscape:44px;--f7-actions-button-font-size:20px;--f7-actions-button-icon-size:28px;--f7-actions-button-justify-content:center;--f7-actions-label-padding:8px 10px;--f7-actions-label-text-color:#8a8a8a;--f7-actions-label-font-size:13px;--f7-actions-label-justify-content:center;--f7-actions-group-border-color:transparent;--f7-actions-group-margin:8px;--f7-actions-grid-button-icon-size:48px}.ios .theme-dark,.ios.theme-dark{--f7-actions-bg-color:rgba(30, 30, 30, 0.95);--f7-actions-bg-color-rgb:30,30,30;--f7-actions-button-border-color:rgba(255, 255, 255, 0.15);--f7-actions-button-pressed-bg-color:rgba(50, 50, 50, 0.9);--f7-actions-button-pressed-bg-color-rgb:50,50,50;--f7-actions-label-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-actions-bg-color:#fff;--f7-actions-border-radius:0px;--f7-actions-button-border-color:transparent;--f7-actions-button-text-color:rgba(0, 0, 0, 0.87);--f7-actions-button-pressed-bg-color:#e5e5e5;--f7-actions-button-padding:0 16px;--f7-actions-button-text-align:left;--f7-actions-button-height:48px;--f7-actions-button-height-landscape:48px;--f7-actions-button-font-size:16px;--f7-actions-button-icon-size:24px;--f7-actions-button-justify-content:space-between;--f7-actions-label-padding:12px 16px;--f7-actions-label-text-color:rgba(0, 0, 0, 0.54);--f7-actions-label-font-size:16px;--f7-actions-label-justify-content:flex-start;--f7-actions-group-border-color:#d2d2d6;--f7-actions-group-margin:0px;--f7-actions-grid-button-icon-size:48px}.aurora{--f7-actions-bg-color:#fff;--f7-actions-border-radius:4px;--f7-actions-button-border-color:rgba(0, 0, 0, 0.12);--f7-actions-button-pressed-bg-color:#e5e5e5;--f7-actions-button-padding:0 15px;--f7-actions-button-text-align:center;--f7-actions-button-height:32px;--f7-actions-button-height-landscape:32px;--f7-actions-button-font-size:14px;--f7-actions-button-icon-size:18px;--f7-actions-button-justify-content:space-between;--f7-actions-label-padding:10px 15px;--f7-actions-label-text-color:rgba(0, 0, 0, 0.5);--f7-actions-label-font-size:12px;--f7-actions-label-justify-content:center;--f7-actions-group-border-color:rgba(0, 0, 0, 0.1);--f7-actions-group-margin:15px;--f7-actions-grid-button-icon-size:32px}.actions-modal{position:absolute;left:0;bottom:0;z-index:13500;width:100%;transform:translate3d(0,100%,0);display:none;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch;transition-property:transform;will-change:transform}.actions-modal.modal-in,.actions-modal.modal-out{transition-duration:.3s}.actions-modal.not-animated{transition-duration:0s}.actions-modal.modal-in{transform:translate3d(0,calc(-1 * var(--f7-safe-area-bottom)),0)}.actions-modal.modal-out{z-index:13499;transform:translate3d(0,100%,0)}@media (min-width:496px){.actions-modal{width:480px;left:50%;margin-left:-240px}}@media (orientation:landscape){.actions-modal{--f7-actions-button-height:var(--f7-actions-button-height-landscape)}}.actions-group{overflow:hidden;position:relative;margin:var(--f7-actions-group-margin);border-radius:var(--f7-actions-border-radius);transform:translate3d(0,0,0)}.actions-group:after{content:'';position:absolute;background-color:var(--f7-actions-group-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.actions-group:last-child:after{display:none!important}.actions-button,.actions-label{width:100%;font-weight:400;margin:0;box-sizing:border-box;display:block;position:relative;overflow:hidden;text-align:var(--f7-actions-button-text-align);background:var(--f7-actions-bg-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .actions-button,.ios-translucent .actions-label{background-color:rgba(var(--f7-actions-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.actions-button:after,.actions-label:after{content:'';position:absolute;background-color:var(--f7-actions-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.actions-button:first-child,.actions-label:first-child{border-radius:var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0}.actions-button:last-child,.actions-label:last-child{border-radius:0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius)}.actions-button:last-child:after,.actions-label:last-child:after{display:none!important}.actions-button:first-child:last-child,.actions-label:first-child:last-child{border-radius:var(--f7-actions-border-radius)}.actions-button a,.actions-label a{text-decoration:none;color:inherit;display:block}.actions-button b,.actions-button.actions-button-bold,.actions-label b,.actions-label.actions-button-bold{font-weight:600}.actions-button{cursor:pointer;display:flex;color:var(--f7-actions-button-text-color,var(--f7-theme-color));font-size:var(--f7-actions-button-font-size);height:var(--f7-actions-button-height);line-height:var(--f7-actions-button-height);padding:var(--f7-actions-button-padding);justify-content:var(--f7-actions-button-justify-content);z-index:10}.actions-button.active-state{background-color:var(--f7-actions-button-pressed-bg-color)!important}.actions-button[class*=color-]{color:var(--f7-theme-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .actions-button.active-state{background-color:rgba(var(--f7-actions-button-pressed-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.actions-button-media{flex-shrink:0;display:flex;align-items:center}.actions-button-media i.icon{width:var(--f7-actions-button-icon-size);height:var(--f7-actions-button-icon-size);font-size:var(--f7-actions-button-icon-size)}.actions-button a,.actions-button-text{position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.actions-button-text{width:100%;flex-shrink:1;text-align:var(--f7-actions-button-text-align)}.actions-label{line-height:1.3;display:flex;align-items:center;font-size:var(--f7-actions-label-font-size);color:var(--f7-actions-label-text-color);padding:var(--f7-actions-label-padding);justify-content:var(--f7-actions-label-justify-content);min-height:var(--f7-actions-label-min-height,var(--f7-actions-button-height))}.actions-label[class*=" color-"]{--f7-actions-label-text-color:var(--f7-theme-color)}.actions-grid .actions-group{display:flex;flex-wrap:wrap;justify-content:flex-start;border-radius:0;background:var(--f7-actions-bg-color);margin-top:0}.actions-grid .actions-group:first-child{border-radius:var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0}.actions-grid .actions-group:last-child{border-radius:0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius)}.actions-grid .actions-group:first-child:last-child{border-radius:var(--f7-actions-border-radius)}.actions-grid .actions-group:not(:last-child){margin-bottom:0}.actions-grid .actions-button,.actions-grid .actions-label{border-radius:0!important;background:0 0}.actions-grid .actions-button{width:33.33333333%;display:block;color:var(--f7-actions-grid-button-text-color);height:auto;line-height:1;padding:16px}.actions-grid .actions-button:after{display:none!important}.actions-grid .actions-button-media{margin-left:auto!important;margin-right:auto!important;width:var(--f7-actions-grid-button-icon-size);height:var(--f7-actions-grid-button-icon-size)}.actions-grid .actions-button-media i.icon{width:var(--f7-actions-grid-button-icon-size);height:var(--f7-actions-grid-button-icon-size);font-size:var(--f7-actions-grid-button-icon-size)}.actions-grid .actions-button-text{margin-left:0!important;text-align:center!important;margin-top:8px;line-height:1.33em;height:1.33em;font-size:var(--f7-actions-grid-button-font-size)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .actions-grid .actions-group{background-color:rgba(var(--f7-actions-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.ios .actions-button-media{margin-left:15px}.ios .actions-button-media+.actions-button-text{text-align:left;margin-left:15px}.md .actions-button{transition-duration:.3s}.md .actions-button-media{min-width:40px}.md .actions-button-media+.actions-button-text{margin-left:16px}.aurora .actions-button-media{margin-left:15px}.aurora .actions-button-media+.actions-button-text{text-align:left;margin-left:15px}:root{--f7-sheet-height:260px;--f7-sheet-bg-color:#fff;--f7-sheet-border-color:transparent;--f7-sheet-transition-duration:300ms;--f7-sheet-push-border-radius:10px;--f7-sheet-push-offset:var(--f7-safe-area-top)}:root .theme-dark,:root.theme-dark{--f7-sheet-bg-color:#171717}.ios{--f7-sheet-border-color:var(--f7-bars-border-color)}.ios .theme-dark,.ios.theme-dark{--f7-sheet-bg-color:#000}.sheet-backdrop{z-index:11000}.sheet-modal{position:absolute;left:0;bottom:0;width:100%;height:var(--f7-sheet-height);display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:var(--f7-sheet-bg-color);z-index:12500;will-change:transform}.sheet-modal.modal-in,.sheet-modal.modal-out{transition-duration:var(--f7-sheet-transition-duration)}.sheet-modal.not-animated{transition-duration:0s}.sheet-modal.modal-in{display:block;transform:translate3d(0,0,0)}.sheet-modal.modal-in-swipe-step{display:block;transform:translate3d(0,var(--f7-sheet-swipe-step,0),0)}.sheet-modal.modal-out{transform:translate3d(0,100%,0)}.sheet-modal .sheet-modal-inner{height:100%;position:relative;overflow:hidden}.sheet-modal .toolbar{--f7-safe-area-bottom:0px;position:relative;width:100%}.sheet-modal .toolbar:after,.sheet-modal .toolbar:before{display:none}.sheet-modal .toolbar+.sheet-modal-inner{height:calc(100% - var(--f7-toolbar-height))}.sheet-modal .toolbar+.sheet-modal-inner .page-content{--f7-page-toolbar-top-offset:0px;--f7-page-toolbar-bottom-offset:0px}.sheet-modal-top:after{content:'';position:absolute;background-color:var(--f7-sheet-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.sheet-modal-top:after{z-index:600;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.sheet-modal-bottom,.sheet-modal:not(.sheet-modal-top){--f7-safe-area-top:0px}.sheet-modal-bottom:before,.sheet-modal:not(.sheet-modal-top):before{content:'';position:absolute;background-color:var(--f7-sheet-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.sheet-modal-bottom:before,.sheet-modal:not(.sheet-modal-top):before{z-index:600;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.sheet-modal-top{--f7-safe-area-bottom:0px;bottom:auto;top:0;transform:translate3d(0,-100%,0)}.sheet-modal-top.modal-out{transform:translate3d(0,-100%,0)}.sheet-modal-top .toolbar-bottom{position:absolute}.sheet-modal-top .page-content{padding-top:var(--f7-safe-area-top)}html.with-modal-sheet-push .sheet-modal-push,html.with-modal-sheet-push-closing .sheet-modal-push{border-radius:var(--f7-sheet-push-border-radius) var(--f7-sheet-push-border-radius) 0 0;overflow:hidden}html.with-modal-sheet-push .sheet-modal-push .page,html.with-modal-sheet-push .sheet-modal-push .view,html.with-modal-sheet-push-closing .sheet-modal-push .page,html.with-modal-sheet-push-closing .sheet-modal-push .view{--f7-safe-area-top:0px}html.with-modal-sheet-push .sheet-modal-push.sheet-modal-top,html.with-modal-sheet-push-closing .sheet-modal-push.sheet-modal-top{border-radius:0 0 var(--f7-sheet-push-border-radius) var(--f7-sheet-push-border-radius)}html.with-modal-sheet-push .framework7-root,html.with-modal-sheet-push-closing .framework7-root{background:#000}html.with-modal-sheet-push .framework7-root>.view,html.with-modal-sheet-push .framework7-root>.views,html.with-modal-sheet-push-closing .framework7-root>.view,html.with-modal-sheet-push-closing .framework7-root>.views{transition-duration:var(--f7-sheet-transition-duration)}html.with-modal-sheet-push .framework7-root>.view,html.with-modal-sheet-push .framework7-root>.views{border-radius:var(--f7-sheet-push-border-radius);transform:translate3d(0,0,0px) scale(var(--f7-sheet-push-scale,1))}.md .sheet-modal .toolbar a.link:not(.tab-link){flex-shrink:0}:root{--f7-toast-text-color:#fff;--f7-toast-font-size:14px;--f7-toast-icon-size:48px}.ios{--f7-toast-bg-color:rgba(0, 0, 0, 0.75);--f7-toast-bg-color-rgb:0,0,0;--f7-toast-padding-horizontal:15px;--f7-toast-padding-vertical:12px;--f7-toast-border-radius:8px;--f7-toast-button-min-width:64px}.md{--f7-toast-bg-color:#323232;--f7-toast-padding-horizontal:24px;--f7-toast-padding-vertical:14px;--f7-toast-border-radius:4px;--f7-toast-button-min-width:64px}.aurora{--f7-toast-bg-color:rgba(0, 0, 0, 0.85);--f7-toast-padding-horizontal:10px;--f7-toast-padding-vertical:10px;--f7-toast-border-radius:4px;--f7-toast-button-min-width:32px}.toast{--f7-touch-ripple-color:var(--f7-touch-ripple-white);transition-property:transform,opacity;position:absolute;max-width:568px;z-index:20000;color:var(--f7-toast-text-color);font-size:var(--f7-toast-font-size);box-sizing:border-box;background-color:var(--f7-toast-bg-color);opacity:0}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .toast{background-color:rgba(var(--f7-toast-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.toast.modal-in{opacity:1}.toast .toast-content{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:var(--f7-toast-padding-vertical) var(--f7-toast-padding-horizontal)}.toast .toast-text{line-height:20px;flex-shrink:1;min-width:0}.toast .toast-button{flex-shrink:0;min-width:var(--f7-toast-button-min-width);margin-top:-8px;margin-bottom:-8px}.toast.toast-with-icon .toast-content{display:block;text-align:center}.toast.toast-with-icon .toast-text{text-align:center}.toast.toast-with-icon .toast-icon .f7-icons,.toast.toast-with-icon .toast-icon .material-icons{font-size:var(--f7-toast-icon-size);width:var(--f7-toast-icon-size);height:var(--f7-toast-icon-size)}.toast.toast-center{top:50%}.toast.toast-top{margin-top:var(--f7-safe-area-top)}.ios .toast{transition-duration:.3s;width:100%;left:0}.ios .toast.toast-top{top:0;transform:translate3d(0,-100%,0)}.ios .toast.toast-top.modal-in{transform:translate3d(0,0%,0)}.ios .toast.toast-center{width:auto;left:50%;border-radius:var(--f7-toast-border-radius);transform:translate3d(-50%,-50%,0)}.ios .toast.toast-center.modal-in{transform:translate3d(-50%,-50%,0)}.ios .toast.toast-bottom{bottom:0;transform:translate3d(0,100%,0)}.ios .toast.toast-bottom.modal-in{transform:translate3d(0,0%,0)}@media (max-width:568px){.ios .toast.toast-top{margin-top:0}.ios .toast.toast-top .toast-content{padding-top:calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-top))}.ios .toast.toast-bottom .toast-content{padding-bottom:calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-bottom))}}@media (min-width:569px){.ios .toast{left:50%;margin-left:-284px;border-radius:var(--f7-toast-border-radius)}.ios .toast.toast-top{top:15px}.ios .toast.toast-center{margin-left:0}.ios .toast.toast-bottom{margin-bottom:calc(15px + var(--f7-safe-area-bottom))}}@media (min-width:1024px){.ios .toast{margin-left:0;width:auto}.ios .toast.toast-bottom,.ios .toast.toast-top{left:15px}}.ios .toast-button{margin-right:15px;margin-left:calc(-1 * var(--f7-button-padding-horizontal))}.md .toast{transition-duration:.2s;border-radius:var(--f7-toast-border-radius);left:8px;width:calc(100% - 16px);transform:scale(.9)}.md .toast.modal-in{transform:scale(1)}.md .toast.modal-out{transform:scale(1)}.md .toast.toast-top{top:8px}.md .toast.toast-center{left:50%;width:auto;transform:scale(.9) translate3d(-55%,-55%,0)}.md .toast.toast-center.modal-in{transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-center.modal-out{transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-bottom{bottom:calc(8px + var(--f7-safe-area-bottom))}@media (min-width:584px){.md .toast{left:50%;margin-left:-284px}.md .toast.toast-center{margin-left:0}}@media (min-width:1024px){.md .toast{margin-left:0;width:auto}.md .toast.toast-bottom,.md .toast.toast-top{left:24px}.md .toast.toast-bottom{bottom:calc(24px + var(--f7-safe-area-bottom))}.md .toast.toast-top{top:24px}}.md .toast-button{margin-right:16px;margin-left:-8px}.aurora .toast{transition-duration:.2s;border-radius:var(--f7-toast-border-radius);left:10px;width:calc(100% - 20px);transform:scale(.9)}.aurora .toast.modal-in{transform:scale(1)}.aurora .toast.modal-out{transform:scale(1)}.aurora .toast.toast-top{top:10px}.aurora .toast.toast-center{left:50%;width:auto;transform:scale(.9) translate3d(-55%,-55%,0)}.aurora .toast.toast-center.modal-in{transform:scale(1) translate3d(-50%,-50%,0)}.aurora .toast.toast-center.modal-out{transform:scale(1) translate3d(-50%,-50%,0)}.aurora .toast.toast-bottom{bottom:calc(10px + var(--f7-safe-area-bottom))}@media (min-width:584px){.aurora .toast{left:50%;margin-left:-284px}.aurora .toast.toast-center{margin-left:0}}@media (min-width:1024px){.aurora .toast{margin-left:0;width:auto}.aurora .toast.toast-bottom,.aurora .toast.toast-top{left:10px}}.aurora .toast-button{margin-right:10px}:root{--f7-preloader-modal-padding:8px;--f7-preloader-modal-bg-color:rgba(0, 0, 0, 0.8)}.ios{--f7-preloader-color:#6c6c6c;--f7-preloader-size:20px;--f7-preloader-modal-preloader-size:34px;--f7-preloader-modal-border-radius:5px}.md{--f7-preloader-color:#757575;--f7-preloader-size:32px;--f7-preloader-modal-preloader-size:32px;--f7-preloader-modal-border-radius:4px}.aurora{--f7-preloader-color:#757575;--f7-preloader-size:24px;--f7-preloader-modal-preloader-size:24px;--f7-preloader-modal-border-radius:4px}.preloader{display:inline-block;vertical-align:middle;width:var(--f7-preloader-size);height:var(--f7-preloader-size);font-size:0;position:relative}.preloader-backdrop{visibility:visible;opacity:0;background:0 0;z-index:14000}.preloader-modal{position:absolute;left:50%;top:50%;padding:var(--f7-preloader-modal-padding);background:var(--f7-preloader-modal-bg-color);z-index:14500;transform:translateX(-50%) translateY(-50%);border-radius:var(--f7-preloader-modal-border-radius)}.preloader-modal .preloader{--f7-preloader-size:var(--f7-preloader-modal-preloader-size);display:block!important}html.with-modal-preloader .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.preloader[class*=color-]{--f7-preloader-color:var(--f7-theme-color)}.ios .preloader{animation:ios-preloader-spin 1s steps(12,end) infinite}.ios .preloader .preloader-inner-line{display:block;width:10%;height:25%;border-radius:100px;background:var(--f7-preloader-color);position:absolute;left:50%;top:50%;transform-origin:center 200%}.ios .preloader .preloader-inner-line:nth-child(1){transform:translate(-50%,-200%) rotate(0deg);opacity:.27}.ios .preloader .preloader-inner-line:nth-child(2){transform:translate(-50%,-200%) rotate(30deg);opacity:.32272727}.ios .preloader .preloader-inner-line:nth-child(3){transform:translate(-50%,-200%) rotate(60deg);opacity:.37545455}.ios .preloader .preloader-inner-line:nth-child(4){transform:translate(-50%,-200%) rotate(90deg);opacity:.42818182}.ios .preloader .preloader-inner-line:nth-child(5){transform:translate(-50%,-200%) rotate(120deg);opacity:.48090909}.ios .preloader .preloader-inner-line:nth-child(6){transform:translate(-50%,-200%) rotate(150deg);opacity:.53363636}.ios .preloader .preloader-inner-line:nth-child(7){transform:translate(-50%,-200%) rotate(180deg);opacity:.58636364}.ios .preloader .preloader-inner-line:nth-child(8){transform:translate(-50%,-200%) rotate(210deg);opacity:.63909091}.ios .preloader .preloader-inner-line:nth-child(9){transform:translate(-50%,-200%) rotate(240deg);opacity:.69181818}.ios .preloader .preloader-inner-line:nth-child(10){transform:translate(-50%,-200%) rotate(270deg);opacity:.74454545}.ios .preloader .preloader-inner-line:nth-child(11){transform:translate(-50%,-200%) rotate(300deg);opacity:.79727273}.ios .preloader .preloader-inner-line:nth-child(12){transform:translate(-50%,-200%) rotate(330deg);opacity:.85}@keyframes ios-preloader-spin{100%{transform:rotate(360deg)}}.md .preloader{animation:md-preloader-outer 3.3s linear infinite}@keyframes md-preloader-outer{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.md .preloader-inner{position:relative;display:block;width:100%;height:100%;animation:md-preloader-inner-rotate 5.25s cubic-bezier(.35,0,.25,1) infinite}.md .preloader-inner .preloader-inner-gap{position:absolute;width:2px;left:50%;margin-left:-1px;top:0;bottom:0;box-sizing:border-box;border-top:4px solid var(--f7-preloader-color)}.md .preloader-inner .preloader-inner-left,.md .preloader-inner .preloader-inner-right{position:absolute;top:0;height:100%;width:50%;overflow:hidden}.md .preloader-inner .preloader-inner-half-circle{position:absolute;top:0;height:100%;width:200%;box-sizing:border-box;border:4px solid var(--f7-preloader-color);border-bottom-color:transparent!important;border-radius:50%;animation-iteration-count:infinite;animation-duration:1.3125s;animation-timing-function:cubic-bezier(.35,0,.25,1)}.md .preloader-inner .preloader-inner-left{left:0}.md .preloader-inner .preloader-inner-left .preloader-inner-half-circle{left:0;border-right-color:transparent!important;animation-name:md-preloader-left-rotate}.md .preloader-inner .preloader-inner-right{right:0}.md .preloader-inner .preloader-inner-right .preloader-inner-half-circle{right:0;border-left-color:transparent!important;animation-name:md-preloader-right-rotate}.md .preloader.color-multi .preloader-inner-left .preloader-inner-half-circle{animation-name:md-preloader-left-rotate-multicolor}.md .preloader.color-multi .preloader-inner-right .preloader-inner-half-circle{animation-name:md-preloader-right-rotate-multicolor}@keyframes md-preloader-left-rotate{0%,100%{transform:rotate(130deg)}50%{transform:rotate(-5deg)}}@keyframes md-preloader-right-rotate{0%,100%{transform:rotate(-130deg)}50%{transform:rotate(5deg)}}@keyframes md-preloader-inner-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}@keyframes md-preloader-left-rotate-multicolor{0%,100%{border-left-color:#4285f4;transform:rotate(130deg)}75%{border-left-color:#1b9a59;border-top-color:#1b9a59}50%{border-left-color:#f7c223;border-top-color:#f7c223;transform:rotate(-5deg)}25%{border-left-color:#de3e35;border-top-color:#de3e35}}@keyframes md-preloader-right-rotate-multicolor{0%,100%{border-right-color:#4285f4;transform:rotate(-130deg)}75%{border-right-color:#1b9a59;border-top-color:#1b9a59}50%{border-right-color:#f7c223;border-top-color:#f7c223;transform:rotate(5deg)}25%{border-top-color:#de3e35;border-right-color:#de3e35}}.aurora .preloader-inner{position:absolute;left:0;top:0;width:100%;height:100%}.aurora .preloader-inner-circle{width:100%;height:100%;position:absolute;left:0;top:0;border-radius:50%;border:calc(var(--f7-preloader-size)/ 8) solid var(--f7-preloader-color);border-top-color:transparent;box-sizing:border-box;animation:aurora-preloader-rotate 1s linear infinite}.aurora .preloader.color-multi .preloader-inner-circle{animation:aurora-preloader-rotate 1s linear infinite,aurora-preloader-multicolor 2s linear infinite}@keyframes aurora-preloader-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes aurora-preloader-multicolor{0%,100%{border-color:#2196f3;border-top-color:transparent}25%{border-color:#ff3b30;border-top-color:transparent}50%{border-color:#4cd964;border-top-color:transparent}75%{border-color:#ff9500;border-top-color:transparent}}.ios{--f7-progressbar-bg-color:rgba(0, 0, 0, 0.3);--f7-progressbar-height:2px;--f7-progressbar-border-radius:2px}.ios .theme-dark,.ios.theme-dark{--f7-progressbar-bg-color:rgba(255, 255, 255, 0.3)}.md{--f7-progressbar-height:4px;--f7-progressbar-border-radius:0px}.aurora{--f7-progressbar-bg-color:#dbdbdb;--f7-progressbar-height:6px;--f7-progressbar-border-radius:3px}.aurora .theme-dark,.aurora.theme-dark{--f7-progressbar-bg-color:#444}.progressbar,.progressbar-infinite{width:100%;overflow:hidden;position:relative;display:block;transform-style:preserve-3d;background:var(--f7-progressbar-bg-color,rgba(var(--f7-theme-color-rgb),.5));transform-origin:center top;height:var(--f7-progressbar-height);border-radius:var(--f7-progressbar-border-radius)}.progressbar{vertical-align:middle}.progressbar span{background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));width:100%;height:100%;position:absolute;left:0;top:0;transform:translate3d(-100%,0,0);transition-duration:150ms}.progressbar-infinite{z-index:15000}.progressbar-infinite:after,.progressbar-infinite:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:left center;transform:translate3d(0,0,0);display:block;background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color))}.progressbar-infinite.color-multi{background:0 0!important}.progressbar-in{animation:progressbar-in 150ms forwards}.progressbar-out{animation:progressbar-out 150ms forwards}.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,.page>.progressbar,.page>.progressbar-infinite,.panel>.progressbar,.panel>.progressbar-infinite,.popup>.progressbar,.popup>.progressbar-infinite,.view>.progressbar,.view>.progressbar-infinite,.views>.progressbar,.views>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{position:absolute;left:0;top:0;z-index:15000;border-radius:0!important;transform-origin:center top!important}.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{top:var(--f7-safe-area-top)}@keyframes progressbar-in{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes progressbar-out{from{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}.ios .progressbar-infinite:before{animation:ios-progressbar-infinite 1s linear infinite}.ios .progressbar-infinite:after{display:none}.ios .progressbar-infinite.color-multi:before{width:400%;background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;animation:ios-progressbar-infinite-multicolor 3s linear infinite}@keyframes ios-progressbar-infinite{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(100%,0,0)}}@keyframes ios-progressbar-infinite-multicolor{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-50%,0,0)}}.md .progressbar-infinite:before{animation:md-progressbar-infinite-1 2s linear infinite}.md .progressbar-infinite:after{animation:md-progressbar-infinite-2 2s linear infinite}.md .progressbar-infinite.color-multi:before{background:0 0;animation:md-progressbar-infinite-multicolor-bg 3s step-end infinite}.md .progressbar-infinite.color-multi:after{background:0 0;animation:md-progressbar-infinite-multicolor-fill 3s linear infinite;transform-origin:center center}@keyframes md-progressbar-infinite-1{0%{transform:translateX(-10%) scaleX(.1)}25%{transform:translateX(30%) scaleX(.6)}50%{transform:translateX(100%) scaleX(1)}100%{transform:translateX(100%) scaleX(1)}}@keyframes md-progressbar-infinite-2{0%{transform:translateX(-100%) scaleX(1)}40%{transform:translateX(-100%) scaleX(1)}75%{transform:translateX(60%) scaleX(.35)}90%{transform:translateX(100%) scaleX(.1)}100%{transform:translateX(100%) scaleX(.1)}}@keyframes md-progressbar-infinite-multicolor-bg{0%{background-color:#4caf50}25%{background-color:#f44336}50%{background-color:#2196f3}75%{background-color:#ffeb3b}}@keyframes md-progressbar-infinite-multicolor-fill{0%{transform:scaleX(0);background-color:#f44336}24.9%{transform:scaleX(1);background-color:#f44336}25%{transform:scaleX(0);background-color:#2196f3}49.9%{transform:scaleX(1);background-color:#2196f3}50%{transform:scaleX(0);background-color:#ffeb3b}74.9%{transform:scaleX(1);background-color:#ffeb3b}75%{transform:scaleX(0);background-color:#4caf50}100%{transform:scaleX(1);background-color:#4caf50}}.aurora .progressbar,.aurora .progressbar span,.aurora .progressbar-infinite,.aurora .progressbar-infinite:before{box-shadow:0px 0px 0px 1px rgba(0,0,0,.05) inset}.aurora .progressbar-infinite:before{animation:aurora-progressbar-infinite 1s linear infinite}.aurora .progressbar-infinite:after{display:none}.aurora .progressbar-infinite.color-multi:before{width:400%;background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;animation:aurora-progressbar-infinite-multicolor 3s linear infinite}@keyframes aurora-progressbar-infinite{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(100%,0,0)}}@keyframes aurora-progressbar-infinite-multicolor{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-50%,0,0)}}:root{--f7-sortable-handler-color:rgba(0, 0, 0, 0.22);--f7-sortable-sorting-item-bg-color:rgba(255, 255, 255, 0.8)}:root .theme-dark,:root.theme-dark{--f7-sortable-sorting-item-bg-color:rgba(50, 50, 50, 0.8);--f7-sortable-handler-color:rgba(255, 255, 255, 0.55)}.ios{--f7-sortable-handler-width:35px;--f7-sortable-sorting-item-box-shadow:0px 2px 8px rgba(0, 0, 0, 0.6)}.md{--f7-sortable-handler-width:42px;--f7-sortable-sorting-item-box-shadow:var(--f7-elevation-2)}.aurora{--f7-sortable-handler-width:32px;--f7-sortable-sorting-item-box-shadow:var(--f7-elevation-2)}.sortable .sortable-handler{width:var(--f7-sortable-handler-width);height:100%;position:absolute;top:0;z-index:10;opacity:0;pointer-events:none;cursor:move;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;left:var(--f7-safe-area-left)}.sortable .sortable-handler:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;transition-duration:.3s;transform:translateX(10px);color:var(--f7-sortable-handler-color);overflow:hidden;height:20px;width:18px}.sortable .item-inner{transition-duration:.3s}.sortable li.sorting{z-index:50;background:var(--f7-sortable-sorting-item-bg-color);transition-duration:0s;box-shadow:var(--f7-sortable-sorting-item-box-shadow)}.sortable li.sorting .item-inner:after{display:none!important}.sortable-sorting li{transition-duration:.3s}.sortable-enabled .sortable-handler{pointer-events:auto;opacity:1}.sortable-enabled .sortable-handler:after{transform:translateX(0px)}.sortable-enabled .item-link .item-inner,.sortable-enabled .item-link .item-title-row{background-image:none!important}.list.sortable-enabled .item-inner,.list.sortable-enabled .item-link .item-inner,.list.sortable-enabled .item-link.no-chevron .item-inner,.list.sortable-enabled .no-chevron .item-link .item-inner,.list.sortable-enabled.no-chevron .item-link .item-inner,.no-chevron .list.sortable-enabled .item-link .item-inner{padding-left:calc(var(--f7-sortable-handler-width) + var(--f7-safe-area-right))}.ios .sortable-handler:after{content:'sort_ios'}.md .sortable-handler:after{content:'sort_md'}.aurora .sortable-handler:after{content:'sort_md';font-size:16px;height:16px}:root{--f7-swipeout-button-text-color:#fff;--f7-swipeout-button-bg-color:rgba(0, 0, 0, 0.22);--f7-swipeout-delete-button-bg-color:#ff3b30;--f7-swipeout-button-font-size:inherit;--f7-swipeout-button-font-weight:inherit}:root .theme-dark,:root.theme-dark{--f7-swipeout-button-bg-color:rgba(255, 255, 255, 0.55)}.ios{--f7-swipeout-button-padding:0 30px}.md{--f7-swipeout-button-padding:0 24px}.aurora{--f7-swipeout-button-padding:0 12px;--f7-swipeout-button-font-weight:500}.swipeout{overflow:hidden;transform-style:preserve-3d}.swipeout-deleting{transition-duration:.3s}.swipeout-deleting .swipeout-content{transform:translateX(-100%)}.swipeout-transitioning .swipeout-actions-left a,.swipeout-transitioning .swipeout-actions-right a,.swipeout-transitioning .swipeout-content,.swipeout-transitioning .swipeout-overswipe{transition-duration:.3s;transition-property:transform,left}.swipeout-content{position:relative;z-index:10}.swipeout-overswipe{transition-duration:.2s;transition-property:left}.swipeout-actions-left,.swipeout-actions-right{position:absolute;top:0;height:100%;display:flex;direction:ltr}.swipeout-actions-left>a,.swipeout-actions-left>button,.swipeout-actions-left>div,.swipeout-actions-left>span,.swipeout-actions-right>a,.swipeout-actions-right>button,.swipeout-actions-right>div,.swipeout-actions-right>span{color:var(--f7-swipeout-button-text-color);background:var(--f7-swipeout-button-bg-color);padding:var(--f7-swipeout-button-padding);display:flex;align-items:center;position:relative;left:0;font-size:var(--f7-swipeout-button-font-size);font-weight:var(--f7-swipeout-button-font-weight)}.swipeout-actions-left>a:after,.swipeout-actions-left>button:after,.swipeout-actions-left>div:after,.swipeout-actions-left>span:after,.swipeout-actions-right>a:after,.swipeout-actions-right>button:after,.swipeout-actions-right>div:after,.swipeout-actions-right>span:after{content:'';position:absolute;top:0;width:600%;height:100%;background:inherit;z-index:-1;transform:translate3d(0,0,0);pointer-events:none}.swipeout-actions-left .swipeout-delete,.swipeout-actions-right .swipeout-delete{background:var(--f7-swipeout-delete-button-bg-color)}.swipeout-actions-right{right:0%;transform:translateX(100%)}.swipeout-actions-right>a:after,.swipeout-actions-right>button:after,.swipeout-actions-right>div:after,.swipeout-actions-right>span:after{left:100%;margin-left:-1px}.swipeout-actions-left{left:0%;transform:translateX(-100%)}.swipeout-actions-left>a:after,.swipeout-actions-left>button:after,.swipeout-actions-left>div:after,.swipeout-actions-left>span:after{right:100%;margin-right:-1px}.swipeout-actions-left [class*=color-],.swipeout-actions-right [class*=color-]{--f7-swipeout-button-bg-color:var(--f7-theme-color)}.accordion-item-toggle{cursor:pointer;transition-duration:.3s}.accordion-item-toggle.active-state{transition-duration:.3s}.accordion-item-toggle.active-state>.item-inner:after{background-color:transparent}.accordion-item-toggle .item-inner{transition-duration:.3s;transition-property:background-color}.accordion-item-toggle .item-inner:after{transition-duration:.3s}.accordion-item .item-link .item-inner:after{transition-duration:.3s}.accordion-item .block,.accordion-item .list{margin-top:0;margin-bottom:0}.accordion-item .block>h1:first-child,.accordion-item .block>h2:first-child,.accordion-item .block>h3:first-child,.accordion-item .block>h4:first-child,.accordion-item .block>p:first-child{margin-top:10px}.accordion-item .block>h1:last-child,.accordion-item .block>h2:last-child,.accordion-item .block>h3:last-child,.accordion-item .block>h4:last-child,.accordion-item .block>p:last-child{margin-bottom:10px}.accordion-item-opened .accordion-item-toggle .item-inner:after,.accordion-item-opened>.item-link .item-inner:after{background-color:transparent}.list li.accordion-item ul{padding-right:0}.accordion-item-content{position:relative;overflow:hidden;height:0;font-size:14px;transition-duration:.3s}.accordion-item-opened>.accordion-item-content{height:auto}html.device-android-4 .accordion-item-content{transform:none}.list .accordion-item-toggle .item-inner{padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-safe-area-left))}.list .accordion-item-toggle .item-inner:before{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;position:absolute;top:50%;width:14px;height:8px;margin-top:-4px;font-size:20px;line-height:14px;color:var(--f7-list-chevron-icon-color);pointer-events:none;left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));content:'chevron_left'}.list .accordion-item-toggle.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.accordion-item.media-item .accordion-item-toggle .item-title-row:before,.accordion-item.media-item>.item-link .item-title-row:before,.links-list .accordion-item>a:before,.list .accordion-item-toggle .item-inner:before,.list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner:before,.list:not(.media-list) .accordion-item:not(.media-item)>.item-link .item-inner:before,.media-list .accordion-item .accordion-item-toggle .item-title-row:before,.media-list .accordion-item>.item-link .item-title-row:before{content:'chevron_down';width:14px;height:8px;margin-top:-4px;line-height:8px}.accordion-item-opened.media-item .accordion-item-toggle .item-title-row:before,.accordion-item-opened.media-item>.item-link .item-title-row:before,.links-list .accordion-item-opened>a:before,.list .accordion-item-toggle.accordion-item-opened .item-inner:before,.list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner:before,.list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner:before,.media-list .accordion-item-opened .accordion-item-toggle .item-title-row:before,.media-list .accordion-item-opened>.item-link .item-title-row:before{content:'chevron_up';width:14px;height:8px;margin-top:-4px;line-height:8px}.aurora .accordion-item.media-item .accordion-item-toggle .item-title-row:before,.aurora .accordion-item.media-item>.item-link .item-title-row:before,.aurora .links-list .accordion-item>a:before,.aurora .list .accordion-item-toggle .item-inner:before,.aurora .list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner:before,.aurora .list:not(.media-list) .accordion-item:not(.media-item)>.item-link .item-inner:before,.aurora .media-list .accordion-item .accordion-item-toggle .item-title-row:before,.aurora .media-list .accordion-item>.item-link .item-title-row:before{content:'chevron_down_aurora'}.aurora .accordion-item-opened.media-item .accordion-item-toggle .item-title-row:before,.aurora .accordion-item-opened.media-item>.item-link .item-title-row:before,.aurora .links-list .accordion-item-opened>a:before,.aurora .list .accordion-item-toggle.accordion-item-opened .item-inner:before,.aurora .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner:before,.aurora .list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner:before,.aurora .media-list .accordion-item-opened .accordion-item-toggle .item-title-row:before,.aurora .media-list .accordion-item-opened>.item-link .item-title-row:before{content:'chevron_up_aurora'}:root .theme-dark,:root.theme-dark{--f7-contacts-list-title-text-color:#fff}.ios{--f7-contacts-list-title-font-size:inherit;--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-text-color:#000;--f7-contacts-list-title-height:22px;--f7-contacts-list-title-bg-color:#f7f7f7}.ios .theme-dark,.ios.theme-dark{--f7-contacts-list-title-bg-color:#323234}.md{--f7-contacts-list-title-font-size:20px;--f7-contacts-list-title-font-weight:500;--f7-contacts-list-title-height:48px;--f7-contacts-list-title-bg-color:transparent}.aurora{--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-text-color:#000}.contacts-list{--f7-list-margin-vertical:0px}.contacts-list .list-group-title,.contacts-list li.list-group-title{background-color:var(--f7-contacts-list-title-bg-color,var(--f7-list-group-title-bg-color));font-weight:var(--f7-contacts-list-title-font-weight,var(--f7-list-group-title-font-weight));font-size:var(--f7-contacts-list-title-font-size,var(--f7-list-group-title-font-size));color:var(--f7-contacts-list-title-text-color,var(--f7-theme-color));line-height:var(--f7-contacts-list-title-height,var(--f7-list-group-title-height));height:var(--f7-contacts-list-title-height,var(--f7-list-group-title-height))}.contacts-list .list-group:first-child ul:before{display:none!important}.contacts-list .list-group:last-child ul:after{display:none!important}.md .contacts-list .list-group-title{pointer-events:none;overflow:visible;width:56px}.md .contacts-list .list-group-title+li{margin-top:calc(var(--f7-contacts-list-title-height) * -1)}.md .contacts-list li:not(.list-group-title){padding-right:56px}:root{--f7-list-index-width:16px;--f7-list-index-font-size:11px;--f7-list-index-font-weight:600;--f7-list-index-item-height:14px;--f7-list-index-label-text-color:#fff;--f7-list-index-label-font-weight:500}.ios{--f7-list-index-label-size:44px;--f7-list-index-label-font-size:17px;--f7-list-index-skip-dot-size:6px}.md{--f7-list-index-label-size:56px;--f7-list-index-label-font-size:20px;--f7-list-index-skip-dot-size:4px}.aurora{--f7-list-index-font-size:12px;--f7-list-index-label-size:32px;--f7-list-index-label-font-size:12px;--f7-list-index-label-font-weight:600;--f7-list-index-skip-dot-size:4px}.list-index{position:absolute;top:0;bottom:0;text-align:center;z-index:10;width:var(--f7-list-index-width);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;left:var(--f7-safe-area-left)}.list-index:before{content:'';position:absolute;width:20px;top:0;right:100%;height:100%}.list-index ul{color:var(--f7-list-index-text-color,var(--f7-theme-color));font-size:var(--f7-list-index-font-size);font-weight:var(--f7-list-index-font-weight);list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;height:100%;width:100%;position:relative}.list-index li{margin:0;padding:0;list-style:none;position:relative;height:var(--f7-list-index-item-height);line-height:var(--f7-list-index-item-height);flex-shrink:0;display:block;width:100%}.list-index .list-index-skip-placeholder:after{content:'';position:absolute;left:50%;top:50%;border-radius:50%;width:var(--f7-list-index-skip-dot-size);height:var(--f7-list-index-skip-dot-size);margin-left:calc(-1 * var(--f7-list-index-skip-dot-size)/ 2);margin-top:calc(-1 * var(--f7-list-index-skip-dot-size)/ 2);background:var(--f7-list-index-text-color,var(--f7-theme-color))}.list-index .list-index-label{position:absolute;bottom:0;right:100%;text-align:center;background-color:var(--f7-list-index-label-bg-color,var(--f7-theme-color));color:var(--f7-list-index-label-text-color);width:var(--f7-list-index-label-size);height:var(--f7-list-index-label-size);line-height:var(--f7-list-index-label-size);font-size:var(--f7-list-index-label-font-size);font-weight:var(--f7-list-index-label-font-weight)}.navbar~.list-index,.navbar~.page>.list-index{top:var(--f7-navbar-height)}.ios .navbar~.toolbar-top-ios~.list-index,.md .navbar~.toolbar-top-md~.list-index,.navbar~.toolbar-top~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height))}.ios .navbar~.toolbar-top-ios.tabbar-labels~.list-index,.md .navbar~.toolbar-top-md.tabbar-labels~.list-index,.navbar~.toolbar-top.tabbar-labels~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height))}.navbar~.subnavbar~.list-index,.page-with-subnavbar .navbar~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height))}.ios .toolbar-bottom-ios~* .page>.list-index,.ios .toolbar-bottom-ios~.list-index,.ios .toolbar-bottom-ios~.page>.list-index,.md .toolbar-bottom-md~* .page>.list-index,.md .toolbar-bottom-md~.list-index,.md .toolbar-bottom-md~.page>.list-index,.toolbar-bottom~* .page>.list-index,.toolbar-bottom~.list-index,.toolbar-bottom~.page>.list-index{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios.tabbar-labels~* .page>.list-index,.ios .toolbar-bottom-ios.tabbar-labels~.list-index,.ios .toolbar-bottom-ios.tabbar-labels~.page>.list-index,.md .toolbar-bottom-md.tabbar-labels~* .page>.list-index,.md .toolbar-bottom-md.tabbar-labels~.list-index,.md .toolbar-bottom-md.tabbar-labels~.page>.list-index,.toolbar-bottom.tabbar-labels~* .page>.list-index,.toolbar-bottom.tabbar-labels~.list-index,.toolbar-bottom.tabbar-labels~.page>.list-index{bottom:calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom))}.ios .list-index .list-index-label{margin-bottom:calc(-1 * var(--f7-list-index-label-size)/ 2);margin-right:calc(var(--f7-list-index-width) - 1px);border-radius:50%}.ios .list-index .list-index-label:before{position:absolute;width:100%;height:100%;border-radius:50% 0% 50% 50%;content:'';background-color:inherit;left:0;top:0;transform:rotate(45deg);z-index:-1}.md .list-index .list-index-label{border-radius:50% 50% 0 50%}.aurora .list-index .list-index-label{margin-bottom:calc(-1 * var(--f7-list-index-label-size)/ 2);margin-right:calc(var(--f7-list-index-width) - 1px);border-radius:50%}.aurora .list-index .list-index-label:before{position:absolute;width:100%;height:100%;border-radius:50% 1px 50% 50%;content:'';background-color:inherit;left:0;top:0;transform:rotate(45deg);z-index:-1}:root{--f7-timeline-horizontal-date-height:34px;--f7-timeline-year-height:24px;--f7-timeline-year-font-weight:inherit;--f7-timeline-month-height:24px;--f7-timeline-month-font-size:inherit;--f7-timeline-month-font-weight:inherit;--f7-timeline-item-inner-bg-color:#fff;--f7-timeline-item-text-font-weight:inherit;--f7-timeline-item-subtitle-font-weight:inherit}:root .theme-dark,:root.theme-dark{--f7-timeline-item-inner-bg-color:#1c1c1d;--f7-timeline-horizontal-item-border-color:rgba(255, 255, 255, 0.15);--f7-timeline-horizontal-item-date-border-color:rgba(255, 255, 255, 0.15)}.ios{--f7-timeline-padding-horizontal:15px;--f7-timeline-margin-vertical:35px;--f7-timeline-divider-margin-horizontal:15px;--f7-timeline-inner-block-margin-vertical:15px;--f7-timeline-item-inner-border-radius:7px;--f7-timeline-item-inner-box-shadow:none;--f7-timeline-item-time-font-size:13px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.45);--f7-timeline-item-title-font-size:17px;--f7-timeline-item-title-line-height:inherit;--f7-timeline-item-title-font-weight:600;--f7-timeline-item-subtitle-font-size:15px;--f7-timeline-item-subtitle-line-height:inherit;--f7-timeline-item-text-font-size:inherit;--f7-timeline-item-text-color:inherit;--f7-timeline-item-text-line-height:inherit;--f7-timeline-year-font-size:16px;--f7-timeline-horizontal-item-padding:10px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.22);--f7-timeline-horizontal-item-date-border-color:rgba(0, 0, 0, 0.22);--f7-timeline-horizontal-item-date-shadow-image:none}.ios .theme-dark,.ios.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-timeline-padding-horizontal:16px;--f7-timeline-margin-vertical:32px;--f7-timeline-divider-margin-horizontal:16px;--f7-timeline-inner-block-margin-vertical:16px;--f7-timeline-item-inner-border-radius:4px;--f7-timeline-item-inner-box-shadow:var(--f7-elevation-1);--f7-timeline-item-time-font-size:13px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.54);--f7-timeline-item-title-font-size:16px;--f7-timeline-item-title-line-height:inherit;--f7-timeline-item-title-font-weight:400;--f7-timeline-item-subtitle-font-size:inherit;--f7-timeline-item-subtitle-line-height:inherit;--f7-timeline-item-text-font-size:inherit;--f7-timeline-item-text-line-height:inherit;--f7-timeline-item-text-color:inherit;--f7-timeline-year-font-size:16px;--f7-timeline-horizontal-item-padding:12px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.12);--f7-timeline-horizontal-item-date-border-color:transparent;--f7-timeline-horizontal-item-date-shadow-image:var(--f7-bars-shadow-bottom-image)}.md .theme-dark,.md.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-timeline-padding-horizontal:10px;--f7-timeline-margin-vertical:15px;--f7-timeline-divider-margin-horizontal:15px;--f7-timeline-inner-block-margin-vertical:15px;--f7-timeline-item-inner-border-radius:4px;--f7-timeline-item-inner-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);--f7-timeline-item-time-font-size:12px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.5);--f7-timeline-item-title-font-size:14px;--f7-timeline-item-title-line-height:1.3;--f7-timeline-item-title-font-weight:600;--f7-timeline-item-subtitle-font-size:14px;--f7-timeline-item-subtitle-line-height:1.3;--f7-timeline-item-text-color:rgba(0, 0, 0, 0.6);--f7-timeline-item-text-font-size:12px;--f7-timeline-item-text-line-height:1.33;--f7-timeline-year-font-size:14px;--f7-timeline-year-font-weight:500;--f7-timeline-horizontal-item-padding:10px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.2);--f7-timeline-horizontal-item-date-border-color:rgba(0, 0, 0, 0.2);--f7-timeline-horizontal-item-date-shadow-image:none}.aurora .theme-dark,.aurora.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.52);--f7-timeline-item-text-color:rgba(255, 255, 255, 0.52)}.timeline{box-sizing:border-box;margin:var(--f7-timeline-margin-vertical) 0;padding:0 var(--f7-timeline-padding-horizontal);padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-right))}.block-strong .timeline{padding:0;margin:0}.timeline-item{display:flex;justify-content:flex-start;overflow:hidden;box-sizing:border-box;position:relative;padding:2px 0px var(--f7-timeline-padding-horizontal)}.timeline-item:last-child{padding-bottom:2px}.timeline-item-date{flex-shrink:0;width:50px;text-align:right;box-sizing:border-box}.timeline-item-date small{font-size:10px}.timeline-item-content{margin:2px;min-width:0;position:relative;flex-shrink:10}.timeline-item-content .block,.timeline-item-content .card,.timeline-item-content .list,.timeline-item-content.block,.timeline-item-content.card,.timeline-item-content.list{margin:0;width:100%}.timeline-item-content .block+.block,.timeline-item-content .block+.card,.timeline-item-content .block+.list,.timeline-item-content .card+.block,.timeline-item-content .card+.card,.timeline-item-content .card+.list,.timeline-item-content .list+.block,.timeline-item-content .list+.card,.timeline-item-content .list+.list{margin:var(--f7-timeline-inner-block-margin-vertical) 0 0}.timeline-item-content h1:first-child,.timeline-item-content h2:first-child,.timeline-item-content h3:first-child,.timeline-item-content h4:first-child,.timeline-item-content ol:first-child,.timeline-item-content p:first-child,.timeline-item-content ul:first-child{margin-top:0}.timeline-item-content h1:last-child,.timeline-item-content h2:last-child,.timeline-item-content h3:last-child,.timeline-item-content h4:last-child,.timeline-item-content ol:last-child,.timeline-item-content p:last-child,.timeline-item-content ul:last-child{margin-bottom:0}.timeline-item-inner{background:var(--f7-timeline-item-inner-bg-color);box-sizing:border-box;border-radius:var(--f7-timeline-item-inner-border-radius);padding:8px var(--f7-timeline-padding-horizontal);box-shadow:var(--f7-timeline-item-inner-box-shadow)}.timeline-item-inner+.timeline-item-inner{margin-top:var(--f7-timeline-inner-block-margin-vertical)}.timeline-item-inner .block{padding:0;color:inherit}.timeline-item-inner .block-strong{padding-left:0;padding-right:0;margin:0}.timeline-item-inner .block-strong:before{display:none!important}.timeline-item-inner .block-strong:after{display:none!important}.timeline-item-inner .list ul:before{display:none!important}.timeline-item-inner .list ul:after{display:none!important}.timeline-item-divider{width:1px;position:relative;width:10px;height:10px;background:#bbb;border-radius:50%;flex-shrink:0;margin:3px var(--f7-timeline-divider-margin-horizontal) 0}.timeline-item-divider:after,.timeline-item-divider:before{content:' ';width:1px;height:100vh;position:absolute;left:50%;background:inherit;transform:translate3d(-50%,0,0)}.timeline-item-divider:after{top:100%}.timeline-item-divider:before{bottom:100%}.timeline-item:last-child .timeline-item-divider:after{display:none}.timeline-item:first-child .timeline-item-divider:before{display:none}.timeline-item-time{font-size:var(--f7-timeline-item-time-font-size);margin-top:var(--f7-timeline-inner-block-margin-vertical);color:var(--f7-timeline-item-time-text-color)}.timeline-item-time:first-child,.timeline-item-time:last-child{margin-top:0}.timeline-item-title+.timeline-item-time{margin-top:0}.timeline-item-title{font-size:var(--f7-timeline-item-title-font-size);font-weight:var(--f7-timeline-item-title-font-weight);line-height:var(--f7-timeline-item-title-line-height)}.timeline-item-subtitle{font-size:var(--f7-timeline-item-subtitle-font-size);font-weight:var(--f7-timeline-item-subtitle-font-weight);line-height:var(--f7-timeline-item-subtitle-line-height)}.timeline-item-text{color:var(--f7-timeline-item-text-color);font-size:var(--f7-timeline-item-text-font-size);font-weight:var(--f7-timeline-item-text-font-weight);line-height:var(--f7-timeline-item-text-line-height)}.timeline-sides .timeline-item,.timeline-sides .timeline-item-right{margin-right:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-left:0}.timeline-sides .timeline-item .timeline-item-date,.timeline-sides .timeline-item-right .timeline-item-date{text-align:left}.timeline-sides .timeline-item-left,.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n){flex-direction:row-reverse;margin-left:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-right:0}.timeline-sides .timeline-item-left .timeline-item-date,.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:right}@media (min-width:768px){.tablet-sides .timeline-item,.tablet-sides .timeline-item-right{margin-right:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-left:0}.tablet-sides .timeline-item .timeline-item-date,.tablet-sides .timeline-item-right .timeline-item-date{text-align:left}.tablet-sides .timeline-item-left,.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n){flex-direction:row-reverse;margin-left:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-right:0}.tablet-sides .timeline-item-left .timeline-item-date,.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:right}}.timeline-horizontal{height:100%;display:flex;padding:0;margin:0;position:relative;padding-left:var(--f7-safe-area-left);padding-right:0}.timeline-horizontal .timeline-item{display:block;width:33.33333333vw;margin:0;padding:0;flex-shrink:0;position:relative;height:100%;padding-top:var(--f7-timeline-horizontal-date-height)!important;padding-bottom:var(--f7-timeline-horizontal-item-padding)}.timeline-horizontal .timeline-item:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-horizontal .timeline-item-date{padding:0px var(--f7-timeline-horizontal-item-padding);width:auto;text-align:left;line-height:var(--f7-timeline-horizontal-date-height);position:absolute;left:0;top:0;width:100%;height:var(--f7-timeline-horizontal-date-height);background-color:var(--f7-bars-bg-color);color:var(--f7-bars-text-color);text-align:right}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .timeline-horizontal .timeline-item-date{background-color:rgba(var(--f7-bars-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.timeline-horizontal .timeline-item-date:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-date-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-horizontal .timeline-item-date:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-timeline-horizontal-item-date-shadow-image)}.timeline-horizontal.no-shadow .timeline-item-date:before{display:none}.timeline-horizontal .timeline-item-content{padding:var(--f7-timeline-horizontal-item-padding);height:calc(100% - var(--f7-timeline-horizontal-item-padding));overflow:auto;-webkit-overflow-scrolling:touch;margin:0}.timeline-horizontal .timeline-item-divider{display:none}.timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after,.timeline-horizontal>.timeline-item:last-child:after{display:none!important}.timeline-horizontal.col-5 .timeline-item{width:5vw}.timeline-horizontal.col-10 .timeline-item{width:10vw}.timeline-horizontal.col-15 .timeline-item{width:15vw}.timeline-horizontal.col-20 .timeline-item{width:20vw}.timeline-horizontal.col-25 .timeline-item{width:25vw}.timeline-horizontal.col-30 .timeline-item{width:30vw}.timeline-horizontal.col-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.col-35 .timeline-item{width:35vw}.timeline-horizontal.col-40 .timeline-item{width:40vw}.timeline-horizontal.col-45 .timeline-item{width:45vw}.timeline-horizontal.col-50 .timeline-item{width:50vw}.timeline-horizontal.col-55 .timeline-item{width:55vw}.timeline-horizontal.col-60 .timeline-item{width:60vw}.timeline-horizontal.col-65 .timeline-item{width:65vw}.timeline-horizontal.col-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.col-70 .timeline-item{width:70vw}.timeline-horizontal.col-75 .timeline-item{width:75vw}.timeline-horizontal.col-80 .timeline-item{width:80vw}.timeline-horizontal.col-85 .timeline-item{width:85vw}.timeline-horizontal.col-90 .timeline-item{width:90vw}.timeline-horizontal.col-95 .timeline-item{width:95vw}.timeline-horizontal.col-100 .timeline-item{width:100vw}@media (min-width:768px){.timeline-horizontal.tablet-5 .timeline-item{width:5vw}.timeline-horizontal.tablet-10 .timeline-item{width:10vw}.timeline-horizontal.tablet-15 .timeline-item{width:15vw}.timeline-horizontal.tablet-20 .timeline-item{width:20vw}.timeline-horizontal.tablet-25 .timeline-item{width:25vw}.timeline-horizontal.tablet-30 .timeline-item{width:30vw}.timeline-horizontal.tablet-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.tablet-35 .timeline-item{width:35vw}.timeline-horizontal.tablet-40 .timeline-item{width:40vw}.timeline-horizontal.tablet-45 .timeline-item{width:45vw}.timeline-horizontal.tablet-50 .timeline-item{width:50vw}.timeline-horizontal.tablet-55 .timeline-item{width:55vw}.timeline-horizontal.tablet-60 .timeline-item{width:60vw}.timeline-horizontal.tablet-65 .timeline-item{width:65vw}.timeline-horizontal.tablet-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.tablet-70 .timeline-item{width:70vw}.timeline-horizontal.tablet-75 .timeline-item{width:75vw}.timeline-horizontal.tablet-80 .timeline-item{width:80vw}.timeline-horizontal.tablet-85 .timeline-item{width:85vw}.timeline-horizontal.tablet-90 .timeline-item{width:90vw}.timeline-horizontal.tablet-95 .timeline-item{width:95vw}.timeline-horizontal.tablet-100 .timeline-item{width:100vw}}.timeline-year{padding-top:var(--f7-timeline-year-height)}.timeline-year:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-year:last-child:after{display:none!important}.timeline-month{padding-top:var(--f7-timeline-month-height)}.timeline-month .timeline-item:before{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-month,.timeline-year{display:flex;flex-shrink:0;position:relative;box-sizing:border-box;height:100%}.timeline-year-title{line-height:var(--f7-timeline-year-height);height:var(--f7-timeline-year-height);font-size:var(--f7-timeline-year-font-size);font-weight:var(--f7-timeline-year-font-weight)}.timeline-month-title{line-height:var(--f7-timeline-month-height);height:var(--f7-timeline-month-height);font-size:var(--f7-timeline-month-font-size);font-weight:var(--f7-timeline-month-font-weight)}.timeline-month-title,.timeline-year-title{position:absolute;left:0;top:0;width:100%;box-sizing:border-box;padding:0 var(--f7-timeline-horizontal-item-padding);background-color:var(--f7-bars-bg-color);color:var(--f7-bars-text-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .timeline-month-title,.ios-translucent .timeline-year-title{background-color:rgba(var(--f7-bars-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.timeline-month-title span,.timeline-year-title span{display:inline-block;position:-webkit-sticky;position:sticky;right:calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-right))}.timeline-month-title span{margin-top:-2px}.timeline-year:first-child .timeline-month:first-child .timeline-month-title,.timeline-year:first-child .timeline-year-title,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title{left:calc(var(--f7-safe-area-left) * -1);right:0;width:auto}.timeline-horizontal .timeline-item:first-child,.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item{overflow:visible}.timeline-horizontal .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date{width:auto;padding-left:calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left));left:calc(0px - var(--f7-safe-area-left));right:0}.timeline-year:last-child .timeline-month:last-child .timeline-month-title,.timeline-year:last-child .timeline-year-title{width:auto;right:calc(0px - var(--f7-safe-area-right))}.timeline-horizontal .timeline-item:last-child,.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child{overflow:visible}.timeline-horizontal .timeline-item:last-child .timeline-item-date,.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date{width:auto;right:calc(0px - var(--f7-safe-area-right));left:0}.ios .block-strong .timeline-item-inner{border-radius:3px;border:1px solid rgba(0,0,0,.1)}.ios .timeline-year-title span{margin-top:3px}.md .timeline-year-title span{margin-top:2px}.aurora .timeline-year-title span{margin-top:2px}.tabs .tab{display:none}.tabs .tab-active{display:block}.tabs-animated-wrap{position:relative;width:100%;overflow:hidden;height:100%}.tabs-animated-wrap>.tabs{display:flex;height:100%;transition-duration:.3s}.tabs-animated-wrap>.tabs>.tab{width:100%;display:block;flex-shrink:0}.tabs-animated-wrap.not-animated>.tabs{transition-duration:0s}.tabs-swipeable-wrap{height:100%}.tabs-swipeable-wrap>.tabs{height:100%}.tabs-swipeable-wrap>.tabs>.tab{display:block}.page>.tabs{height:100%}:root{--f7-panel-width:260px;--f7-panel-bg-color:#fff}.ios{--f7-panel-collapsed-width:58px;--f7-panel-backdrop-bg-color:rgba(0, 0, 0, 0);--f7-panel-transition-duration:400ms;--f7-panel-shadow:transparent}.md{--f7-panel-collapsed-width:60px;--f7-panel-backdrop-bg-color:rgba(0, 0, 0, 0.3);--f7-panel-transition-duration:300ms;--f7-panel-shadow:rgba(0, 0, 0, 0.2) 0%,rgba(0, 0, 0, 0.07) 30%,rgba(0, 0, 0, 0.03) 40%,rgba(0, 0, 0, 0) 60%,rgba(0, 0, 0, 0) 100%}.aurora{--f7-panel-collapsed-width:44px;--f7-panel-backdrop-bg-color:rgba(0, 0, 0, 0.2);--f7-panel-transition-duration:400ms;--f7-panel-shadow:transparent}.panel-backdrop{position:absolute;left:0;top:var(--f7-appbar-app-offset,0px);width:100%;height:calc(100% - var(--f7-appbar-app-offset,0px));opacity:0;z-index:5999;visibility:hidden;pointer-events:none;transform:translate3d(0,0,0);background-color:var(--f7-panel-backdrop-bg-color);transition-property:transform,opacity;transition-duration:var(--f7-panel-transition-duration)}.panel-backdrop .with-panel,.panel-backdrop .with-panel-closing{visibility:visible}.panel-backdrop.not-animated{transition-duration:0s!important}.panel{z-index:1000;box-sizing:border-box;position:absolute;top:var(--f7-appbar-app-offset,0px);height:calc(100% - var(--f7-appbar-app-offset,0px));transform:translate3d(0,0,0);width:var(--f7-panel-width);background-color:var(--f7-panel-bg-color);overflow:visible;transition-property:transform;transition-duration:var(--f7-panel-transition-duration)}.panel:not(.panel-in):not(.panel-out):not(.panel-in-breakpoint):not(.panel-in-collapsed):not(.panel-in-swipe){display:none}.panel:after{pointer-events:none;opacity:0;z-index:5999;position:absolute;content:'';top:0;width:20px;height:100%;transition-property:transform,opacity;transition-duration:var(--f7-panel-transition-duration)}.panel.not-animated,.panel.not-animated:after{transition-duration:0s!important}.panel.panel-reveal.not-animated~.view,.panel.panel-reveal.not-animated~.views{transition-duration:0s!important}.panel.panel-resizing{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.panel.panel-resizing,.panel.panel-resizing:after,.panel.panel-resizing~.view,.panel.panel-resizing~.views{transition-duration:0s!important}.panel-cover{z-index:6000}.panel-left{left:0;width:var(--f7-panel-left-width,var(--f7-panel-width))}.panel-left.panel-cover{transform:translate3d(-100%,0,0)}.panel-left.panel-cover:after{left:100%;background:linear-gradient(to right,var(--f7-panel-shadow))}html.with-panel-left-cover .panel-left.panel-cover:after{opacity:1}.panel-left.panel-reveal:after{right:0;transform:translate3d(calc(-1 * var(--f7-panel-left-width,var(--f7-panel-width))),0,0);background:linear-gradient(to left,var(--f7-panel-shadow))}html.with-panel-left-reveal .panel-left.panel-reveal:after{opacity:1;transform:translate3d(0,0,0)}.panel-right{right:0;width:var(--f7-panel-right-width,var(--f7-panel-width))}.panel-right.panel-cover{transform:translate3d(100%,0,0)}.panel-right.panel-cover:after{right:100%;background:linear-gradient(to left,var(--f7-panel-shadow))}html.with-panel-right-cover .panel-right.panel-cover:after{opacity:1}.panel-right.panel-reveal:after{left:0;background:linear-gradient(to right,var(--f7-panel-shadow));transform:translate3d(var(--f7-panel-right-width,var(--f7-panel-width)),0,0)}html.with-panel-right-reveal .panel-right.panel-reveal:after{opacity:1;transform:translate3d(0,0,0)}.panel-in-breakpoint{transform:translate3d(0,0,0)!important;transition-duration:0s}.panel-in-breakpoint:after{display:none}.panel-in-breakpoint.panel-cover{z-index:5900}html.with-panel-closing .framework7-root>.view,html.with-panel-closing .views,html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .views,html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .views{transition-duration:var(--f7-panel-transition-duration);transition-property:transform}html.with-panel-closing .panel-backdrop,html.with-panel-left-reveal .panel-backdrop,html.with-panel-right-reveal .panel-backdrop{visibility:visible;pointer-events:auto;opacity:0}html.with-panel .framework7-root>.view .page-content,html.with-panel .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html.with-panel-left-cover .panel-backdrop,html.with-panel-right-cover .panel-backdrop{visibility:visible;pointer-events:auto;opacity:1}html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .panel-backdrop,html.with-panel-left-reveal .views{transform:translate3d(var(--f7-panel-left-width,var(--f7-panel-width)),0,0)}html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .panel-backdrop,html.with-panel-right-reveal .views{transform:translate3d(calc(-1 * var(--f7-panel-right-width,var(--f7-panel-width))),0,0)}html.with-panel-left-cover .panel-left{transform:translate3d(0px,0,0)}html.with-panel-right-cover .panel-right{transform:translate3d(0px,0,0)}.panel-resize-handler{position:absolute;top:0;height:100%;width:6px;cursor:col-resize;z-index:6000;display:none}.panel-resizable .panel-resize-handler{display:block}.panel-left.panel-cover .panel-resize-handler{right:-3px}.panel-left.panel-reveal .panel-resize-handler{right:0}.panel-right.panel-cover .panel-resize-handler{left:-3px}.panel-right.panel-reveal .panel-resize-handler{left:0}.panel-left.panel-in-collapsed~.view,.panel-left.panel-in-collapsed~.views{margin-left:var(--f7-panel-left-collapsed-width,var(--f7-panel-collapsed-width))}html.with-panel-left-reveal .panel-left.panel-in-collapsed~.view,html.with-panel-left-reveal .panel-left.panel-in-collapsed~.views{transform:translate3d(calc(var(--f7-panel-left-width,var(--f7-panel-width)) - var(--f7-panel-left-collapsed-width,var(--f7-panel-collapsed-width))),0,0)}.panel-right.panel-in-collapsed~.view,.panel-right.panel-in-collapsed~.views{margin-right:var(--f7-panel-right-collapsed-width,var(--f7-panel-collapsed-width))}html.with-panel-right-reveal .panel-right.panel-in-collapsed~.view,html.with-panel-right-reveal .panel-right.panel-in-collapsed~.views{transform:translate3d(calc(var(--f7-panel-right-collapsed-width,var(--f7-panel-collapsed-width)) - var(--f7-panel-right-width,var(--f7-panel-width))),0,0)}:root{--f7-card-bg-color:#fff;--f7-card-outline-border-color:rgba(0, 0, 0, 0.12);--f7-card-border-radius:4px;--f7-card-font-size:inherit;--f7-card-header-text-color:inherit;--f7-card-header-font-weight:400;--f7-card-header-border-color:rgba(0, 0, 0, 0.1);--f7-card-footer-border-color:rgba(0, 0, 0, 0.1);--f7-card-footer-font-weight:400;--f7-card-footer-font-size:inherit;--f7-card-expandable-bg-color:#fff;--f7-card-expandable-font-size:16px;--f7-card-expandable-tablet-width:670px;--f7-card-expandable-tablet-height:670px}:root .theme-dark,:root.theme-dark{--f7-card-bg-color:#1c1c1d;--f7-card-expandable-bg-color:#1c1c1d;--f7-card-outline-border-color:rgba(255, 255, 255, 0.15);--f7-card-header-border-color:rgba(255, 255, 255, 0.15);--f7-card-footer-border-color:rgba(255, 255, 255, 0.15);--f7-card-footer-text-color:rgba(255, 255, 255, 0.55)}.ios{--f7-card-margin-horizontal:10px;--f7-card-margin-vertical:10px;--f7-card-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);--f7-card-content-padding-horizontal:15px;--f7-card-content-padding-vertical:15px;--f7-card-header-font-size:17px;--f7-card-header-padding-vertical:10px;--f7-card-header-padding-horizontal:15px;--f7-card-header-min-height:44px;--f7-card-footer-text-color:rgba(0, 0, 0, 0.45);--f7-card-footer-padding-vertical:10px;--f7-card-footer-padding-horizontal:15px;--f7-card-footer-min-height:44px;--f7-card-expandable-margin-horizontal:20px;--f7-card-expandable-margin-vertical:30px;--f7-card-expandable-box-shadow:0px 20px 40px rgba(0, 0, 0, 0.3);--f7-card-expandable-border-radius:15px;--f7-card-expandable-tablet-border-radius:5px;--f7-card-expandable-header-font-size:27px;--f7-card-expandable-header-font-weight:bold}.md{--f7-card-margin-horizontal:8px;--f7-card-margin-vertical:8px;--f7-card-box-shadow:var(--f7-elevation-1);--f7-card-content-padding-horizontal:16px;--f7-card-content-padding-vertical:16px;--f7-card-header-font-size:16px;--f7-card-header-padding-vertical:4px;--f7-card-header-padding-horizontal:16px;--f7-card-header-min-height:48px;--f7-card-footer-text-color:#757575;--f7-card-footer-padding-vertical:4px;--f7-card-footer-padding-horizontal:16px;--f7-card-footer-min-height:48px;--f7-card-expandable-margin-horizontal:12px;--f7-card-expandable-margin-vertical:24px;--f7-card-expandable-box-shadow:var(--f7-elevation-10);--f7-card-expandable-border-radius:8px;--f7-card-expandable-tablet-border-radius:4px;--f7-card-expandable-header-font-size:24px;--f7-card-expandable-header-font-weight:500}.aurora{--f7-card-margin-horizontal:10px;--f7-card-margin-vertical:10px;--f7-card-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);--f7-card-content-padding-horizontal:15px;--f7-card-content-padding-vertical:15px;--f7-card-header-font-size:14px;--f7-card-header-font-weight:bold;--f7-card-header-padding-vertical:10px;--f7-card-header-padding-horizontal:15px;--f7-card-header-min-height:38px;--f7-card-footer-text-color:rgba(0, 0, 0, 0.6);--f7-card-footer-padding-vertical:10px;--f7-card-footer-padding-horizontal:15px;--f7-card-footer-min-height:38px;--f7-card-expandable-margin-horizontal:10px;--f7-card-expandable-margin-vertical:20px;--f7-card-expandable-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.15);--f7-card-expandable-border-radius:15px;--f7-card-expandable-tablet-border-radius:5px;--f7-card-expandable-header-font-size:27px;--f7-card-expandable-header-font-weight:bold}.card .list>ul:before,.cards-list>ul:before{display:none!important}.card .list>ul:after,.cards-list>ul:after{display:none!important}.card .list ul,.cards-list ul{background:0 0}.card{background:var(--f7-card-bg-color);position:relative;border-radius:var(--f7-card-border-radius);font-size:var(--f7-card-font-size);margin-top:var(--f7-card-margin-vertical);margin-bottom:var(--f7-card-margin-vertical);margin-left:calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right));box-shadow:var(--f7-card-box-shadow)}.card .block,.card .list{margin:0}.row:not(.no-gap) .col>.card{margin-left:0;margin-right:0}.card.no-shadow{box-shadow:none}.aurora .card-outline-aurora,.card-outline,.ios .card-outline-ios,.md .card-outline-md{box-shadow:none;border:1px solid var(--f7-card-outline-border-color)}.aurora .card-outline-aurora.no-border,.aurora .card-outline-aurora.no-hairlines,.card-outline.no-border,.card-outline.no-hairlines,.ios .card-outline-ios.no-border,.ios .card-outline-ios.no-hairlines,.md .card-outline-md.no-border,.md .card-outline-md.no-hairlines{border:none}.card-content{position:relative}.card-content-padding{position:relative;padding:var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal)}.card-content-padding>.block,.card-content-padding>.list{margin:calc(-1 * var(--f7-card-content-padding-vertical)) calc(-1 * var(--f7-card-content-padding-horizontal))}.card-content-padding>p:first-child{margin-top:0}.card-content-padding>p:last-child{margin-bottom:0}.card-header{min-height:var(--f7-card-header-min-height);color:var(--f7-card-header-text-color);font-size:var(--f7-card-header-font-size);font-weight:var(--f7-card-header-font-weight);padding:var(--f7-card-header-padding-vertical) var(--f7-card-header-padding-horizontal)}.card-footer{min-height:var(--f7-card-footer-min-height);color:var(--f7-card-footer-text-color);font-size:var(--f7-card-footer-font-size);font-weight:var(--f7-card-footer-font-weight);padding:var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal)}.card-footer a.link{overflow:hidden}.card-footer,.card-header{position:relative;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.card-footer[valign=top],.card-header[valign=top]{align-items:flex-start}.card-footer[valign=bottom],.card-header[valign=bottom]{align-items:flex-end}.card-footer a.link,.card-header a.link{position:relative}.card-footer a.link i.icon,.card-header a.link i.icon{display:block}.card-footer a.icon-only,.card-header a.icon-only{display:flex;justify-content:center;align-items:center;margin:0}.card-header{border-radius:var(--f7-card-border-radius) var(--f7-card-border-radius) 0 0}.card-header:after{content:'';position:absolute;background-color:var(--f7-card-header-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.card-header.no-hairline:after{display:none!important}.card-footer{border-radius:0 0 var(--f7-card-border-radius) var(--f7-card-border-radius)}.card-footer:before{content:'';position:absolute;background-color:var(--f7-card-footer-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.card-footer.no-hairline:before{display:none!important}.card-expandable{overflow:hidden;height:300px;background:var(--f7-card-expandable-bg-color);position:relative;transform-origin:center center;transition-property:transform,border-radius;border-radius:var(--f7-card-expandable-border-radius);z-index:2;transition-duration:.2s;margin-left:calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-right));margin-top:var(--f7-card-expandable-margin-vertical);margin-bottom:var(--f7-card-expandable-margin-vertical);box-shadow:var(--f7-card-expandable-box-shadow);font-size:var(--f7-card-expandable-font-size)}.card-expandable.card-no-transition{transition-duration:0s}.card-expandable.card-expandable-animate-width .card-content{transition-property:width,transform;width:100%}.card-expandable.active-state{transform:scale(.97)}.card-expandable .card-opened-fade-in,.card-expandable .card-opened-fade-out{transition-duration:.4s}.card-expandable .card-opened-fade-in{opacity:0;pointer-events:none}.card-expandable .card-content{position:absolute;top:0;width:100vw;height:100vh;transform-origin:center top;overflow:hidden;transition-property:transform;box-sizing:border-box;pointer-events:none;right:0}.card-expandable .card-content .card-content-padding{padding-left:calc(var(--f7-safe-area-left) + var(--f7-card-content-padding-horizontal));padding-right:calc(var(--f7-safe-area-right) + var(--f7-card-content-padding-horizontal))}.card-expandable.card-opened{transition-duration:0s}.card-expandable.card-closing,.card-expandable.card-opening,.card-expandable.card-transitioning{transition-duration:.4s}.card-expandable.card-opening .card-content{transition-duration:.3s}.card-expandable.card-closing .card-content{transition-duration:.5s}.card-expandable.card-closing,.card-expandable.card-opened,.card-expandable.card-opening{z-index:100}.card-expandable.card-opened,.card-expandable.card-opening{border-radius:0}.card-expandable.card-opened .card-opened-fade-in,.card-expandable.card-opening .card-opened-fade-in{opacity:1;pointer-events:auto}.card-expandable.card-opened .card-opened-fade-out,.card-expandable.card-opening .card-opened-fade-out{opacity:0;pointer-events:none}.card-expandable.card-opened .card-content{overflow:auto;-webkit-overflow-scrolling:touch;pointer-events:auto}.card-expandable .card-header{font-size:var(--f7-card-expandable-header-font-size);font-weight:var(--f7-card-expandable-header-font-weight)}.card-expandable .card-header:after{display:none!important}.card-prevent-open{pointer-events:auto}.card-expandable-size{width:0;height:0;position:absolute;left:0;top:0;opacity:0;pointer-events:none;visibility:hidden}@media (min-width:768px) and (min-height:670px){.card-expandable:not(.card-tablet-fullscreen){max-width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen).card-opened,.card-expandable:not(.card-tablet-fullscreen).card-opening{border-radius:var(--f7-card-expandable-tablet-border-radius)}.card-expandable:not(.card-tablet-fullscreen):not(.card-expandable-animate-width) .card-content{width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen) .card-expandable-size{width:var(--f7-card-expandable-tablet-width);height:var(--f7-card-expandable-tablet-height)}}.page.page-with-card-opened .page-content{overflow:hidden}.card-backdrop{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;pointer-events:none;background:rgba(0,0,0,.2);opacity:0}.card-backdrop-in{animation:card-backdrop-fade-in .4s forwards;pointer-events:auto}.card-backdrop-out{animation:card-backdrop-fade-out .4s forwards}@supports ((-webkit-backdrop-filter:blur(15px)) or (backdrop-filter:blur(15px))){.card-backdrop{background:0 0;opacity:1}.card-backdrop-in{animation:card-backdrop-blur-in .4s forwards}.card-backdrop-out{animation:card-backdrop-blur-out .4s forwards}}@keyframes card-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes card-backdrop-fade-out{from{opacity:1}to{opacity:0}}@keyframes card-backdrop-blur-in{from{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}}@keyframes card-backdrop-blur-out{from{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}to{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}:root{--f7-chip-bg-color:rgba(0, 0, 0, 0.12);--f7-chip-font-size:13px;--f7-chip-font-weight:normal;--f7-chip-outline-border-color:rgba(0, 0, 0, 0.12);--f7-chip-media-font-size:16px;--f7-chip-delete-button-color:#000}:root .theme-dark,:root.theme-dark{--f7-chip-delete-button-color:#fff;--f7-chip-bg-color:#333;--f7-chip-outline-border-color:rgba(255, 255, 255, 0.12)}.ios{--f7-chip-text-color:#000;--f7-chip-height:24px;--f7-chip-padding-horizontal:10px}.ios .theme-dark,.ios.theme-dark{--f7-chip-text-color:#fff}.md{--f7-chip-text-color:rgba(0, 0, 0, 0.87);--f7-chip-height:32px;--f7-chip-padding-horizontal:12px}.md .theme-dark,.md.theme-dark{--f7-chip-text-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-chip-text-color:#000;--f7-chip-height:20px;--f7-chip-padding-horizontal:10px;--f7-chip-font-size:12px;--f7-chip-media-font-size:14px}.aurora .theme-dark,.aurora.theme-dark{--f7-chip-text-color:#fff}.chip{padding-left:var(--f7-chip-padding-horizontal);padding-right:var(--f7-chip-padding-horizontal);font-weight:var(--f7-chip-font-weight);display:inline-flex;box-sizing:border-box;vertical-align:middle;align-items:center;margin:2px 0;background-color:var(--f7-chip-bg-color);font-size:var(--f7-chip-font-size);color:var(--f7-chip-text-color);height:var(--f7-chip-height);line-height:var(--f7-chip-height);border-radius:var(--f7-chip-height);position:relative}.chip-media{border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;height:var(--f7-chip-height);width:var(--f7-chip-height);border-radius:var(--f7-chip-height);text-align:center;line-height:var(--f7-chip-height);box-sizing:border-box;color:#fff;font-size:var(--f7-chip-media-font-size);vertical-align:middle;margin-right:calc(-1 * var(--f7-chip-padding-horizontal))}.chip-media i.icon{font-size:calc(var(--f7-chip-height) - 8px);height:calc(var(--f7-chip-height) - 8px)}.chip-media img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:50%;display:block}.chip-media+.chip-label{margin-right:4px}.chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;flex-shrink:1;min-width:0}.chip-delete{text-align:center;cursor:pointer;flex-shrink:0;background-repeat:no-repeat;width:24px;height:24px;color:var(--f7-chip-delete-button-color);opacity:.54;position:relative}.chip-delete:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;content:'delete_round_ios';line-height:24px}.chip .chip-delete.active-state{opacity:1}.aurora .chip-outline-aurora,.chip-outline,.ios .chip-outline-ios,.md .chip-outline-md{border:1px solid var(--f7-chip-outline-border-color);background:0 0}.chip[class*=color-]{--f7-chip-bg-color:var(--f7-theme-color);--f7-chip-text-color:#fff}.aurora .chip-outline-aurora[class*=color-],.chip-outline[class*=color-],.ios .chip-outline-ios[class*=color-],.md .chip-outline-md[class*=color-]{--f7-chip-outline-border-color:var(--f7-theme-color);--f7-chip-text-color:var(--f7-theme-color)}.ios .chip-delete{margin-left:calc(-1 * var(--f7-chip-padding-horizontal))}.ios .chip-delete:after{font-size:10px}.md .chip-label+.chip-delete{margin-right:4px}.md .chip-delete{margin-left:calc(-1 * var(--f7-chip-padding-horizontal) + 4px)}.md .chip-delete:after{font-size:12px}.aurora .chip-delete{margin-left:calc(-1 * var(--f7-chip-padding-horizontal))}.aurora .chip-delete:after{font-size:10px}:root{--f7-input-bg-color:transparent;--f7-label-font-weight:400;--f7-label-line-height:1.2;--f7-input-padding-left:0px;--f7-input-padding-right:0px;--f7-input-error-text-color:#ff3b30;--f7-input-error-font-size:12px;--f7-input-error-line-height:1.4;--f7-input-error-font-weight:400;--f7-input-info-font-size:12px;--f7-input-info-line-height:1.4;--f7-input-outline-height:40px;--f7-input-outline-border-color:#999;--f7-input-outline-border-radius:4px;--f7-input-outline-padding-horizontal:12px;--f7-textarea-height:100px}:root .theme-dark,:root.theme-dark{--f7-input-outline-border-color:#444}.ios{--f7-input-height:44px;--f7-input-text-color:#000000;--f7-input-font-size:17px;--f7-input-placeholder-color:#a9a9a9;--f7-textarea-padding-vertical:11px;--f7-label-font-size:12px;--f7-label-text-color:inherit;--f7-floating-label-scale:calc(17 / 12);--f7-inline-label-font-size:17px;--f7-inline-label-line-height:1.4;--f7-inline-label-padding-top:3px;--f7-input-info-text-color:rgba(0, 0, 0, 0.45);--f7-input-clear-button-size:14px;--f7-input-clear-button-color:rgba(0, 0, 0, 0.45)}.ios .theme-dark,.ios.theme-dark{--f7-input-text-color:#fff;--f7-input-info-text-color:rgba(255, 255, 255, 0.55);--f7-input-clear-button-color:rgba(255, 255, 255, 0.5)}.md{--f7-input-height:36px;--f7-input-text-color:#212121;--f7-input-font-size:16px;--f7-input-placeholder-color:rgba(0, 0, 0, 0.35);--f7-textarea-padding-vertical:7px;--f7-label-font-size:12px;--f7-label-text-color:rgba(0, 0, 0, 0.65);--f7-floating-label-scale:calc(16 / 12);--f7-inline-label-font-size:16px;--f7-inline-label-line-height:1.5;--f7-inline-label-padding-top:7px;--f7-input-info-text-color:rgba(0, 0, 0, 0.45);--f7-input-clear-button-size:18px;--f7-input-clear-button-color:#aaa}.md .theme-dark,.md.theme-dark{--f7-input-text-color:rgba(255, 255, 255, 0.87);--f7-input-placeholder-color:rgba(255, 255, 255, 0.35);--f7-label-text-color:rgba(255, 255, 255, 0.54);--f7-input-info-text-color:rgba(255, 255, 255, 0.35)}.aurora{--f7-input-height:24px;--f7-input-text-color:#000000;--f7-input-font-size:13px;--f7-input-placeholder-color:rgba(0, 0, 0, 0.32);--f7-textarea-padding-vertical:2px;--f7-label-font-size:11px;--f7-label-text-color:inherit;--f7-floating-label-scale:calc(13 / 11);--f7-inline-label-font-size:14px;--f7-inline-label-line-height:1.4;--f7-inline-label-padding-top:1px;--f7-input-info-text-color:rgba(0, 0, 0, 0.5);--f7-input-clear-button-size:14px;--f7-input-clear-button-color:#666;--f7-input-outline-height:32px;--f7-input-outline-padding-horizontal:8px}.aurora .theme-dark,.aurora.theme-dark{--f7-input-text-color:#fff;--f7-input-clear-button-color:#aaa;--f7-input-placeholder-color:rgba(255, 255, 255, 0.35)}input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:none;border-radius:0;outline:0;display:block;padding:0;margin:0;font-family:inherit;background:0 0;resize:none;font-size:inherit;color:inherit}.textarea-resizable-shadow{opacity:0;position:absolute;z-index:-1000;pointer-events:none;left:-1000px;top:-1000px;visibility:hidden}.list input[type=date],.list input[type=datetime-local],.list input[type=email],.list input[type=number],.list input[type=password],.list input[type=search],.list input[type=tel],.list input[type=text],.list input[type=time],.list input[type=url],.list select{width:100%;height:var(--f7-input-height);color:var(--f7-input-text-color);font-size:var(--f7-input-font-size);background-color:var(--f7-input-bg-color,transparent);padding-left:var(--f7-input-padding-left);padding-right:var(--f7-input-padding-right)}.list input[type=date]::-webkit-input-placeholder,.list input[type=datetime-local]::-webkit-input-placeholder,.list input[type=email]::-webkit-input-placeholder,.list input[type=number]::-webkit-input-placeholder,.list input[type=password]::-webkit-input-placeholder,.list input[type=search]::-webkit-input-placeholder,.list input[type=tel]::-webkit-input-placeholder,.list input[type=text]::-webkit-input-placeholder,.list input[type=time]::-webkit-input-placeholder,.list input[type=url]::-webkit-input-placeholder,.list select::-webkit-input-placeholder{color:var(--f7-input-placeholder-color)}.list input[type=date]::-moz-placeholder,.list input[type=datetime-local]::-moz-placeholder,.list input[type=email]::-moz-placeholder,.list input[type=number]::-moz-placeholder,.list input[type=password]::-moz-placeholder,.list input[type=search]::-moz-placeholder,.list input[type=tel]::-moz-placeholder,.list input[type=text]::-moz-placeholder,.list input[type=time]::-moz-placeholder,.list input[type=url]::-moz-placeholder,.list select::-moz-placeholder{color:var(--f7-input-placeholder-color)}.list input[type=date]::-ms-input-placeholder,.list input[type=datetime-local]::-ms-input-placeholder,.list input[type=email]::-ms-input-placeholder,.list input[type=number]::-ms-input-placeholder,.list input[type=password]::-ms-input-placeholder,.list input[type=search]::-ms-input-placeholder,.list input[type=tel]::-ms-input-placeholder,.list input[type=text]::-ms-input-placeholder,.list input[type=time]::-ms-input-placeholder,.list input[type=url]::-ms-input-placeholder,.list select::-ms-input-placeholder{color:var(--f7-input-placeholder-color)}.list input[type=date]::placeholder,.list input[type=datetime-local]::placeholder,.list input[type=email]::placeholder,.list input[type=number]::placeholder,.list input[type=password]::placeholder,.list input[type=search]::placeholder,.list input[type=tel]::placeholder,.list input[type=text]::placeholder,.list input[type=time]::placeholder,.list input[type=url]::placeholder,.list select::placeholder{color:var(--f7-input-placeholder-color)}.list textarea{width:100%;color:var(--f7-input-text-color);font-size:var(--f7-input-font-size);resize:none;line-height:1.4;height:var(--f7-textarea-height);background-color:var(--f7-input-bg-color,transparent);padding-top:var(--f7-textarea-padding-vertical);padding-bottom:var(--f7-textarea-padding-vertical);padding-left:var(--f7-input-padding-left);padding-right:var(--f7-input-padding-right)}.list textarea::-webkit-input-placeholder{color:var(--f7-input-placeholder-color)}.list textarea::-moz-placeholder{color:var(--f7-input-placeholder-color)}.list textarea::-ms-input-placeholder{color:var(--f7-input-placeholder-color)}.list textarea::placeholder{color:var(--f7-input-placeholder-color)}.list textarea.resizable{height:var(--f7-input-height)}.list input[type=datetime-local]{max-width:50vw}.list input[type=date],.list input[type=datetime-local],.list input[type=time]{line-height:var(--f7-input-height)}.list input[type=date],.list input[type=datetime-local]{text-align:right;flex-direction:row-reverse;width:auto}.list .item-floating-label,.list .item-label{width:100%;vertical-align:top;flex-shrink:0;font-size:var(--f7-label-font-size);font-weight:var(--f7-label-font-weight);line-height:var(--f7-label-line-height);color:var(--f7-label-text-color);transition-duration:.2s;transition-property:transform,color}.list .item-floating-label{--label-height:calc(var(--f7-label-font-size) * var(--f7-label-line-height));transform:scale(var(--f7-floating-label-scale)) translateY(calc((var(--f7-input-height)/ 2 + 50%)/ var(--f7-floating-label-scale)));color:var(--f7-input-placeholder-color);width:auto;max-width:calc(100% / var(--f7-floating-label-scale));pointer-events:none;right:var(--f7-input-padding-right);transform-origin:right center}.list .item-floating-label~.item-input-wrap input::-webkit-input-placeholder,.list .item-floating-label~.item-input-wrap textarea::-webkit-input-placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input::-moz-placeholder,.list .item-floating-label~.item-input-wrap textarea::-moz-placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input::-ms-input-placeholder,.list .item-floating-label~.item-input-wrap textarea::-ms-input-placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input::placeholder,.list .item-floating-label~.item-input-wrap textarea::placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input.input-focused::-webkit-input-placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::-webkit-input-placeholder{opacity:1;transition-duration:.3s}.list .item-floating-label~.item-input-wrap input.input-focused::-moz-placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::-moz-placeholder{opacity:1;transition-duration:.3s}.list .item-floating-label~.item-input-wrap input.input-focused::-ms-input-placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::-ms-input-placeholder{opacity:1;transition-duration:.3s}.list .item-floating-label~.item-input-wrap input.input-focused::placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::placeholder{opacity:1;transition-duration:.3s}.list .item-input-with-value .item-floating-label{color:var(--f7-label-text-color)}.list .item-input-focused .item-floating-label,.list .item-input-with-value .item-floating-label{transform:scale(1) translateY(0)}.list .item-input-wrap{width:100%;flex-shrink:1;position:relative}.item-input .item-inner{display:flex;flex-direction:column;align-items:flex-start}.input-error-message,.item-input-error-message{font-size:var(--f7-input-error-font-size);line-height:var(--f7-input-error-line-height);color:var(--f7-input-error-text-color);font-weight:var(--f7-input-error-font-weight);display:none;box-sizing:border-box}.input-info,.item-input-info{font-size:var(--f7-input-info-font-size);line-height:var(--f7-input-info-line-height);color:var(--f7-input-info-text-color)}.input-invalid .input-error-message,.input-invalid .item-input-error-message,.item-input-invalid .input-error-message,.item-input-invalid .item-input-error-message{display:block}.input-invalid .input-info,.input-invalid .item-input-info,.item-input-invalid .input-info,.item-input-invalid .item-input-info{display:none}.inline-label .item-inner,.inline-labels .item-inner{display:flex;align-items:center;flex-direction:row}.inline-label .item-floating-label,.inline-label .item-label,.inline-labels .item-floating-label,.inline-labels .item-label{padding-top:var(--f7-inline-label-padding-top);align-self:flex-start;width:35%;font-size:var(--f7-inline-label-font-size);line-height:var(--f7-inline-label-line-height)}.inline-label .item-floating-label+.item-input-wrap,.inline-label .item-label+.item-input-wrap,.inline-labels .item-floating-label+.item-input-wrap,.inline-labels .item-label+.item-input-wrap{margin-right:8px}.input{position:relative}.input input,.input select,.input textarea{width:100%}.input-clear-button{opacity:0;pointer-events:none;visibility:hidden;transition-duration:.1s;position:absolute;top:50%;border:none;padding:0;margin:0;outline:0;z-index:1;cursor:pointer;background:0 0;width:var(--f7-input-clear-button-size);height:var(--f7-input-clear-button-size);margin-top:calc(-1 * var(--f7-input-clear-button-size)/ 2);color:var(--f7-input-clear-button-color);left:0}.input-clear-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.input-clear-button:before{position:absolute;content:'';left:50%;top:50%}.item-input-wrap .input-clear-button{top:calc(var(--f7-input-height)/ 2)}.input-clear-button.active-state{opacity:.75!important}.input-with-value .input-clear-button,.input-with-value~.input-clear-button,.item-input-with-value .input-clear-button{opacity:1;pointer-events:auto;visibility:visible}.input-dropdown,.input-dropdown-wrap{position:relative}.input-dropdown-wrap:before,.input-dropdown:before{content:'';pointer-events:none;position:absolute;top:50%;margin-top:-2px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #727272;left:6px}.input-dropdown input,.input-dropdown select,.input-dropdown textarea,.input-dropdown-wrap input,.input-dropdown-wrap select,.input-dropdown-wrap textarea{padding-left:calc(20px + var(--f7-input-padding-left))}.input-outline:after,.item-input-outline .item-input-wrap:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:1px solid var(--f7-input-outline-border-color);border-radius:var(--f7-input-outline-border-radius);transition-duration:.2s;pointer-events:none}.input-outline.input-focused:after,.item-input-outline.item-input-focused .item-input-wrap:after{border-width:2px;border-color:var(--f7-input-outline-focused-border-color,var(--f7-theme-color))}.input-outline.input-invalid:after,.item-input-outline.item-input-invalid .item-input-wrap:after{border-width:2px;border-color:var(--f7-input-outline-invalid-border-color,var(--f7-input-error-text-color))}.input-outline input,.input-outline select,.input-outline textarea,.item-input-outline input,.item-input-outline select,.item-input-outline textarea,.list .item-input-outline input,.list .item-input-outline select,.list .item-input-outline textarea{border-radius:var(--f7-input-outline-border-radius);padding-left:var(--f7-input-outline-padding-horizontal);padding-right:var(--f7-input-outline-padding-horizontal)}.input-outline.input-dropdown:before,.item-input-outline .input-dropdown-wrap:before{left:8px}.input-outline.input-dropdown input,.input-outline.input-dropdown select,.input-outline.input-dropdown textarea,.item-input-outline .input-dropdown-wrap input,.item-input-outline .input-dropdown-wrap select,.item-input-outline .input-dropdown-wrap textarea{padding-left:20px}.input-outline .input-clear-button,.item-input-outline .input-clear-button{left:8px}.item-input-outline{--f7-input-height:var(--f7-input-outline-height)}.item-input-outline .item-inner:after{display:none!important}.item-input-outline .item-label{right:var(--f7-input-outline-padding-horizontal)}.inline-label .item-input-outline .item-label,.inline-labels .item-input-outline .item-label,.item-input-outline .inline-label .item-label,.item-input-outline .inline-label.item-label{right:0}.item-input-outline .item-floating-label{right:calc(var(--f7-input-outline-padding-horizontal) - 4px);padding-left:4px;padding-right:4px;background:var(--f7-page-bg-color);z-index:10;margin-top:calc(-.5 * (var(--f7-label-font-size) * var(--f7-label-line-height)))}.item-input-outline.item-input-focused .item-floating-label,.item-input-outline.item-input-with-value .item-floating-label{transform:scale(1) translateY(50%)}.item-input-outline .item-input-error-message,.item-input-outline .item-input-info{padding-right:var(--f7-input-outline-padding-horizontal)}.block-strong .item-input-outline .item-floating-label{background:var(--f7-block-strong-bg-color)}.list .item-input-outline .item-floating-label{background:var(--f7-list-bg-color)}.ios .item-floating-label+.item-input-wrap,.ios .item-label+.item-input-wrap{margin-top:0}.ios .item-input-focused .item-floating-label{color:var(--f7-label-text-color)}.ios .item-input .item-media{align-self:flex-start}.ios .item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical));margin-bottom:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .inline-label .item-floating-label+.item-input-wrap,.ios .inline-label .item-label+.item-input-wrap,.ios .inline-labels .item-floating-label+.item-input-wrap,.ios .inline-labels .item-label+.item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .inline-label .item-input-wrap,.ios .inline-labels .item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .input-error-message,.ios .input-info,.ios .item-input-error-message,.ios .item-input-info{position:relative;margin-bottom:6px;margin-top:-8px}.ios .item-input-focused .item-floating-label,.ios .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-label-text-color))}.ios .item-input-focused .item-inner:after{background:var(--f7-input-focused-border-color,var(--f7-list-item-border-color))}.ios .item-input-invalid .item-floating-label,.ios .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-label-text-color))}.ios .item-input-invalid .item-inner:after{background:var(--f7-input-invalid-border-color,var(--f7-list-item-border-color))}.ios .input-invalid input,.ios .input-invalid select,.ios .input-invalid textarea,.ios .item-input-invalid input,.ios .item-input-invalid select,.ios .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-error-text-color))}.ios .input-clear-button:after{content:'delete_round_ios';font-size:calc(var(--f7-input-clear-button-size)/ (14 / 10));line-height:1.4}.ios .input-clear-button:before{width:44px;height:44px;margin-left:-22px;margin-top:-22px}.ios .input-outline .item-input-wrap,.ios .item-input-outline .item-input-wrap{margin-top:0;margin-bottom:0}.ios .input-outline .input-error-message,.ios .input-outline .input-info,.ios .input-outline .item-input-error-message,.ios .input-outline .item-input-info,.ios .item-input-outline .input-error-message,.ios .item-input-outline .input-info,.ios .item-input-outline .item-input-error-message,.ios .item-input-outline .item-input-info{margin-top:0;white-space:normal;overflow:hidden;text-overflow:ellipsis}.ios .input-outline .input-info,.ios .input-outline .item-input-info,.ios .item-input-outline .input-info,.ios .item-input-outline .item-input-info{margin-bottom:calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.ios .input-outline .input-error-message,.ios .input-outline .item-input-error-message,.ios .item-input-outline .input-error-message,.ios .item-input-outline .item-input-error-message{margin-bottom:calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.ios .input-outline.input-with-info .item-input-wrap,.ios .input-outline.item-input-with-info .item-input-wrap,.ios .item-input-outline.input-with-info .item-input-wrap,.ios .item-input-outline.item-input-with-info .item-input-wrap{margin-bottom:calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.ios .input-outline.input-with-error-message .item-input-wrap,.ios .input-outline.item-input-with-error-message .item-input-wrap,.ios .item-input-outline.input-with-error-message .item-input-wrap,.ios .item-input-outline.item-input-with-error-message .item-input-wrap{margin-bottom:calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.md .input:not(.input-outline):after,.md .item-input:not(.item-input-outline) .item-input-wrap:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.md .input:not(.input-outline):after,.md .item-input:not(.item-input-outline) .item-input-wrap:after{transition-duration:.2s}.md .item-input-wrap{min-height:var(--f7-input-height)}.md .item-input .item-media{align-self:flex-end}.md .item-input .item-inner:after{display:none!important}.md .inline-label .item-media,.md .inline-labels .item-media{align-self:flex-start;padding-top:14px}.md .input-with-error-message,.md .input-with-info,.md .item-input-with-error-message,.md .item-input-with-info{padding-bottom:20px}.md .input-error-message,.md .input-info,.md .item-input-error-message,.md .item-input-info{position:absolute;top:100%;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;right:0}.md .item-input-focused .item-floating-label,.md .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-theme-color))}.md .input-focused:not(.input-outline):after,.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after{background:var(--f7-input-focused-border-color,var(--f7-theme-color))}.md .input-focused:not(.input-outline):after,.md .input-invalid:not(.input-outline):after,.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after,.md .item-input-invalid:not(.item-input-outline) .item-input-wrap:after{transform:scaleY(2)!important}.md .input-invalid:not(.input-outline):after,.md .item-input-invalid:not(.item-input-outline) .item-input-wrap:after{background:var(--f7-input-invalid-border-color,var(--f7-input-error-text-color))}.md .item-input-invalid .item-floating-label,.md .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-input-error-text-color))}.md .input-invalid input,.md .input-invalid select,.md .input-invalid textarea,.md .item-input-invalid input,.md .item-input-invalid select,.md .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-text-color))}.md .input-clear-button:after{font-size:calc(var(--f7-input-clear-button-size)/ (24 / 20));content:'delete_round_md';line-height:1.2}.md .input-clear-button:before{width:48px;height:48px;margin-left:-24px;margin-top:-24px}.aurora .item-floating-label+.item-input-wrap,.aurora .item-label+.item-input-wrap{margin-top:0}.aurora .item-input-focused .item-floating-label{color:var(--f7-label-text-color)}.aurora .item-input .item-media{align-self:flex-start}.aurora .input-error-message,.aurora .input-info,.aurora .item-input-error-message,.aurora .item-input-info{position:relative}.aurora .item-input-focused .item-floating-label,.aurora .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-label-text-color))}.aurora .item-input-focused .item-inner:after{background:var(--f7-input-focused-border-color,var(--f7-list-item-border-color))}.aurora .item-input-invalid .item-floating-label,.aurora .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-label-text-color))}.aurora .item-input-invalid .item-inner:after{background:var(--f7-input-invalid-border-color,var(--f7-list-item-border-color))}.aurora .input-invalid input,.aurora .input-invalid select,.aurora .input-invalid textarea,.aurora .item-input-invalid input,.aurora .item-input-invalid select,.aurora .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-error-text-color))}.aurora .input-clear-button:after{content:'delete_round_ios';font-size:calc(var(--f7-input-clear-button-size)/ (14 / 10));line-height:1.4}.aurora .input-clear-button:before{width:28px;height:28px;margin-left:-14px;margin-top:-14px}.aurora .input-outline .item-input-wrap,.aurora .item-input-outline .item-input-wrap{margin-top:0;margin-bottom:0}.aurora .input-outline .input-error-message,.aurora .input-outline .input-info,.aurora .input-outline .item-input-error-message,.aurora .input-outline .item-input-info,.aurora .item-input-outline .input-error-message,.aurora .item-input-outline .input-info,.aurora .item-input-outline .item-input-error-message,.aurora .item-input-outline .item-input-info{margin-top:0;white-space:normal;overflow:hidden;text-overflow:ellipsis}.aurora .input-outline .input-info,.aurora .input-outline .item-input-info,.aurora .item-input-outline .input-info,.aurora .item-input-outline .item-input-info{margin-bottom:calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.aurora .input-outline .input-error-message,.aurora .input-outline .item-input-error-message,.aurora .item-input-outline .input-error-message,.aurora .item-input-outline .item-input-error-message{margin-bottom:calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.aurora .input-outline.input-with-info .item-input-wrap,.aurora .input-outline.item-input-with-info .item-input-wrap,.aurora .item-input-outline.input-with-info .item-input-wrap,.aurora .item-input-outline.item-input-with-info .item-input-wrap{margin-bottom:calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.aurora .input-outline.input-with-error-message .item-input-wrap,.aurora .input-outline.item-input-with-error-message .item-input-wrap,.aurora .item-input-outline.input-with-error-message .item-input-wrap,.aurora .item-input-outline.item-input-with-error-message .item-input-wrap{margin-bottom:calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}:root{--f7-checkbox-icon-color:#fff}:root .theme-dark,:root.theme-dark{--f7-checkbox-inactive-color:rgba(255, 255, 255, 0.3)}.ios{--f7-checkbox-size:22px;--f7-checkbox-border-radius:50%;--f7-checkbox-border-width:1px;--f7-checkbox-inactive-color:#c7c7cc;--f7-checkbox-extra-margin:0px}.md{--f7-checkbox-size:18px;--f7-checkbox-border-radius:2px;--f7-checkbox-border-width:2px;--f7-checkbox-inactive-color:#6d6d6d;--f7-checkbox-extra-margin:22px}.aurora{--f7-checkbox-size:14px;--f7-checkbox-border-radius:2px;--f7-checkbox-border-width:1px;--f7-checkbox-inactive-color:#888;--f7-checkbox-extra-margin:0px}.checkbox{position:relative;display:inline-block;vertical-align:middle;z-index:1;background-color:transparent;--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb), 0.5)}.checkbox i,.icon-checkbox{flex-shrink:0;border:var(--f7-checkbox-border-width) solid var(--f7-checkbox-inactive-color);width:var(--f7-checkbox-size);height:var(--f7-checkbox-size);border-radius:var(--f7-checkbox-border-radius);box-sizing:border-box;position:relative;display:block}.checkbox i:after,.icon-checkbox:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;width:var(--f7-checkbox-size);height:var(--f7-checkbox-size);line-height:var(--f7-checkbox-size);left:calc(0px - var(--f7-checkbox-border-width));top:calc(0px - var(--f7-checkbox-border-width));opacity:0;color:var(--f7-checkbox-icon-color);position:relative;transition-property:opacity}.checkbox input[type=checkbox]:not(:checked)~i:after,label.item-checkbox input[type=checkbox]:not(:checked)~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:not(:checked)~.icon-checkbox:after{font-size:0}.checkbox input[type=checkbox]:checked~i,.checkbox input[type=checkbox]:indeterminate~i,label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,label.item-checkbox input[type=checkbox]:checked~.icon-checkbox,label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox,label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox{border-color:var(--f7-checkbox-active-color,var(--f7-theme-color));background-color:var(--f7-checkbox-active-color,var(--f7-theme-color))}.checkbox input[type=checkbox]:checked~i:after,.checkbox input[type=checkbox]:indeterminate~i:after,label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:checked~.icon-checkbox:after,label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox:after{opacity:1}.checkbox input[type=checkbox]:indeterminate~i:after,label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox:after{font-size:0;content:'';position:absolute;top:50%;width:70%;background:#fff;height:2px;border-radius:2px;margin-top:-1px;left:15%;transition:0s}.checkbox,label.item-checkbox{cursor:pointer}.checkbox input[type=checkbox],.checkbox input[type=radio],label.item-checkbox input[type=checkbox],label.item-checkbox input[type=radio]{display:none}label.item-checkbox{transition-duration:.3s}label.item-checkbox .item-content .item-media,label.item-checkbox.item-content .item-media{align-self:center}label.item-checkbox>.icon-checkbox{margin-left:calc(var(--f7-list-item-media-margin) + var(--f7-checkbox-extra-margin))}label.item-checkbox.active-state{background-color:var(--f7-list-link-pressed-bg-color)}label.item-checkbox.active-state:after{background-color:transparent}.disabled label.item-checkbox,label.item-checkbox.disabled{opacity:.55;pointer-events:none;opacity:.55!important;pointer-events:none!important}.ios .checkbox i:after,.ios .icon-checkbox:after{content:'checkbox_ios';font-size:21px}.ios label.item-checkbox.active-state{transition-duration:0s}.ios .checkbox input[type=checkbox]:indeterminate~i:after,.ios label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox:after,.ios label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox:after{height:1px;margin-top:0px}.md .checkbox i,.md .icon-checkbox{transition-duration:.2s}.md .checkbox i:after,.md .icon-checkbox:after{content:'checkbox_md';transition-duration:.2s;font-size:15px}.md label.item-checkbox{position:relative;overflow:hidden;z-index:0}.aurora .checkbox i,.aurora .icon-checkbox{transition-duration:150ms}.aurora .checkbox i:after,.aurora .icon-checkbox:after{content:'checkbox_aurora';transition-duration:150ms;font-size:19px}.aurora .checkbox i:before,.aurora .icon-checkbox:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.1);opacity:0;transition-duration:150ms}.aurora .checkbox.active-state i:before{opacity:1}.aurora label.item-checkbox{position:relative;overflow:hidden;z-index:0}:root{--f7-radio-border-radius:50%}:root .theme-dark,:root.theme-dark{--f7-radio-inactive-color:rgba(255, 255, 255, 0.3)}.ios{--f7-radio-size:22px;--f7-radio-border-width:1px;--f7-radio-inactive-color:#c7c7cc;--f7-radio-extra-margin:0px}.md{--f7-radio-size:20px;--f7-radio-border-width:2px;--f7-radio-inactive-color:#6d6d6d;--f7-radio-extra-margin:22px}.aurora{--f7-radio-size:16px;--f7-radio-border-width:1px;--f7-radio-inactive-color:#888;--f7-radio-extra-margin:0px}.radio{position:relative;display:inline-block;vertical-align:middle;z-index:1;--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb), 0.5)}.icon-radio{width:var(--f7-radio-size);height:var(--f7-radio-size);border-radius:var(--f7-radio-border-radius);position:relative;box-sizing:border-box;display:block;flex-shrink:0}.aurora .icon-radio,.md .icon-radio,.radio .icon-radio{border:var(--f7-radio-border-width) solid var(--f7-radio-inactive-color)}.radio,label.item-radio{cursor:pointer}.radio input[type=checkbox],.radio input[type=radio],label.item-radio input[type=checkbox],label.item-radio input[type=radio]{display:none}label.item-radio{transition-duration:.3s}label.item-radio .item-content .item-media,label.item-radio.item-content .item-media{align-self:center}label.item-radio.active-state{background-color:var(--f7-list-link-pressed-bg-color)}label.item-radio.active-state:after{background-color:transparent}.disabled label.item-radio,label.item-radio.disabled{opacity:.55;pointer-events:none;opacity:.55!important;pointer-events:none!important}.ios .icon-radio:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;width:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2);height:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2);line-height:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2 + 1px);font-size:20px;content:'radio_ios';color:var(--f7-radio-active-color,var(--f7-theme-color));opacity:0}.ios .radio input[type=radio]:checked~.icon-radio:after,.ios label.item-radio input[type=radio]:checked~* .icon-radio:after,.ios label.item-radio input[type=radio]:checked~.icon-radio:after{opacity:1}.ios .radio input[type=radio]:checked~.icon-radio{border-color:var(--f7-radio-active-color,var(--f7-theme-color))}.ios label.item-radio input[type=radio]~.icon-radio{position:absolute;top:50%;margin-top:-11px;left:calc(var(--f7-safe-area-left) + 10px)}.ios label.item-radio .item-inner{padding-left:calc(var(--f7-safe-area-left) + 35px)}.ios label.item-radio.active-state{transition-duration:0s}.md .icon-radio{transition-duration:.2s}.md .icon-radio:after{content:'';position:absolute;width:10px;height:10px;left:50%;top:50%;margin-left:-5px;margin-top:-5px;background-color:var(--f7-radio-active-color,var(--f7-theme-color));border-radius:50%;transform:scale(0);transition-duration:.2s}.md .radio input[type=radio]:checked~.icon-radio,.md label.item-radio input[type=radio]:checked~* .icon-radio,.md label.item-radio input[type=radio]:checked~.icon-radio{border-color:var(--f7-radio-active-color,var(--f7-theme-color))}.md .radio input[type=radio]:checked~.icon-radio:after,.md label.item-radio input[type=radio]:checked~* .icon-radio:after,.md label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:var(--f7-radio-active-color,var(--f7-theme-color));transform:scale(1)}.md label.item-radio{position:relative;overflow:hidden;z-index:0}.md label.item-radio>.icon-radio{margin-left:calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin))}.aurora .icon-radio{transition-duration:150ms;overflow:hidden}.aurora .icon-radio:after{content:'';position:absolute;width:6px;height:6px;left:50%;top:50%;margin-left:-3px;margin-top:-3px;background-color:#fff;border-radius:50%;transform:scale(0);transition-duration:150ms}.aurora .icon-radio:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.1);opacity:0;transition-duration:150ms}.aurora .radio.active-state i:before{opacity:1}.aurora .radio input[type=radio]:checked~.icon-radio,.aurora label.item-radio input[type=radio]:checked~* .icon-radio,.aurora label.item-radio input[type=radio]:checked~.icon-radio{border-color:var(--f7-radio-active-color,var(--f7-theme-color));background-color:var(--f7-radio-active-color,var(--f7-theme-color))}.aurora .radio input[type=radio]:checked~.icon-radio:after,.aurora label.item-radio input[type=radio]:checked~* .icon-radio:after,.aurora label.item-radio input[type=radio]:checked~.icon-radio:after{transform:scale(1)}.aurora label.item-radio{position:relative;overflow:hidden;z-index:0}.aurora label.item-radio>.icon-radio{margin-left:calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin))}:root{--f7-toggle-handle-color:#fff}.ios{--f7-toggle-width:52px;--f7-toggle-height:32px;--f7-toggle-border-color:#e5e5e5;--f7-toggle-inactive-color:#fff}.ios .theme-dark,.ios.theme-dark{--f7-toggle-border-color:#555;--f7-toggle-inactive-color:#222}.md{--f7-toggle-width:36px;--f7-toggle-height:14px;--f7-toggle-inactive-color:#b0afaf}.md .theme-dark,.md.theme-dark{--f7-toggle-inactive-color:#555}.aurora{--f7-toggle-width:40px;--f7-toggle-height:20px;--f7-toggle-inactive-color:#aaa}.aurora .theme-dark,.aurora.theme-dark{--f7-toggle-inactive-color:#555}.toggle,.toggle-icon{width:var(--f7-toggle-width);height:var(--f7-toggle-height);border-radius:var(--f7-toggle-height)}.toggle{display:inline-block;vertical-align:middle;position:relative;box-sizing:border-box;align-self:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle input[type=checkbox]{display:none}.toggle input[disabled]~.toggle-icon{pointer-events:none}.toggle-icon{z-index:0;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;position:relative;transition:.3s;box-sizing:border-box;display:block;cursor:pointer}.toggle-icon:after,.toggle-icon:before{content:'';will-change:transform}.toggle-icon:after{background:var(--f7-toggle-handle-color);position:absolute;z-index:2;transform:translateX(0px);transition-duration:.3s}.ios .toggle input[type=checkbox]:checked+.toggle-icon{background:var(--f7-toggle-active-color,var(--f7-theme-color))}.ios .toggle input[type=checkbox]:checked+.toggle-icon:before{transform:scale(0)}.ios .toggle input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(-1 * (var(--f7-toggle-width) - var(--f7-toggle-height))))}.ios .toggle-icon{background:var(--f7-toggle-border-color)}.ios .toggle-icon:before{position:absolute;right:2px;top:2px;width:calc(var(--f7-toggle-width) - 4px);height:calc(var(--f7-toggle-height) - 4px);border-radius:var(--f7-toggle-height);box-sizing:border-box;background:var(--f7-toggle-inactive-color);z-index:1;transition-duration:.3s;transform:scale(1)}.ios .toggle-icon:after{height:calc(var(--f7-toggle-height) - 4px);width:calc(var(--f7-toggle-height) - 4px);top:2px;right:2px;box-shadow:0 2px 4px rgba(0,0,0,.3);border-radius:calc(var(--f7-toggle-height) - 4px)}.ios .toggle-active-state input[type=checkbox]:not(:checked)+.toggle-icon:before{transform:scale(0)}.ios .toggle-active-state input[type=checkbox]+.toggle-icon:after{width:calc(var(--f7-toggle-height) + 4px)}.ios .toggle-active-state input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(-1 * (var(--f7-toggle-width) - var(--f7-toggle-height) - 8px)))}.md .toggle input[type=checkbox]:checked+.toggle-icon{background:var(--f7-toggle-active-color,rgba(var(--f7-theme-color-rgb),.5))}.md .toggle input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(-1 * (var(--f7-toggle-width) - var(--f7-toggle-height) - 6px)));background:var(--f7-toggle-active-color,var(--f7-theme-color))}.md .toggle-icon{background:var(--f7-toggle-inactive-color)}.md .toggle-icon:after{height:calc(var(--f7-toggle-height) + 6px);width:calc(var(--f7-toggle-height) + 6px);top:-3px;box-shadow:0 2px 5px rgba(0,0,0,.4);border-radius:var(--f7-toggle-height);right:0}.aurora .toggle input[type=checkbox]:checked+.toggle-icon{background:var(--f7-toggle-active-color,var(--f7-theme-color))}.aurora .toggle input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(-1 * (var(--f7-toggle-width) - var(--f7-toggle-height))))}.aurora .toggle-icon{background:var(--f7-toggle-inactive-color)}.aurora .toggle-icon:after{height:calc(var(--f7-toggle-height) - 4px);width:calc(var(--f7-toggle-height) - 4px);top:2px;right:2px;border-radius:calc(var(--f7-toggle-height) - 4px)}:root{--f7-range-scale-step-height:5px;--f7-range-scale-text-color:#666;--f7-range-scale-substep-width:1px;--f7-range-scale-substep-height:4px}.ios{--f7-range-size:28px;--f7-range-bar-bg-color:#b7b8b7;--f7-range-bar-size:1px;--f7-range-bar-border-radius:2px;--f7-range-knob-size:28px;--f7-range-knob-color:#fff;--f7-range-knob-box-shadow:0 2px 4px rgba(0, 0, 0, 0.3);--f7-range-label-size:20px;--f7-range-label-text-color:#000;--f7-range-label-bg-color:#fff;--f7-range-label-font-size:12px;--f7-range-label-font-weight:normal;--f7-range-label-border-radius:5px;--f7-range-label-padding:0px;--f7-range-scale-step-width:1px;--f7-range-scale-font-size:12px;--f7-range-scale-font-weight:400;--f7-range-scale-label-offset:4px}.md{--f7-range-size:20px;--f7-range-bar-bg-color:#b9b9b9;--f7-range-bar-size:2px;--f7-range-bar-border-radius:0px;--f7-range-knob-size:12px;--f7-range-knob-box-shadow:none;--f7-range-label-size:26px;--f7-range-label-font-weight:normal;--f7-range-label-text-color:#fff;--f7-range-label-font-size:10px;--f7-range-label-border-radius:50%;--f7-range-label-padding:0px;--f7-range-scale-step-width:2px;--f7-range-scale-font-size:12px;--f7-range-scale-font-weight:400;--f7-range-scale-label-offset:4px}.aurora{--f7-range-size:20px;--f7-range-bar-bg-color:#c7c7c7;--f7-range-bar-size:2px;--f7-range-bar-border-radius:2px;--f7-range-knob-size:16px;--f7-range-knob-box-shadow:none;--f7-range-label-size:20px;--f7-range-label-text-color:#fff;--f7-range-label-font-size:10px;--f7-range-label-font-weight:600;--f7-range-label-border-radius:4px;--f7-range-label-padding:0px 4px;--f7-range-scale-step-width:2px;--f7-range-scale-font-size:11px;--f7-range-scale-font-weight:500;--f7-range-scale-label-offset:2px}.range-slider{display:block;position:relative;align-self:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.range-slider input[type=range]{display:none}.range-slider.range-slider-horizontal{width:100%;height:var(--f7-range-size)}.range-slider.range-slider-vertical{height:100%;width:var(--f7-range-size)}.range-bar{position:absolute;overflow:hidden;background:var(--f7-range-bar-bg-color);border-radius:var(--f7-range-bar-border-radius)}.range-slider-vertical .range-bar{left:50%;top:0;height:100%;width:var(--f7-range-bar-size);margin-left:calc(-1 * var(--f7-range-bar-size)/ 2)}.range-slider-horizontal .range-bar{left:0;top:50%;width:100%;height:var(--f7-range-bar-size);margin-top:calc(-1 * var(--f7-range-bar-size)/ 2)}.range-bar-active{position:absolute;background:var(--f7-range-bar-active-bg-color,var(--f7-theme-color))}.range-slider-horizontal .range-bar-active{right:0;top:0;height:100%}.range-slider-vertical .range-bar-active{left:0;bottom:0;width:100%}.range-slider-vertical-reversed .range-bar-active{top:0;bottom:auto}.range-knob-wrap{z-index:20;position:absolute;height:var(--f7-range-knob-size);width:var(--f7-range-knob-size)}.range-slider-horizontal .range-knob-wrap{top:50%;margin-top:calc(-1 * var(--f7-range-knob-size)/ 2);margin-right:calc(-1 * var(--f7-range-knob-size)/ 2);right:0}.range-slider-vertical .range-knob-wrap{left:50%;margin-left:calc(-1 * var(--f7-range-knob-size)/ 2);bottom:0;margin-bottom:calc(-1 * var(--f7-range-knob-size)/ 2)}.range-slider-vertical-reversed .range-knob-wrap{bottom:auto;top:0;margin-bottom:0;margin-top:calc(-1 * var(--f7-range-knob-size)/ 2)}.range-knob{box-sizing:border-box;border-radius:50%;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:var(--f7-range-knob-color,var(--f7-range-knob-bg-color,var(--f7-theme-color)));box-shadow:var(--f7-range-knob-box-shadow)}.range-knob:after{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.range-knob-label{position:absolute;left:50%;bottom:100%;text-align:center;transition-duration:120ms;transition-property:transform;box-sizing:border-box;transform:translateY(100%) scale(0);height:var(--f7-range-label-size);line-height:var(--f7-range-label-size);min-width:var(--f7-range-label-size);color:var(--f7-range-label-text-color);background-color:var(--f7-range-label-bg-color,var(--f7-theme-color));font-size:var(--f7-range-label-font-size);font-weight:var(--f7-range-label-font-weight);border-radius:var(--f7-range-label-border-radius);padding:var(--f7-range-label-padding)}.range-knob-active-state .range-knob-label{transform:translateY(0%) scale(1)}.range-scale{position:absolute}.range-slider-horizontal .range-scale{top:50%;left:0;width:100%;margin-top:calc(var(--f7-range-bar-size)/ 2)}.range-slider-vertical .range-scale{right:50%;top:0;height:100%;margin-right:calc(var(--f7-range-bar-size)/ 2)}.range-scale-step{position:absolute;box-sizing:border-box;display:flex;font-size:var(--f7-range-scale-font-size);font-weight:var(--f7-range-scale-font-weight);color:var(--f7-range-scale-text-color,var(--f7-range-bar-bg-color));line-height:1}.range-scale-step:before{content:'';position:absolute;background:var(--f7-range-scale-step-bg-color,var(--f7-range-bar-bg-color))}.range-slider-horizontal .range-scale-step{justify-content:center;align-items:flex-start;width:var(--f7-range-scale-step-width);height:var(--f7-range-scale-step-height);padding-top:calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset));top:0;margin-right:calc(-1 * var(--f7-range-scale-step-width)/ 2)}.range-slider-horizontal .range-scale-step:before{left:0;top:0;width:100%;height:var(--f7-range-scale-step-height)}.range-slider-horizontal .range-scale-step:first-child{margin-right:0}.range-slider-horizontal .range-scale-step:last-child{margin-right:calc(-1 * var(--f7-range-scale-step-width))}.range-slider-vertical .range-scale-step{line-height:1;justify-content:flex-end;align-items:center;height:var(--f7-range-scale-step-width);width:var(--f7-range-scale-step-height);padding-right:calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset));right:0;margin-bottom:calc(-1 * var(--f7-range-scale-step-width)/ 2)}.range-slider-vertical .range-scale-step:first-child{margin-bottom:0}.range-slider-vertical .range-scale-step:last-child{margin-bottom:calc(-1 * var(--f7-range-scale-step-width))}.range-slider-vertical .range-scale-step:before{right:0;top:0;height:100%;width:var(--f7-range-scale-step-height)}.range-scale-substep{--f7-range-scale-step-bg-color:var(--f7-range-scale-substep-bg-color, var(--f7-range-bar-bg-color));--f7-range-scale-step-width:var(--f7-range-scale-substep-width);--f7-range-scale-step-height:var(--f7-range-scale-substep-height)}.ios .range-knob-label{margin-bottom:6px;transform:translateX(-50%) translateY(100%) scale(0)}.ios .range-knob-active-state .range-knob-label{transform:translateX(-50%) translateY(0%) scale(1)}.md .range-knob{transition-duration:.2s;transition-property:transform,background-color}.md .range-knob-active-state .range-knob{transform:scale(1.5)}.md .range-slider-min:not(.range-slider-dual) .range-knob{background:#fff!important;border:2px solid var(--f7-range-bar-bg-color)}.md .range-knob-label{width:var(--f7-range-label-size);margin-left:calc(-1 * var(--f7-range-label-size)/ 2);margin-bottom:8px}.md .range-knob-label:before{content:'';left:50%;top:0px;margin-left:calc(-1 * var(--f7-range-label-size)/ 2);position:absolute;z-index:-1;width:var(--f7-range-label-size);height:var(--f7-range-label-size);background:var(--f7-range-label-bg-color,var(--f7-theme-color));transform:rotate(-45deg);border-radius:50% 50% 50% 0}.md .range-knob-active-state .range-knob-label{transform:translateY(0%) scale(1)}.md .range-slider-label .range-knob-active-state .range-knob{transform:scale(0)}.aurora .range-knob-label{margin-bottom:6px;transform:translateX(-50%) translateY(100%) scale(0)}.aurora .range-knob-active-state .range-knob-label{transform:translateX(-50%) translateY(0%) scale(1)}:root{--f7-stepper-fill-button-text-color:#fff;--f7-stepper-raised-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0,0,0,0.24)}.ios{--f7-stepper-height:29px;--f7-stepper-border-radius:5px;--f7-stepper-border-width:1px;--f7-stepper-large-height:44px;--f7-stepper-small-height:26px;--f7-stepper-small-border-width:2px;--f7-stepper-value-font-size:17px;--f7-stepper-value-font-weight:400}.md{--f7-stepper-height:36px;--f7-stepper-border-radius:4px;--f7-stepper-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-stepper-border-width:2px;--f7-stepper-large-height:48px;--f7-stepper-small-border-width:2px;--f7-stepper-small-height:28px;--f7-stepper-value-font-size:14px;--f7-stepper-value-font-weight:500}.md .theme-dark,.md.theme-dark{--f7-stepper-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}.aurora{--f7-stepper-height:28px;--f7-stepper-border-radius:4px;--f7-stepper-border-width:2px;--f7-stepper-large-height:34px;--f7-stepper-small-border-width:1px;--f7-stepper-small-height:22px;--f7-stepper-value-font-size:14px;--f7-stepper-value-font-weight:500}.stepper{display:inline-flex;align-items:stretch;height:var(--f7-stepper-height);border-radius:var(--f7-stepper-border-radius);flex-direction:row-reverse}.stepper-button,.stepper-button-minus,.stepper-button-plus{background-color:var(--f7-stepper-button-bg-color);width:40px;border-radius:var(--f7-stepper-border-radius);border:var(--f7-stepper-border-width) solid var(--f7-theme-color);color:var(--f7-stepper-button-text-color,var(--f7-theme-color));line-height:calc(var(--f7-stepper-height) - var(--f7-stepper-border-width,0px));text-align:center;display:flex;justify-content:center;align-content:center;align-items:center;flex-shrink:0;box-sizing:border-box;position:relative;cursor:pointer}.stepper-button-minus.active-state,.stepper-button-plus.active-state,.stepper-button.active-state{background-color:var(--f7-stepper-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-stepper-button-pressed-text-color,var(--f7-stepper-button-text-color,var(--f7-theme-color)))}.stepper-button-minus:first-child,.stepper-button-plus:first-child,.stepper-button:first-child{border-radius:var(--f7-stepper-border-radius) 0 0 var(--f7-stepper-border-radius)}.stepper-button-minus:last-child,.stepper-button-plus:last-child,.stepper-button:last-child{border-radius:0 var(--f7-stepper-border-radius) var(--f7-stepper-border-radius) 0}.stepper-button .icon,.stepper-button-minus .icon,.stepper-button-plus .icon{pointer-events:none}.stepper-button+.stepper-button,.stepper-button+.stepper-button-minus,.stepper-button+.stepper-button-plus,.stepper-button-minus+.stepper-button,.stepper-button-minus+.stepper-button-minus,.stepper-button-minus+.stepper-button-plus,.stepper-button-plus+.stepper-button,.stepper-button-plus+.stepper-button-minus,.stepper-button-plus+.stepper-button-plus{border-left:none}.stepper-button-minus,.stepper-button-plus{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stepper-button-minus:after,.stepper-button-minus:before,.stepper-button-plus:after,.stepper-button-plus:before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--f7-stepper-button-text-color,var(--f7-theme-color))}.stepper-button-minus:after,.stepper-button-plus:after{width:15px;height:2px}.stepper-button-plus:before{height:15px;width:2px}.stepper-value{display:flex;align-content:center;align-items:center;justify-content:center}.stepper-input-wrap,.stepper-value{flex-shrink:1;text-align:center;border-top:var(--f7-stepper-border-width) solid var(--f7-theme-color);border-bottom:var(--f7-stepper-border-width) solid var(--f7-theme-color)}.stepper .stepper-input-wrap input,.stepper-value{width:45px;color:var(--f7-stepper-value-text-color,var(--f7-theme-color));font-size:var(--f7-stepper-value-font-size);font-weight:var(--f7-stepper-value-font-weight);text-align:center}.stepper .stepper-input-wrap input{height:100%}.aurora .stepper-round-aurora,.ios .stepper-round-ios,.md .stepper-round-md,.stepper-round{--f7-stepper-border-radius:var(--f7-stepper-height)}.aurora .stepper-fill-aurora,.ios .stepper-fill-ios,.md .stepper-fill-md,.stepper-fill{--f7-stepper-button-bg-color:var(--f7-stepper-fill-button-bg-color, var(--f7-theme-color));--f7-stepper-button-text-color:var(--f7-stepper-fill-button-text-color);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.aurora .stepper-fill-aurora .stepper-button+.stepper-button,.aurora .stepper-fill-aurora .stepper-button-minus+.stepper-button-plus,.aurora .stepper-raised-aurora .stepper-button+.stepper-button,.aurora .stepper-raised-aurora .stepper-button-minus+.stepper-button-plus,.ios .stepper-fill-ios .stepper-button+.stepper-button,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus,.ios .stepper-raised-ios .stepper-button+.stepper-button,.ios .stepper-raised-ios .stepper-button-minus+.stepper-button-plus,.md .stepper-fill-md .stepper-button+.stepper-button,.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus,.md .stepper-raised-md .stepper-button+.stepper-button,.md .stepper-raised-md .stepper-button-minus+.stepper-button-plus,.stepper-fill .stepper-button+.stepper-button,.stepper-fill .stepper-button-minus+.stepper-button-plus,.stepper-raised .stepper-button+.stepper-button,.stepper-raised .stepper-button-minus+.stepper-button-plus{border-left:1px solid rgba(0,0,0,.1)}.aurora .stepper-fill-aurora .stepper-button+.stepper-button.active-state,.aurora .stepper-fill-aurora .stepper-button-minus+.stepper-button-plus.active-state,.ios .stepper-fill-ios .stepper-button+.stepper-button.active-state,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus.active-state,.md .stepper-fill-md .stepper-button+.stepper-button.active-state,.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus.active-state,.stepper-fill .stepper-button+.stepper-button.active-state,.stepper-fill .stepper-button-minus+.stepper-button-plus.active-state{border-left-color:var(--f7-stepper-button-pressed-bg-color)}.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):not(.stepper-fill) .stepper-input-wrap,.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):not(.stepper-fill) .stepper-value,.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-input-wrap,.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-value,.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-input-wrap,.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-value,.stepper-raised:not(.stepper-fill) .stepper-input-wrap,.stepper-raised:not(.stepper-fill) .stepper-value{border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}.aurora .stepper-large-aurora,.ios .stepper-large-ios,.md .stepper-large-md,.stepper-large{--f7-stepper-height:var(--f7-stepper-large-height)}.aurora .stepper-small-aurora,.ios .stepper-small-ios,.md .stepper-small-md,.stepper-small{--f7-stepper-border-width:var(--f7-stepper-small-border-width);--f7-stepper-height:var(--f7-stepper-small-height)}.ios .stepper-fill.stepper-small,.ios .stepper-fill.stepper-small-ios{--f7-stepper-button-pressed-bg-color:transparent;--f7-stepper-button-pressed-text-color:var(--f7-theme-color)}.aurora .stepper-raised-aurora,.ios .stepper-raised-ios,.md .stepper-raised-md,.stepper-raised{--f7-stepper-border-width:0;box-shadow:var(--f7-stepper-raised-box-shadow)}.ios .stepper-button .f7-icons,.ios .stepper-button-minus .f7-icons,.ios .stepper-button-plus .f7-icons{font-size:22px}.ios .stepper-fill,.ios .stepper-fill-ios{--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-tint))}.ios .stepper-small-ios.stepper-raised,.ios .stepper-small-ios.stepper-raised-ios,.ios .stepper-small.stepper-raised,.ios .stepper-small.stepper-raised-ios{--f7-stepper-border-width:0px}.ios .stepper-small .stepper-button,.ios .stepper-small .stepper-button-minus,.ios .stepper-small .stepper-button-plus,.ios .stepper-small-ios .stepper-button,.ios .stepper-small-ios .stepper-button-minus,.ios .stepper-small-ios .stepper-button-plus{transition-duration:.2s}.ios .stepper-small .stepper-button-minus.active-state:after,.ios .stepper-small .stepper-button-minus.active-state:before,.ios .stepper-small .stepper-button-plus.active-state:after,.ios .stepper-small .stepper-button-plus.active-state:before,.ios .stepper-small .stepper-button.active-state:after,.ios .stepper-small .stepper-button.active-state:before,.ios .stepper-small-ios .stepper-button-minus.active-state:after,.ios .stepper-small-ios .stepper-button-minus.active-state:before,.ios .stepper-small-ios .stepper-button-plus.active-state:after,.ios .stepper-small-ios .stepper-button-plus.active-state:before,.ios .stepper-small-ios .stepper-button.active-state:after,.ios .stepper-small-ios .stepper-button.active-state:before{transition-duration:.2s;background-color:var(--f7-theme-color)}.md .stepper-button,.md .stepper-button-minus,.md .stepper-button-plus{transition-duration:.3s;transform:translate3d(0,0,0);overflow:hidden}.md .stepper-fill,.md .stepper-fill-md{--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .stepper-button,.aurora .stepper-button-minus,.aurora .stepper-button-plus{transition-duration:.1s;transform:translate3d(0,0,0);overflow:hidden}.aurora.device-desktop .stepper-button-minus:not(.active-state):not(.no-hover):hover,.aurora.device-desktop .stepper-button-plus:not(.active-state):not(.no-hover):hover,.aurora.device-desktop .stepper-button:not(.active-state):not(.no-hover):hover{background-color:var(--f7-stepper-button-hover-bg-color,rgba(var(--f7-theme-color-rgb),.07))}.aurora .stepper-fill,.aurora .stepper-fill-aurora{--f7-stepper-button-hover-bg-color:var(--f7-stepper-button-fill-hover-bg-color, var(--f7-theme-color-tint));--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade))}.smart-select select{display:none}.smart-select .item-after{max-width:70%;overflow:hidden;text-overflow:ellipsis;position:relative;display:block}.smart-select-sheet .list ul,.smart-select-sheet .page,.smart-select-sheet .sheet-modal-inner{background:var(--f7-smart-select-sheet-bg,var(--f7-list-bg-color))}.smart-select-sheet .toolbar:after{content:'';position:absolute;background-color:var(--f7-smart-select-sheet-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.smart-select-sheet .toolbar:after{display:block}.smart-select-sheet .list{margin:0}.smart-select-sheet .list ul:before{display:none!important}.smart-select-sheet .list ul:after{display:none!important}.smart-select-popover .popover-inner{max-height:40vh}.ios{--f7-grid-gap:15px}.md{--f7-grid-gap:16px}.aurora{--f7-grid-gap:15px}.row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;--f7-cols-per-row:1}.row>.col,.row>[class*=col-]{box-sizing:border-box;width:calc((100% - var(--f7-grid-gap) * (var(--f7-cols-per-row) - 1))/ var(--f7-cols-per-row))}.row.no-gap{--f7-grid-gap:0px}.row .col-5{--f7-cols-per-row:20}.row .col-10{--f7-cols-per-row:10}.row .col-15{--f7-cols-per-row:6.66666667}.row .col-20{--f7-cols-per-row:5}.row .col-25{--f7-cols-per-row:4}.row .col-30{--f7-cols-per-row:3.33333333}.row .col-33{--f7-cols-per-row:3}.row .col-35{--f7-cols-per-row:2.85714286}.row .col-40{--f7-cols-per-row:2.5}.row .col-45{--f7-cols-per-row:2.22222222}.row .col-50{--f7-cols-per-row:2}.row .col-55{--f7-cols-per-row:1.81818182}.row .col-60{--f7-cols-per-row:1.66666667}.row .col-65{--f7-cols-per-row:1.53846154}.row .col-66{--f7-cols-per-row:1.5}.row .col-70{--f7-cols-per-row:1.42857143}.row .col-75{--f7-cols-per-row:1.33333333}.row .col-80{--f7-cols-per-row:1.25}.row .col-85{--f7-cols-per-row:1.17647059}.row .col-90{--f7-cols-per-row:1.11111111}.row .col-95{--f7-cols-per-row:1.05263158}.row .col-100{--f7-cols-per-row:1}.row .col:nth-last-child(1),.row .col:nth-last-child(1)~.col{--f7-cols-per-row:1}.row .col:nth-last-child(2),.row .col:nth-last-child(2)~.col{--f7-cols-per-row:2}.row .col:nth-last-child(3),.row .col:nth-last-child(3)~.col{--f7-cols-per-row:3}.row .col:nth-last-child(4),.row .col:nth-last-child(4)~.col{--f7-cols-per-row:4}.row .col:nth-last-child(5),.row .col:nth-last-child(5)~.col{--f7-cols-per-row:5}.row .col:nth-last-child(6),.row .col:nth-last-child(6)~.col{--f7-cols-per-row:6}.row .col:nth-last-child(7),.row .col:nth-last-child(7)~.col{--f7-cols-per-row:7}.row .col:nth-last-child(8),.row .col:nth-last-child(8)~.col{--f7-cols-per-row:8}.row .col:nth-last-child(9),.row .col:nth-last-child(9)~.col{--f7-cols-per-row:9}.row .col:nth-last-child(10),.row .col:nth-last-child(10)~.col{--f7-cols-per-row:10}.row .col:nth-last-child(11),.row .col:nth-last-child(11)~.col{--f7-cols-per-row:11}.row .col:nth-last-child(12),.row .col:nth-last-child(12)~.col{--f7-cols-per-row:12}.row .col:nth-last-child(13),.row .col:nth-last-child(13)~.col{--f7-cols-per-row:13}.row .col:nth-last-child(14),.row .col:nth-last-child(14)~.col{--f7-cols-per-row:14}.row .col:nth-last-child(15),.row .col:nth-last-child(15)~.col{--f7-cols-per-row:15}.row .col:nth-last-child(16),.row .col:nth-last-child(16)~.col{--f7-cols-per-row:16}.row .col:nth-last-child(17),.row .col:nth-last-child(17)~.col{--f7-cols-per-row:17}.row .col:nth-last-child(18),.row .col:nth-last-child(18)~.col{--f7-cols-per-row:18}.row .col:nth-last-child(19),.row .col:nth-last-child(19)~.col{--f7-cols-per-row:19}.row .col:nth-last-child(20),.row .col:nth-last-child(20)~.col{--f7-cols-per-row:20}.row .col:nth-last-child(21),.row .col:nth-last-child(21)~.col{--f7-cols-per-row:21}.row .col:nth-last-child(22),.row .col:nth-last-child(22)~.col{--f7-cols-per-row:22}@media (min-width:768px){.row .tablet-5{--f7-cols-per-row:20}.row .tablet-10{--f7-cols-per-row:10}.row .tablet-15{--f7-cols-per-row:6.66666667}.row .tablet-20{--f7-cols-per-row:5}.row .tablet-25{--f7-cols-per-row:4}.row .tablet-30{--f7-cols-per-row:3.33333333}.row .tablet-33{--f7-cols-per-row:3}.row .tablet-35{--f7-cols-per-row:2.85714286}.row .tablet-40{--f7-cols-per-row:2.5}.row .tablet-45{--f7-cols-per-row:2.22222222}.row .tablet-50{--f7-cols-per-row:2}.row .tablet-55{--f7-cols-per-row:1.81818182}.row .tablet-60{--f7-cols-per-row:1.66666667}.row .tablet-65{--f7-cols-per-row:1.53846154}.row .tablet-66{--f7-cols-per-row:1.5}.row .tablet-70{--f7-cols-per-row:1.42857143}.row .tablet-75{--f7-cols-per-row:1.33333333}.row .tablet-80{--f7-cols-per-row:1.25}.row .tablet-85{--f7-cols-per-row:1.17647059}.row .tablet-90{--f7-cols-per-row:1.11111111}.row .tablet-95{--f7-cols-per-row:1.05263158}.row .tablet-100{--f7-cols-per-row:1}.row .tablet-auto:nth-last-child(1),.row .tablet-auto:nth-last-child(1)~.tablet-auto{--f7-cols-per-row:1}.row .tablet-auto:nth-last-child(2),.row .tablet-auto:nth-last-child(2)~.tablet-auto{--f7-cols-per-row:2}.row .tablet-auto:nth-last-child(3),.row .tablet-auto:nth-last-child(3)~.tablet-auto{--f7-cols-per-row:3}.row .tablet-auto:nth-last-child(4),.row .tablet-auto:nth-last-child(4)~.tablet-auto{--f7-cols-per-row:4}.row .tablet-auto:nth-last-child(5),.row .tablet-auto:nth-last-child(5)~.tablet-auto{--f7-cols-per-row:5}.row .tablet-auto:nth-last-child(6),.row .tablet-auto:nth-last-child(6)~.tablet-auto{--f7-cols-per-row:6}.row .tablet-auto:nth-last-child(7),.row .tablet-auto:nth-last-child(7)~.tablet-auto{--f7-cols-per-row:7}.row .tablet-auto:nth-last-child(8),.row .tablet-auto:nth-last-child(8)~.tablet-auto{--f7-cols-per-row:8}.row .tablet-auto:nth-last-child(9),.row .tablet-auto:nth-last-child(9)~.tablet-auto{--f7-cols-per-row:9}.row .tablet-auto:nth-last-child(10),.row .tablet-auto:nth-last-child(10)~.tablet-auto{--f7-cols-per-row:10}.row .tablet-auto:nth-last-child(11),.row .tablet-auto:nth-last-child(11)~.tablet-auto{--f7-cols-per-row:11}.row .tablet-auto:nth-last-child(12),.row .tablet-auto:nth-last-child(12)~.tablet-auto{--f7-cols-per-row:12}.row .tablet-auto:nth-last-child(13),.row .tablet-auto:nth-last-child(13)~.tablet-auto{--f7-cols-per-row:13}.row .tablet-auto:nth-last-child(14),.row .tablet-auto:nth-last-child(14)~.tablet-auto{--f7-cols-per-row:14}.row .tablet-auto:nth-last-child(15),.row .tablet-auto:nth-last-child(15)~.tablet-auto{--f7-cols-per-row:15}.row .tablet-auto:nth-last-child(16),.row .tablet-auto:nth-last-child(16)~.tablet-auto{--f7-cols-per-row:16}.row .tablet-auto:nth-last-child(17),.row .tablet-auto:nth-last-child(17)~.tablet-auto{--f7-cols-per-row:17}.row .tablet-auto:nth-last-child(18),.row .tablet-auto:nth-last-child(18)~.tablet-auto{--f7-cols-per-row:18}.row .tablet-auto:nth-last-child(19),.row .tablet-auto:nth-last-child(19)~.tablet-auto{--f7-cols-per-row:19}.row .tablet-auto:nth-last-child(20),.row .tablet-auto:nth-last-child(20)~.tablet-auto{--f7-cols-per-row:20}.row .tablet-auto:nth-last-child(21),.row .tablet-auto:nth-last-child(21)~.tablet-auto{--f7-cols-per-row:21}.row .tablet-auto:nth-last-child(22),.row .tablet-auto:nth-last-child(22)~.tablet-auto{--f7-cols-per-row:22}}@media (min-width:1025px){.row .desktop-5{--f7-cols-per-row:20}.row .desktop-10{--f7-cols-per-row:10}.row .desktop-15{--f7-cols-per-row:6.66666667}.row .desktop-20{--f7-cols-per-row:5}.row .desktop-25{--f7-cols-per-row:4}.row .desktop-30{--f7-cols-per-row:3.33333333}.row .desktop-33{--f7-cols-per-row:3}.row .desktop-35{--f7-cols-per-row:2.85714286}.row .desktop-40{--f7-cols-per-row:2.5}.row .desktop-45{--f7-cols-per-row:2.22222222}.row .desktop-50{--f7-cols-per-row:2}.row .desktop-55{--f7-cols-per-row:1.81818182}.row .desktop-60{--f7-cols-per-row:1.66666667}.row .desktop-65{--f7-cols-per-row:1.53846154}.row .desktop-66{--f7-cols-per-row:1.5}.row .desktop-70{--f7-cols-per-row:1.42857143}.row .desktop-75{--f7-cols-per-row:1.33333333}.row .desktop-80{--f7-cols-per-row:1.25}.row .desktop-85{--f7-cols-per-row:1.17647059}.row .desktop-90{--f7-cols-per-row:1.11111111}.row .desktop-95{--f7-cols-per-row:1.05263158}.row .desktop-100{--f7-cols-per-row:1}.row .desktop-auto:nth-last-child(1),.row .desktop-auto:nth-last-child(1)~.desktop-auto{--f7-cols-per-row:1}.row .desktop-auto:nth-last-child(2),.row .desktop-auto:nth-last-child(2)~.desktop-auto{--f7-cols-per-row:2}.row .desktop-auto:nth-last-child(3),.row .desktop-auto:nth-last-child(3)~.desktop-auto{--f7-cols-per-row:3}.row .desktop-auto:nth-last-child(4),.row .desktop-auto:nth-last-child(4)~.desktop-auto{--f7-cols-per-row:4}.row .desktop-auto:nth-last-child(5),.row .desktop-auto:nth-last-child(5)~.desktop-auto{--f7-cols-per-row:5}.row .desktop-auto:nth-last-child(6),.row .desktop-auto:nth-last-child(6)~.desktop-auto{--f7-cols-per-row:6}.row .desktop-auto:nth-last-child(7),.row .desktop-auto:nth-last-child(7)~.desktop-auto{--f7-cols-per-row:7}.row .desktop-auto:nth-last-child(8),.row .desktop-auto:nth-last-child(8)~.desktop-auto{--f7-cols-per-row:8}.row .desktop-auto:nth-last-child(9),.row .desktop-auto:nth-last-child(9)~.desktop-auto{--f7-cols-per-row:9}.row .desktop-auto:nth-last-child(10),.row .desktop-auto:nth-last-child(10)~.desktop-auto{--f7-cols-per-row:10}.row .desktop-auto:nth-last-child(11),.row .desktop-auto:nth-last-child(11)~.desktop-auto{--f7-cols-per-row:11}.row .desktop-auto:nth-last-child(12),.row .desktop-auto:nth-last-child(12)~.desktop-auto{--f7-cols-per-row:12}.row .desktop-auto:nth-last-child(13),.row .desktop-auto:nth-last-child(13)~.desktop-auto{--f7-cols-per-row:13}.row .desktop-auto:nth-last-child(14),.row .desktop-auto:nth-last-child(14)~.desktop-auto{--f7-cols-per-row:14}.row .desktop-auto:nth-last-child(15),.row .desktop-auto:nth-last-child(15)~.desktop-auto{--f7-cols-per-row:15}.row .desktop-auto:nth-last-child(16),.row .desktop-auto:nth-last-child(16)~.desktop-auto{--f7-cols-per-row:16}.row .desktop-auto:nth-last-child(17),.row .desktop-auto:nth-last-child(17)~.desktop-auto{--f7-cols-per-row:17}.row .desktop-auto:nth-last-child(18),.row .desktop-auto:nth-last-child(18)~.desktop-auto{--f7-cols-per-row:18}.row .desktop-auto:nth-last-child(19),.row .desktop-auto:nth-last-child(19)~.desktop-auto{--f7-cols-per-row:19}.row .desktop-auto:nth-last-child(20),.row .desktop-auto:nth-last-child(20)~.desktop-auto{--f7-cols-per-row:20}.row .desktop-auto:nth-last-child(21),.row .desktop-auto:nth-last-child(21)~.desktop-auto{--f7-cols-per-row:21}.row .desktop-auto:nth-last-child(22),.row .desktop-auto:nth-last-child(22)~.desktop-auto{--f7-cols-per-row:22}}:root{--f7-calendar-height:320px;--f7-calendar-sheet-landscape-height:220px;--f7-calendar-sheet-bg-color:#fff;--f7-calendar-popover-width:320px;--f7-calendar-popover-height:320px;--f7-calendar-modal-height:420px;--f7-calendar-modal-max-width:380px;--f7-calendar-modal-border-radius:4px;--f7-calendar-modal-bg-color:#fff;--f7-calendar-footer-padding:0 8px;--f7-calendar-week-header-font-size:11px;--f7-calendar-day-text-color:#000;--f7-calendar-selected-text-color:#fff;--f7-calendar-prev-next-text-color:#b8b8b8;--f7-calendar-disabled-text-color:#d4d4d4;--f7-calendar-event-dot-size:4px}:root .theme-dark,:root.theme-dark{--f7-calendar-sheet-border-color:var(--f7-bars-border-color);--f7-calendar-modal-bg-color:#171717;--f7-calendar-sheet-bg-color:#171717}.ios{--f7-calendar-sheet-border-color:#929499;--f7-calendar-header-height:44px;--f7-calendar-header-font-size:17px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 8px;--f7-calendar-footer-height:44px;--f7-calendar-footer-font-size:17px;--f7-calendar-week-header-height:18px;--f7-calendar-row-border-color:rgba(0, 0, 0, 0.25);--f7-calendar-day-font-size:15px;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3;--f7-calendar-day-size:30px}.ios .theme-dark,.ios.theme-dark{--f7-calendar-row-border-color:var(--f7-bars-border-color);--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.md{--f7-calendar-sheet-border-color:#ccc;--f7-calendar-header-height:56px;--f7-calendar-header-font-size:20px;--f7-calendar-header-font-weight:400;--f7-calendar-header-padding:0 24px;--f7-calendar-footer-height:48px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:24px;--f7-calendar-row-border-color:transparent;--f7-calendar-day-font-size:14px;--f7-calendar-today-bg-color:none;--f7-calendar-day-size:32px}.md .theme-dark,.md.theme-dark{--f7-calendar-day-text-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-calendar-sheet-border-color:#ccc;--f7-calendar-header-height:38px;--f7-calendar-header-font-size:14px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 8px;--f7-calendar-footer-height:38px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:18px;--f7-calendar-row-border-color:#e3e3e3;--f7-calendar-day-font-size:13px;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3;--f7-calendar-day-size:30px}.aurora .theme-dark,.aurora.theme-dark{--f7-calendar-row-border-color:var(--f7-bars-border-color);--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.calendar{overflow:hidden;height:var(--f7-calendar-height);width:100%;display:flex;flex-direction:column}.calendar.modal-in{display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:var(--f7-calendar-sheet-landscape-height)}.calendar.calendar-modal{height:calc(100vh - var(--f7-navbar-height))}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-sheet{--f7-sheet-border-color:var(--f7-calendar-sheet-border-color);background:var(--f7-calendar-sheet-bg-color)}.calendar-sheet:before{z-index:600}.calendar-sheet .sheet-modal-inner{margin-bottom:var(--f7-safe-area-bottom)}.calendar-modal .toolbar:before,.calendar-popover .toolbar:before,.calendar-sheet .toolbar:before{display:none}.calendar-popover{width:var(--f7-calendar-popover-width)}.calendar-popover .calendar{height:var(--f7-calendar-popover-height);border-radius:var(--f7-popover-border-radius)}.calendar-header{width:100%;position:relative;overflow:hidden;flex-shrink:0;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;padding:var(--f7-calendar-header-padding);background-color:var(--f7-calendar-header-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-header-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-header-height);line-height:var(--f7-calendar-header-height);font-size:var(--f7-calendar-header-font-size);font-weight:var(--f7-calendar-header-font-weight)}.calendar-header a{color:var(--f7-calendar-header-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer{width:100%;flex-shrink:0;padding:var(--f7-calendar-footer-padding);background-color:var(--f7-calendar-footer-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-footer-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-footer-height);font-size:var(--f7-calendar-header-font-size);display:flex;justify-content:flex-end;box-sizing:border-box;align-items:center;position:relative}.calendar-footer a{color:var(--f7-calendar-footer-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer:before{content:'';position:absolute;background-color:var(--f7-calendar-footer-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.calendar-modal{position:absolute;height:var(--f7-calendar-modal-height);overflow:hidden;top:50%;left:50%;min-width:300px;max-width:var(--f7-calendar-modal-max-width);transform:translate3d(-50%,100%,0);transition-property:transform;display:flex;z-index:12000;background:var(--f7-calendar-modal-bg-color);width:90%;border-radius:var(--f7-calendar-modal-border-radius);box-shadow:var(--f7-elevation-24)}.calendar-modal.modal-in,.calendar-modal.modal-out{transition-duration:.4s}.calendar-modal.modal-in{transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{transform:translate3d(-50%,100%,0)}.calendar-week-header{display:flex;box-sizing:border-box;position:relative;font-size:var(--f7-calendar-week-header-font-size);background-color:var(--f7-calendar-week-header-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-week-header-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-week-header-height);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}.calendar-week-header .calendar-week-day{flex-shrink:1;width:calc(100% / 7);text-align:center;line-height:var(--f7-calendar-week-header-height)}.calendar-months{width:100%;height:100%;overflow:hidden;position:relative;flex-shrink:10}.calendar-months-wrapper{position:relative;width:100%;height:100%;transition:.3s}.calendar-month{display:flex;flex-direction:column;width:100%;height:100%;position:absolute;left:0;top:0}.calendar-row{height:16.66666667%;height:calc(100% / 6);display:flex;flex-shrink:1;width:100%;position:relative;box-sizing:border-box;padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}.calendar-row:before{content:'';position:absolute;background-color:var(--f7-calendar-row-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.calendar-modal .calendar-months:first-child .calendar-row:first-child:before,.calendar-popover .calendar-months:first-child .calendar-row:first-child:before{display:none!important}.calendar-day{flex-shrink:1;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:14.28571429%;width:calc(100% / 7);text-align:center;cursor:pointer;z-index:20;color:var(--f7-calendar-day-text-color);height:100%;font-size:var(--f7-calendar-day-font-size)}.calendar-day.calendar-day-today .calendar-day-number{color:var(--f7-calendar-today-text-color,var(--f7-theme-color));background-color:var(--f7-calendar-today-bg-color)}.calendar-day.calendar-day-next,.calendar-day.calendar-day-prev{color:var(--f7-calendar-prev-next-text-color)}.calendar-day.calendar-day-disabled{color:var(--f7-calendar-disabled-text-color);cursor:auto}.calendar-day.calendar-day-selected .calendar-day-number{color:var(--f7-calendar-selected-text-color);background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color))}.calendar-day .calendar-day-number{display:inline-block;border-radius:50%;position:relative;width:var(--f7-calendar-day-size);height:var(--f7-calendar-day-size);line-height:var(--f7-calendar-day-size)}.calendar-day .calendar-day-events{position:absolute;display:flex;left:0;width:100%;top:100%;align-items:center;justify-content:center;margin-top:1px}.calendar-day .calendar-day-event{width:var(--f7-calendar-event-dot-size);height:var(--f7-calendar-event-dot-size);border-radius:calc(var(--f7-calendar-event-dot-size)/ 2);background-color:var(--f7-calendar-event-bg-color)}.calendar-day .calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-range .calendar-day.calendar-day-selected{align-items:stretch;align-content:stretch}.calendar-range .calendar-day.calendar-day-selected .calendar-day-number{width:100%;border-radius:0;height:auto;text-align:center;display:flex;align-items:center;justify-content:center}.calendar-month-selector,.calendar-year-selector{display:flex;justify-content:space-between;align-items:center;width:50%;max-width:200px;flex-shrink:10;margin-left:auto;margin-right:auto}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{flex-shrink:1;position:relative;overflow:hidden;text-overflow:ellipsis}.calendar-month-selector a.icon-only,.calendar-year-selector a.icon-only{min-width:36px}:root{--f7-picker-height:260px;--f7-picker-inline-height:200px;--f7-picker-popover-height:200px;--f7-picker-popover-width:280px;--f7-picker-landscape-height:200px;--f7-picker-item-height:36px}.ios{--f7-picker-sheet-bg-color:#cfd5da;--f7-picker-column-font-size:22px;--f7-picker-divider-text-color:#000;--f7-picker-item-text-color:#707274;--f7-picker-item-selected-text-color:#000;--f7-picker-item-selected-border-color:#a8abb0}.ios .theme-dark,.ios.theme-dark{--f7-picker-divider-text-color:#fff;--f7-picker-item-selected-text-color:#fff;--f7-picker-item-selected-border-color:rgba(255, 255, 255, 0.06)}.md{--f7-picker-column-font-size:20px;--f7-picker-divider-text-color:rgba(0, 0, 0, 0.87);--f7-picker-item-text-color:inherit;--f7-picker-item-selected-text-color:inherit;--f7-picker-item-selected-border-color:rgba(0, 0, 0, 0.15)}.md .theme-dark,.md.theme-dark{--f7-picker-divider-text-color:rgba(255, 255, 255, 0.87);--f7-picker-item-selected-border-color:rgba(255, 255, 255, 0.15)}.aurora{--f7-picker-column-font-size:16px;--f7-picker-divider-text-color:#000;--f7-picker-item-height:28px;--f7-picker-item-text-color:#888;--f7-picker-item-selected-text-color:#000;--f7-picker-item-selected-border-color:rgba(0, 0, 0, 0.12)}.aurora .theme-dark,.aurora.theme-dark{--f7-picker-divider-text-color:#fff;--f7-picker-item-selected-text-color:#fff;--f7-picker-item-selected-border-color:rgba(255, 255, 255, 0.06)}.picker{width:100%;height:var(--f7-picker-height)}.picker.picker-inline{height:var(--f7-picker-inline-height)}.popover .picker{height:var(--f7-picker-popover-height)}@media (orientation:landscape) and (max-height:415px){.picker:not(.picker-inline){height:var(--f7-picker-landscape-height)}}.picker.sheet-modal{background:var(--f7-picker-sheet-bg-color,var(--f7-sheet-bg-color))}.picker-popover{width:var(--f7-picker-popover-width)}.picker-popover .toolbar{background:0 0;border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.picker-popover .toolbar:before{display:none!important}.picker-popover .toolbar+.picker-columns{height:calc(100% - var(--f7-toolbar-height))}.picker-columns{display:flex;overflow:hidden;justify-content:center;padding:0;text-align:right;height:100%;position:relative;-webkit-mask-box-image:linear-gradient(to top,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent);font-size:var(--f7-picker-column-font-size)}.picker-column{position:relative;max-height:100%}.picker-column.picker-column-first:before,.picker-column.picker-column-last:after{height:100%;width:100vw;position:absolute;content:'';top:0}.picker-column.picker-column-first:before{left:100%}.picker-column.picker-column-last:after{right:100%}.picker-column.picker-column-left{text-align:left}.picker-column.picker-column-center{text-align:center}.picker-column.picker-column-right{text-align:right}.picker-column.picker-column-divider{display:flex;align-items:center;color:var(--f7-picker-divider-text-color)}.picker-items{transition:.3s;transition-timing-function:ease-out}.picker-item{height:var(--f7-picker-item-height);line-height:var(--f7-picker-item-height);white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;left:0;top:0;width:100%;box-sizing:border-box;transition:.3s;color:var(--f7-picker-item-text-color);cursor:pointer}.picker-item span{padding:0 10px}.picker-column-absolute .picker-item{position:absolute}.picker-item.picker-item-far{pointer-events:none}.picker-item.picker-item-selected{color:var(--f7-picker-item-selected-text-color);transform:translate3d(0,0,0) rotateX(0deg)}.picker-center-highlight{height:var(--f7-picker-item-height);box-sizing:border-box;position:absolute;left:0;width:100%;top:50%;margin-top:calc(-1 * var(--f7-picker-item-height)/ 2);pointer-events:none}.picker-center-highlight:before{content:'';position:absolute;background-color:var(--f7-picker-item-selected-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.picker-center-highlight:after{content:'';position:absolute;background-color:var(--f7-picker-item-selected-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.picker-3d .picker-columns{overflow:hidden;perspective:1200px}.picker-3d .picker-column,.picker-3d .picker-item,.picker-3d .picker-items{transform-style:preserve-3d}.picker-3d .picker-column{overflow:visible}.picker-3d .picker-item{transform-origin:center center -110px;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-timing-function:ease-out}.infinite-scroll-preloader{margin-left:auto;margin-right:auto;text-align:center}.infinite-scroll-preloader.preloader{display:block}.ios .infinite-scroll-preloader{margin-top:35px;margin-bottom:35px}.ios .infinite-scroll-preloader .preloader,.ios .infinite-scroll-preloader.preloader{width:27px;height:27px}.md .infinite-scroll-preloader{margin-top:32px;margin-bottom:32px}.aurora .infinite-scroll-preloader{margin-top:15px;margin-bottom:15px}.ios{--f7-ptr-preloader-size:20px;--f7-ptr-size:44px}.md{--f7-ptr-preloader-size:22px;--f7-ptr-size:40px}.aurora{--f7-ptr-preloader-size:20px;--f7-ptr-size:38px}.ptr-preloader{position:relative;top:var(--f7-ptr-top,0);height:var(--f7-ptr-size)}.ptr-preloader .preloader{position:absolute;left:50%;width:var(--f7-ptr-preloader-size);height:var(--f7-ptr-preloader-size);margin-left:calc(-1 * var(--f7-ptr-preloader-size)/ 2);margin-top:calc(-1 * var(--f7-ptr-preloader-size)/ 2);top:50%;visibility:hidden}.ptr-bottom .ptr-preloader{top:auto;bottom:0;position:fixed}.ios .ptr-preloader{margin-top:calc(-1 * var(--f7-ptr-size));width:100%;left:0}.ios .ptr-arrow{position:absolute;left:50%;top:50%;background:no-repeat center;z-index:10;transform:rotate(0deg) translate3d(0,0,0);transition-duration:.3s;transition-property:transform;width:12px;height:20px;margin-left:-6px;margin-top:-10px;visibility:visible;color:var(--f7-preloader-color)}.ios .ptr-arrow:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;width:12px;height:20px;line-height:20px;font-size:10px;content:'ptr_arrow_ios'}.ios .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader{animation:none}.ios .ptr-refreshing,.ios .ptr-transitioning{transition-duration:.3s;transition-property:transform}.ios .ptr-refreshing{transform:translate3d(0,var(--f7-ptr-size),0)}.ios .ptr-refreshing .ptr-arrow{visibility:hidden}.ios .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.ios .ptr-pull-up .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.ios .ptr-no-navbar{margin-top:calc(-1 * var(--f7-ptr-size));height:calc(100% + var(--f7-ptr-size))}.ios .ptr-no-navbar .ptr-preloader{margin-top:0}.ios .ptr-bottom .ptr-preloader{margin-top:0;margin-bottom:calc(-1 * var(--f7-ptr-size))}.ios .ptr-bottom.ptr-refreshing>*,.ios .ptr-bottom.ptr-transitioning>*{transition-duration:.3s;transition-property:transform}.ios .ptr-bottom.ptr-refreshing{transform:none}.ios .ptr-bottom.ptr-refreshing>*{transform:translate3d(0,calc(-1 * var(--f7-ptr-size)),0)}.ios .ptr-bottom .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.ios .ptr-bottom.ptr-pull-up .ptr-arrow{transform:rotate(0deg) translate3d(0,0,0)}.md{--f7-ptr-top:-4px}.md .ptr-preloader{width:var(--f7-ptr-size);border-radius:50%;background:#fff;margin-top:calc(-1 * var(--f7-ptr-size));z-index:100;box-shadow:var(--f7-elevation-1);right:50%;margin-right:calc(-1 * var(--f7-ptr-size)/ 2)}.md .ptr-preloader .preloader .preloader-inner-gap,.md .ptr-preloader .preloader .preloader-inner-half-circle{border-width:3px}.md .ptr-arrow{width:22px;height:22px;box-sizing:border-box;border:3px solid var(--f7-preloader-color);position:absolute;left:50%;top:50%;margin-left:-11px;margin-top:-11px;border-left-color:transparent;border-radius:50%;opacity:1;transform:rotate(150deg)}.md .ptr-arrow:after{content:'';width:0px;height:0px;position:absolute;left:-5px;bottom:0px;border-bottom-width:6px;border-bottom-style:solid;border-bottom-color:inherit;border-left:5px solid transparent;border-right:5px solid transparent;transform:rotate(-40deg)}.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader,.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader *{animation:none}.md .ptr-pull-up .ptr-preloader .preloader,.md .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.md .ptr-pull-up .ptr-arrow,.md .ptr-refreshing .ptr-arrow{visibility:hidden}.md .ptr-refreshing .ptr-preloader{transform:translate3d(0,66px,0)}.md .ptr-transitioning .ptr-arrow{transition:.3s}.md .ptr-pull-up .ptr-arrow{transition:.4s;transform:rotate(620deg)!important;opacity:0}.md .ptr-refreshing .ptr-preloader,.md .ptr-transitioning .ptr-preloader{transition-duration:.3s;transition-property:transform}.md .ptr-bottom .ptr-preloader{margin-top:0;margin-bottom:calc(-1 * var(--f7-ptr-size) - 4px)}.md .ptr-bottom.ptr-refreshing .ptr-preloader{transform:translate3d(0,-66px,0)}.aurora .ptr-preloader{margin-top:calc(-1 * var(--f7-ptr-size));width:100%;left:0}.aurora .ptr-arrow{position:absolute;left:50%;top:50%;background:no-repeat center;z-index:10;transform:rotate(0deg) translate3d(0,0,0);transition-duration:.3s;transition-property:transform;width:12px;height:20px;margin-left:-6px;margin-top:-10px;visibility:visible;color:var(--f7-preloader-color)}.aurora .ptr-arrow:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;width:12px;height:20px;line-height:20px;font-size:8px;content:'ptr_arrow_ios'}.aurora .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader{animation:none}.aurora .ptr-refreshing,.aurora .ptr-transitioning{transition-duration:.3s;transition-property:transform}.aurora .ptr-refreshing{transform:translate3d(0,var(--f7-ptr-size),0)}.aurora .ptr-refreshing .ptr-arrow{visibility:hidden}.aurora .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.aurora .ptr-pull-up .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.aurora .ptr-no-navbar{margin-top:calc(-1 * var(--f7-ptr-size));height:calc(100% + var(--f7-ptr-size))}.aurora .ptr-no-navbar .ptr-preloader{margin-top:0}.aurora .ptr-bottom .ptr-preloader{margin-top:0;margin-bottom:calc(-1 * var(--f7-ptr-size))}.aurora .ptr-bottom.ptr-refreshing>*,.aurora .ptr-bottom.ptr-transitioning>*{transition-duration:.3s;transition-property:transform}.aurora .ptr-bottom.ptr-refreshing{transform:none}.aurora .ptr-bottom.ptr-refreshing>*{transform:translate3d(0,calc(-1 * var(--f7-ptr-size)),0)}.aurora .ptr-bottom .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.aurora .ptr-bottom.ptr-pull-up .ptr-arrow{transform:rotate(0deg) translate3d(0,0,0)}.lazy-loaded.lazy-fade-in{animation:lazyFadeIn .6s}@keyframes lazyFadeIn{from{opacity:0}to{opacity:1}}:root{--f7-table-head-font-size:12px;--f7-table-body-font-size:14px;--f7-table-footer-font-size:12px;--f7-table-input-height:24px;--f7-table-input-font-size:14px;--f7-table-collapsible-cell-padding:15px;--f7-table-link-icon-only-icon-size:20px;--f7-table-sortable-icon-color:#000}:root .theme-dark,:root.theme-dark{--f7-table-cell-border-color:rgba(255, 255, 255, 0.15);--f7-table-sortable-icon-color:#fff;--f7-table-input-text-color:#fff}.ios{--f7-table-head-font-weight:600;--f7-table-head-text-color:rgba(0, 0, 0, 0.45);--f7-table-head-cell-height:44px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:44px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.22);--f7-table-cell-padding-vertical:0px;--f7-table-cell-padding-horizontal:15px;--f7-table-edge-cell-padding-horizontal:15px;--f7-table-label-cell-padding-horizontal:15px;--f7-table-checkbox-cell-width:22px;--f7-table-selected-row-bg-color:rgba(0, 0, 0, 0.03);--f7-table-title-font-size:17px;--f7-table-title-font-weight:600;--f7-table-card-header-height:64px;--f7-table-footer-height:44px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.45);--f7-table-input-text-color:#000}.ios .theme-dark,.ios.theme-dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.55);--f7-table-footer-text-color:rgba(255, 255, 255, 0.55);--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.08)}.md{--f7-table-head-font-weight:500;--f7-table-head-text-color:rgba(0, 0, 0, 0.54);--f7-table-head-cell-height:56px;--f7-table-head-icon-size:16px;--f7-table-body-cell-height:48px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-cell-padding-vertical:0px;--f7-table-cell-padding-horizontal:28px;--f7-table-edge-cell-padding-horizontal:24px;--f7-table-label-cell-padding-horizontal:24px;--f7-table-checkbox-cell-width:18px;--f7-table-actions-cell-link-color:rgba(0, 0, 0, 0.54);--f7-table-selected-row-bg-color:#f5f5f5;--f7-table-actions-link-color:rgba(0, 0, 0, 0.54);--f7-table-title-font-size:20px;--f7-table-title-font-weight:400;--f7-table-card-header-height:64px;--f7-table-footer-height:56px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.54);--f7-table-input-text-color:#212121}.md .theme-dark,.md.theme-dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.54);--f7-table-footer-text-color:rgba(255, 255, 255, 0.54);--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.05);--f7-table-actions-cell-link-color:rgba(255, 255, 255, 0.54);--f7-table-actions-link-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-table-link-icon-only-icon-size:18px;--f7-table-head-font-weight:400;--f7-table-head-text-color:rgba(0, 0, 0, 0.6);--f7-table-head-cell-height:32px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:32px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-cell-padding-vertical:5px;--f7-table-cell-padding-horizontal:10px;--f7-table-edge-cell-padding-horizontal:15px;--f7-table-label-cell-padding-horizontal:15px;--f7-table-checkbox-cell-width:22px;--f7-table-selected-row-bg-color:rgba(0, 0, 0, 0.03);--f7-table-title-font-size:14px;--f7-table-title-font-weight:600;--f7-table-card-header-height:42px;--f7-table-footer-height:32px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.5);--f7-table-input-text-color:#000}.aurora .theme-dark,.aurora.theme-dark{--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.03);--f7-table-head-text-color:rgba(255, 255, 255, 0.52);--f7-table-footer-text-color:rgba(255, 255, 255, 0.52)}.data-table{overflow-x:auto}.data-table table,table.data-table{width:100%;border:none;padding:0;margin:0;border-collapse:collapse;text-align:right}.data-table thead td,.data-table thead th{font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:16px;height:var(--f7-table-head-cell-height)}.data-table thead td:not(.sortable-cell-active),.data-table thead th:not(.sortable-cell-active){color:var(--f7-table-head-text-color)}.data-table thead i.f7-icons,.data-table thead i.icon,.data-table thead i.material-icons{vertical-align:top;font-size:var(--f7-table-head-icon-size);width:var(--f7-table-head-icon-size);height:var(--f7-table-head-icon-size)}.data-table tbody{font-size:var(--f7-table-body-font-size)}.data-table tbody td,.data-table tbody th{height:var(--f7-table-body-cell-height)}.data-table tbody tr.data-table-row-selected,.device-desktop .data-table tbody tr:hover{background:var(--f7-table-selected-row-bg-color)}.data-table tbody td:before,.data-table tbody th:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table td,.data-table th{--f7-table-cell-padding-left:var(--f7-table-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-cell-padding-horizontal);padding-top:var(--f7-table-cell-padding-vertical);padding-bottom:var(--f7-table-cell-padding-vertical);padding-left:var(--f7-table-cell-padding-left);padding-right:var(--f7-table-cell-padding-right);position:relative;box-sizing:border-box}.data-table td:first-child,.data-table th:first-child{--f7-table-cell-padding-right:var(--f7-table-edge-cell-padding-horizontal)}.data-table td:last-child,.data-table th:last-child{--f7-table-cell-padding-left:var(--f7-table-edge-cell-padding-horizontal)}.data-table td.label-cell,.data-table th.label-cell{--f7-table-cell-padding-left:var(--f7-table-label-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-label-cell-padding-horizontal)}.data-table td.numeric-cell,.data-table th.numeric-cell{text-align:left}.data-table td.checkbox-cell,.data-table th.checkbox-cell{overflow:visible;width:var(--f7-table-checkbox-cell-width)}.data-table td.checkbox-cell label+span,.data-table th.checkbox-cell label+span{margin-right:8px}.data-table td.checkbox-cell:first-child,.data-table th.checkbox-cell:first-child{padding-left:calc(var(--f7-table-cell-padding-left)/ 2)}.data-table td.checkbox-cell:first-child+td,.data-table td.checkbox-cell:first-child+th,.data-table th.checkbox-cell:first-child+td,.data-table th.checkbox-cell:first-child+th{padding-right:calc(var(--f7-table-cell-padding-right)/ 2)}.data-table td.checkbox-cell:last-child,.data-table th.checkbox-cell:last-child{padding-right:calc(var(--f7-table-cell-padding-right)/ 2)}.data-table td.actions-cell,.data-table th.actions-cell{text-align:left;white-space:nowrap}.data-table td.actions-cell a.link,.data-table th.actions-cell a.link{color:var(--f7-table-actions-cell-link-color,var(--f7-theme-color))}.card .data-table td a.icon-only,.card .data-table th a.icon-only,.card.data-table td a.icon-only,.card.data-table th a.icon-only,.data-table td a.icon-only,.data-table th a.icon-only{display:inline-block;vertical-align:middle;text-align:center;font-size:0;min-width:0}.card .data-table td a.icon-only i,.card .data-table th a.icon-only i,.card.data-table td a.icon-only i,.card.data-table th a.icon-only i,.data-table td a.icon-only i,.data-table th a.icon-only i{font-size:var(--f7-table-link-icon-only-icon-size);vertical-align:middle}.data-table .sortable-cell:not(.input-cell){cursor:pointer;position:relative}.data-table .sortable-cell.input-cell .table-head-label{cursor:pointer;position:relative}.data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.data-table .sortable-cell.numeric-cell:not(.input-cell):before,.data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{content:'arrow_bottom_md';font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;display:inline-block;vertical-align:top;width:16px;height:16px;color:var(--f7-table-sortable-icon-color);font-size:13px;line-height:16px;transition-duration:.3s;transform:rotate(0);opacity:0}.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before{opacity:.54}.data-table .sortable-cell.sortable-cell-active .table-head-label:after,.data-table .sortable-cell.sortable-cell-active .table-head-label:before,.data-table .sortable-cell.sortable-cell-active:after,.data-table .sortable-cell.sortable-cell-active:before{opacity:.87!important}.data-table .sortable-cell.sortable-desc:after,.data-table .sortable-cell.sortable-desc:before,.data-table .table-head-label:after,.data-table .table-head-label:before{transform:rotate(180deg)!important}.card .data-table .card-footer,.card .data-table .card-header,.data-table.card .card-footer,.data-table.card .card-header{padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal)}.card .data-table .card-header,.data-table.card .card-header{min-height:var(--f7-table-card-header-height)}.card .data-table .card-content,.data-table.card .card-content{overflow-x:auto}.card .data-table .card-footer,.data-table.card .card-footer{min-height:var(--f7-table-footer-height)}.data-table .data-table-title{font-size:var(--f7-table-title-font-size);font-weight:var(--f7-table-title-font-weight)}.data-table .data-table-actions,.data-table .data-table-links{display:flex}.data-table .data-table-links .button{min-width:64px}.data-table .data-table-actions{margin-right:auto;align-items:center}.data-table .data-table-actions a.link{color:var(--f7-table-actions-link-color,var(--f7-theme-color));min-width:0}.data-table .data-table-actions a.link.icon-only{line-height:1;justify-content:center;padding:0}.data-table .data-table-header,.data-table .data-table-header-selected{display:flex;justify-content:space-between;align-items:center;width:100%}.data-table .card-header>.data-table-header,.data-table .card-header>.data-table-header-selected{padding-top:var(--f7-card-header-padding-vertical);padding-bottom:var(--f7-card-header-padding-vertical);height:100%;padding-right:var(--f7-table-edge-cell-padding-horizontal);padding-left:var(--f7-table-edge-cell-padding-horizontal);margin-right:calc(-1 * var(--f7-table-edge-cell-padding-horizontal));margin-left:calc(-1 * var(--f7-table-edge-cell-padding-horizontal))}.data-table .data-table-header-selected{background:rgba(var(--f7-theme-color-rgb),.1);display:none}.data-table.data-table-has-checked .data-table-header{display:none}.data-table.data-table-has-checked .data-table-header-selected{display:flex}.data-table .data-table-title-selected{font-size:14px;color:var(--f7-theme-color)}.data-table .data-table-footer{display:flex;align-items:center;box-sizing:border-box;position:relative;font-size:var(--f7-table-footer-font-size);overflow:hidden;min-height:var(--f7-table-footer-height);color:var(--f7-table-footer-text-color);justify-content:flex-start}.data-table .data-table-footer:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table .data-table-pagination,.data-table .data-table-rows-select{display:flex;align-items:center}.data-table .input-cell{padding-top:8px;padding-bottom:8px;height:auto;vertical-align:top}.data-table .input-cell .table-head-label+.input{margin-top:4px}.data-table .input-cell .input{height:var(--f7-table-input-height)}.data-table .input-cell .input input,.data-table .input-cell .input select,.data-table .input-cell .input textarea{height:var(--f7-table-input-height);color:var(--f7-table-input-text-color);font-size:var(--f7-table-input-font-size)}@media (max-width:480px) and (orientation:portrait){.data-table.data-table-collapsible thead{display:none}.data-table.data-table-collapsible tbody,.data-table.data-table-collapsible td,.data-table.data-table-collapsible tr{display:block}.data-table.data-table-collapsible tr{position:relative}.data-table.data-table-collapsible tr:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table.data-table-collapsible tr:hover{background-color:inherit}.data-table.data-table-collapsible td{--f7-table-cell-padding-left:var(--f7-table-collapsible-cell-padding);--f7-table-cell-padding-right:var(--f7-table-collapsible-cell-padding);height:auto;min-height:var(--f7-table-body-cell-height);display:flex;align-content:center;align-items:center;justify-content:flex-start;text-align:right}.data-table.data-table-collapsible td:before{display:none!important}.data-table.data-table-collapsible td:not(.checkbox-cell):before{width:40%;display:block!important;content:attr(data-collapsible-title);position:relative;height:auto;background:0 0!important;transform:none!important;font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);color:var(--f7-table-head-text-color);margin-left:16px;flex-shrink:0}.data-table.data-table-collapsible td.checkbox-cell{position:absolute;top:0;right:0}.data-table.data-table-collapsible td.checkbox-cell+td{padding-right:16px}.data-table.data-table-collapsible td.checkbox-cell~td{margin-right:32px}}.data-table .tablet-landscape-only,.data-table .tablet-only{display:none}@media (min-width:768px){.data-table .tablet-only{display:table-cell}}@media (min-width:768px) and (orientation:landscape){.data-table .tablet-landscape-only{display:table-cell}}.ios .data-table td.actions-cell a.link+a.link,.ios .data-table th.actions-cell a.link+a.link{margin-right:15px}.ios .sortable-cell:not(.numeric-cell):after{margin-right:5px}.ios .sortable-cell.numeric-cell:before{margin-left:5px}.ios .data-table-actions .button+.button,.ios .data-table-actions a.link+a.link,.ios .data-table-links .button+.button,.ios .data-table-links a.link+a.link{margin-right:15px}.ios .data-table-actions a.link.icon-only{width:44px;height:44px}.ios .data-table-pagination a.link,.ios .data-table-rows-select a.link{width:44px;height:44px}.ios .data-table-rows-select+.data-table-pagination{margin-right:30px}.ios .data-table-rows-select .input{margin-right:20px}.ios .data-table-pagination-label{margin-left:15px}.md .data-table td.actions-cell a.link+a.link,.md .data-table th.actions-cell a.link+a.link{margin-right:24px}.md .data-table td.actions-cell a.icon-only,.md .data-table th.actions-cell a.icon-only{width:24px;height:24px;line-height:24px}.md .sortable-cell:not(.numeric-cell):after{margin-right:8px}.md .sortable-cell.numeric-cell:before{margin-left:8px}.md .data-table-actions .button+.button,.md .data-table-actions a.link+a.link,.md .data-table-links .button+.button,.md .data-table-links a.link+a.link{margin-right:24px}.md .data-table-actions a.link.icon-only{width:24px;height:24px;overflow:visible}.md .data-table-actions a.link.icon-only.active-state{background:0 0}.md .data-table-pagination a.link,.md .data-table-rows-select a.link{width:48px;height:48px}.md .data-table-pagination a.link:before,.md .data-table-rows-select a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .data-table-pagination a.link.active-state:before,.md .data-table-rows-select a.link.active-state:before{opacity:1;transition-duration:150ms}.md .data-table-rows-select+.data-table-pagination{margin-right:32px}.md .data-table-rows-select .input{margin-right:24px}.md .data-table-pagination-label{margin-left:20px}.md .input-cell .input-clear-button{transform:scale(.8)}.aurora .data-table td.actions-cell a.link+a.link,.aurora .data-table th.actions-cell a.link+a.link{margin-right:10px}.aurora .sortable-cell:not(.numeric-cell):after{margin-right:5px}.aurora .sortable-cell.numeric-cell:before{margin-left:5px}.aurora .data-table-actions .button+.button,.aurora .data-table-actions a.link+a.link,.aurora .data-table-links .button+.button,.aurora .data-table-links a.link+a.link{margin-right:10px}.aurora .data-table-pagination a.link,.aurora .data-table-rows-select a.link{width:32px;height:32px}.aurora .data-table-rows-select+.data-table-pagination{margin-right:15px}.aurora .data-table-rows-select .input{margin-right:10px}.aurora .data-table-pagination-label{margin-left:10px}:root{--f7-fab-text-color:#fff;--f7-fab-extended-text-font-size:14px;--f7-fab-extended-text-padding:0 20px;--f7-fab-label-bg-color:#fff;--f7-fab-label-text-color:#333;--f7-fab-label-border-radius:4px;--f7-fab-label-padding:4px 12px;--f7-fab-button-size:40px}.ios{--f7-fab-size:50px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-margin:15px;--f7-fab-extended-size:50px;--f7-fab-extended-text-font-weight:400;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4);--f7-fab-label-font-size:inherit}.md{--f7-fab-size:56px;--f7-fab-box-shadow:var(--f7-elevation-6);--f7-fab-margin:16px;--f7-fab-extended-size:48px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0.03em;--f7-fab-label-box-shadow:var(--f7-elevation-3);--f7-fab-label-font-size:inherit}.aurora{--f7-fab-size:40px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-margin:15px;--f7-fab-extended-size:38px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4);--f7-fab-label-font-size:12px}.fab{position:absolute;z-index:1500}.fab a{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.fab[class*=fab-left]{left:calc(var(--f7-fab-margin) + var(--f7-safe-area-left))}.fab[class*=fab-right]{right:calc(var(--f7-fab-margin) + var(--f7-safe-area-right))}.fab[class*="-top"]{top:var(--f7-fab-margin)}.fab[class*="-bottom"]{bottom:calc(var(--f7-fab-margin) + var(--f7-safe-area-bottom))}.fab[class*=fab-center]{left:50%;transform:translateX(-50%)}.fab[class*=left-center],.fab[class*=right-center]{top:50%;transform:translateY(-50%)}.fab[class*=center-center]{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.fab-buttons a,.fab>a{background-color:var(--f7-fab-bg-color,var(--f7-theme-color));width:var(--f7-fab-size);height:var(--f7-fab-size);box-shadow:var(--f7-fab-box-shadow);border-radius:calc(var(--f7-fab-size)/ 2);position:relative;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1;color:var(--f7-fab-text-color)}.fab-buttons a.active-state,.fab>a.active-state{background-color:var(--f7-fab-pressed-bg-color,var(--f7-theme-color-shade))}.fab>a i{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);transition:.3s}.fab>a i+i{transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);opacity:0}.fab-buttons a{border-radius:calc(var(--f7-fab-button-size)/ 2);width:var(--f7-fab-button-size);height:var(--f7-fab-button-size)}.fab-buttons{display:flex;visibility:hidden;pointer-events:none;position:absolute}.fab-buttons a{opacity:0}.fab-opened:not(.fab-morph)>a i{transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);opacity:0}.fab-opened:not(.fab-morph)>a i+i{transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;transform:translate3d(0,0px,0) scale(1)!important}.fab-opened .fab-buttons a:nth-child(2){transition-delay:50ms}.fab-opened .fab-buttons a:nth-child(3){transition-delay:.1s}.fab-opened .fab-buttons a:nth-child(4){transition-delay:150ms}.fab-opened .fab-buttons a:nth-child(5){transition-delay:.2s}.fab-opened .fab-buttons a:nth-child(6){transition-delay:250ms}.fab-buttons-bottom,.fab-buttons-top{left:50%;width:var(--f7-fab-button-size);margin-left:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-top{bottom:100%;margin-bottom:16px;flex-direction:column-reverse}.fab-buttons-top a{transform:translate3d(0,8px,0) scale(.3);transform-origin:center bottom}.fab-buttons-top a+a{margin-bottom:16px}.fab-buttons-bottom{top:100%;margin-top:16px;flex-direction:column}.fab-buttons-bottom a{transform:translate3d(0,-8px,0) scale(.3);transform-origin:center top}.fab-buttons-bottom a+a{margin-top:16px}.fab-buttons-left,.fab-buttons-right{top:50%;height:var(--f7-fab-button-size);margin-top:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-left{right:100%;margin-right:16px}.fab-buttons-left a{transform:translate3d(8px,0px,0) scale(.3);transform-origin:right center}.fab-buttons-left a+a{margin-right:16px}.fab-buttons-right{left:100%;margin-left:16px;flex-direction:row-reverse}.fab-buttons-right a{transform:translate3d(-8px,0,0) scale(.3);transform-origin:left center}.fab-buttons-right a+a{margin-left:16px}.fab-buttons-center{left:0%;top:0%;width:100%;height:100%}.fab-buttons-center a{position:absolute}.fab-buttons-center a:nth-child(1){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);bottom:100%;margin-bottom:16px;transform:translateY(-8px) scale(.3);transform-origin:center bottom}.fab-buttons-center a:nth-child(2){left:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-left:16px;transform:translateX(-8px) scale(.3);transform-origin:left center}.fab-buttons-center a:nth-child(3){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);top:100%;margin-top:16px;transform:translateY(8px) scale(.3);transform-origin:center top}.fab-buttons-center a:nth-child(4){right:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-right:16px;transform:translateX(8px) scale(.3);transform-origin:right center}.fab-morph{border-radius:calc(var(--f7-fab-size)/ 2);background:var(--f7-fab-bg-color,var(--f7-theme-color));box-shadow:var(--f7-fab-box-shadow)}.fab-morph>a{box-shadow:none;background:0 0!important}.fab-opened.fab-morph>a i{opacity:0}.fab-morph,.fab-morph-target,.fab-morph>a{transition-duration:250ms}.fab-morph-target:not(.fab-morph-target-visible){display:none}.fab-extended{width:auto;min-width:var(--f7-fab-extended-size)}.fab-extended>a{width:100%;height:var(--f7-fab-extended-size)}.fab-extended>a i{left:calc(var(--f7-fab-extended-size)/ 2)}.fab-extended i~.fab-text{padding-left:var(--f7-fab-extended-size)}.fab-extended>a{width:100%!important}.fab-text{box-sizing:border-box;font-size:var(--f7-fab-extended-text-font-size);padding:var(--f7-fab-extended-text-padding);font-weight:var(--f7-fab-extended-text-font-weight);letter-spacing:var(--f7-fab-extended-text-letter-spacing);text-transform:uppercase}.fab-label-button{overflow:visible!important}.fab-label{position:absolute;top:50%;padding:var(--f7-fab-label-padding);border-radius:var(--f7-fab-label-border-radius);background:var(--f7-fab-label-bg-color);color:var(--f7-fab-label-text-color);box-shadow:var(--f7-fab-label-box-shadow);white-space:nowrap;transform:translateY(-50%);pointer-events:none;font-size:var(--f7-fab-label-font-size)}.fab[class*=fab-right-] .fab-label{right:100%;margin-right:8px}.fab[class*=fab-left-] .fab-label{left:100%;margin-left:8px}.navbar~* .fab[class*="-top"],.navbar~.fab[class*="-top"]{margin-top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .toolbar-top-ios~* .fab[class*="-top"],.ios .toolbar-top-ios~.fab[class*="-top"],.md .toolbar-top-md~* .fab[class*="-top"],.md .toolbar-top-md~.fab[class*="-top"],.toolbar-top~* .fab[class*="-top"],.toolbar-top~.fab[class*="-top"]{margin-top:var(--f7-toolbar-height)}.ios .toolbar-bottom-ios~* .fab[class*="-bottom"],.ios .toolbar-bottom-ios~.fab[class*="-bottom"],.md .toolbar-bottom-md~* .fab[class*="-bottom"],.md .toolbar-bottom-md~.fab[class*="-bottom"],.toolbar-bottom~* .fab[class*="-bottom"],.toolbar-bottom~.fab[class*="-bottom"]{margin-bottom:var(--f7-toolbar-height)}.ios .tabbar-labels.toolbar-bottom-ios~* .fab[class*="-bottom"],.ios .tabbar-labels.toolbar-bottom-ios~.fab[class*="-bottom"],.md .tabbar-labels.toolbar-bottom-md~* .fab[class*="-bottom"],.md .tabbar-labels.toolbar-bottom-md~.fab[class*="-bottom"],.tabbar-labels.toolbar-bottom~* .fab[class*="-bottom"],.tabbar-labels.toolbar-bottom~.fab[class*="-bottom"]{margin-bottom:var(--f7-tabbar-labels-height)}.ios .tabbar-labels.toolbar-top-ios~* .fab[class*="-bottom"],.ios .tabbar-labels.toolbar-top-ios~.fab[class*="-bottom"],.md .tabbar-labels.toolbar-top-md~* .fab[class*="-bottom"],.md .tabbar-labels.toolbar-top-md~.fab[class*="-bottom"],.tabbar-labels.toolbar-top~* .fab[class*="-bottom"],.tabbar-labels.toolbar-top~.fab[class*="-bottom"]{margin-top:var(--f7-tabbar-labels-height)}.messagebar~* .fab[class*="-bottom"],.messagebar~.fab[class*="-bottom"]{margin-bottom:var(--f7-messagebar-height)}.ios .navbar+.toolbar-top-ios~* .fab[class*="-top"],.ios .navbar+.toolbar-top-ios~.fab[class*="-top"],.md .navbar+.toolbar-top-ios~* .fab[class*="-top"],.md .navbar+.toolbar-top-ios~.fab[class*="-top"],.navbar+.toolbar-top~* .fab[class*="-top"],.navbar+.toolbar-top~.fab[class*="-top"]{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.md .navbar+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.navbar+.toolbar-top.tabbar-labels~* .fab[class*="-top"],.navbar+.toolbar-top.tabbar-labels~.fab[class*="-top"]{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .fab-buttons a.active-state,.ios .fab>a.active-state{transition-duration:0s}:root{--f7-searchbar-input-border-width:0px;--f7-searchbar-input-border-color:transparent;--f7-searchbar-input-text-color:#000;--f7-searchbar-placeholder-color:rgba(0, 0, 0, 0.4)}:root .theme-dark,:root.theme-dark{--f7-searchbar-input-text-color:#fff;--f7-searchbar-placeholder-color:rgba(255, 255, 255, 0.4)}.ios{--f7-searchbar-height:44px;--f7-searchbar-inner-padding-left:8px;--f7-searchbar-inner-padding-right:8px;--f7-searchbar-search-icon-color:rgba(0, 0, 0, 0.4);--f7-searchbar-input-font-size:17px;--f7-searchbar-input-bg-color:#e4e4e4;--f7-searchbar-input-border-radius:8px;--f7-searchbar-input-height:32px;--f7-searchbar-input-padding-horizontal:28px;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.4);--f7-searchbar-shadow-image:none;--f7-searchbar-in-page-content-margin:0px;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:0;--f7-searchbar-in-page-content-input-border-radius:0}.ios .theme-dark,.ios.theme-dark{--f7-searchbar-search-icon-color:rgba(255, 255, 255, 0.4);--f7-searchbar-input-bg-color:#2a2a2a}.md{--f7-searchbar-bg-color:#fff;--f7-searchbar-border-color:transparent;--f7-searchbar-height:48px;--f7-searchbar-inner-padding-left:0px;--f7-searchbar-inner-padding-right:0px;--f7-searchbar-link-color:#737373;--f7-searchbar-search-icon-color:#737373;--f7-searchbar-input-font-size:20px;--f7-searchbar-input-bg-color:#fff;--f7-searchbar-input-border-radius:0px;--f7-searchbar-input-height:100%;--f7-searchbar-input-padding-horizontal:48px;--f7-searchbar-inline-input-padding-horizontal:24px;--f7-searchbar-input-clear-button-color:#737373;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.25);--f7-searchbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-searchbar-in-page-content-margin:8px;--f7-searchbar-in-page-content-box-shadow:var(--f7-elevation-1);--f7-searchbar-in-page-content-border-radius:4px;--f7-searchbar-in-page-content-input-border-radius:4px}.md .theme-dark,.md.theme-dark{--f7-searchbar-bg-color:#222222;--f7-searchbar-input-bg-color:#222222}.aurora{--f7-searchbar-height:38px;--f7-searchbar-inner-padding-left:8px;--f7-searchbar-inner-padding-right:8px;--f7-searchbar-search-icon-color:rgba(0, 0, 0, 0.4);--f7-searchbar-input-font-size:13px;--f7-searchbar-input-bg-color:#fff;--f7-searchbar-input-border-radius:4px;--f7-searchbar-input-height:24px;--f7-searchbar-input-padding-horizontal:24px;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.4);--f7-searchbar-shadow-image:none;--f7-searchbar-in-page-content-margin:0px;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:0}.aurora .theme-dark,.aurora.theme-dark{--f7-searchbar-input-bg-color:#333;--f7-searchbar-search-icon-color:rgba(255, 255, 255, 0.4)}.searchbar{width:100%;position:relative;z-index:200;height:var(--f7-searchbar-height);background-image:var(--f7-searchbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-searchbar-bg-color,var(--f7-bars-bg-color))}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .searchbar{background-color:rgba(var(--f7-searchbar-bg-color-rgb,var(--f7-bars-bg-color-rgb)),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.ios .subnavbar .searchbar{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.ios .subnavbar .searchbar:after{display:none!important}.searchbar.no-border:after,.searchbar.no-hairline:after{display:none!important}.searchbar.no-shadow:before{display:none!important}.searchbar:after{content:'';position:absolute;background-color:var(--f7-searchbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.page>.searchbar:not(.searchbar-inline){z-index:510}.page>.searchbar:not(.searchbar-inline):before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-searchbar-shadow-image)}.searchbar input[type=search],.searchbar input[type=text]{box-sizing:border-box;width:100%;height:100%;display:block;border:var(--f7-searchbar-input-border-width) solid var(--f7-searchbar-input-border-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-weight:400;color:var(--f7-searchbar-input-text-color);font-size:var(--f7-searchbar-input-font-size);background-color:var(--f7-searchbar-input-bg-color);border-radius:var(--f7-searchbar-input-border-radius);position:relative;padding:0;padding-left:calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-right,0px));padding-right:calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-left,0px))}.searchbar input[type=search]::-webkit-input-placeholder,.searchbar input[type=text]::-webkit-input-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::-moz-placeholder,.searchbar input[type=text]::-moz-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::-ms-input-placeholder,.searchbar input[type=text]::-ms-input-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::placeholder,.searchbar input[type=text]::placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.searchbar .searchbar-input-wrap{flex-shrink:1;width:100%;height:var(--f7-searchbar-input-height);position:relative}.searchbar a{color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.page>.searchbar:not(.searchbar-inline){position:absolute;left:0;top:0}.page-content .searchbar:not(.searchbar-inline){border-radius:var(--f7-searchbar-in-page-content-border-radius);margin:var(--f7-searchbar-in-page-content-margin);width:auto;box-shadow:var(--f7-searchbar-in-page-content-box-shadow)}.page-content .searchbar:not(.searchbar-inline) .searchbar-inner,.page-content .searchbar:not(.searchbar-inline) input[type=search],.page-content .searchbar:not(.searchbar-inline) input[type=text]{border-radius:var(--f7-searchbar-in-page-content-input-border-radius,var(--f7-searchbar-input-border-radius))}.searchbar .input-clear-button{color:var(--f7-searchbar-input-clear-button-color,var(--f7-input-clear-button-color))}.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-searchbar-height);position:absolute;transition-duration:.3s;pointer-events:none}.navbar-inner .searchbar-expandable{background:0 0}.navbar-inner .searchbar-expandable:after{display:none!important}.navbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-navbar-height)}.toolbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-toolbar-height)}.subnavbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-subnavbar-height)}.tabbar-labels .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-tabbar-labels-height)}.searchbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding:0 calc(var(--f7-searchbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-searchbar-inner-padding-left) + var(--f7-safe-area-left))}.searchbar-disable-button{cursor:pointer;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;outline:0;padding:0;margin:0;width:auto;opacity:0}.searchbar-icon{pointer-events:none;background-position:center;background-repeat:no-repeat}.searchbar-icon:after{color:var(--f7-searchbar-search-icon-color);font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.searchbar-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;opacity:0;pointer-events:none;transition-duration:.3s;transform:translate3d(0,0,0);background:var(--f7-searchbar-backdrop-bg-color)}.searchbar-backdrop.searchbar-backdrop-in{opacity:1;pointer-events:auto}.page-content>.searchbar-backdrop{position:fixed}.searchbar-not-found{display:none}.hidden-by-searchbar,.list .hidden-by-searchbar,.list li.hidden-by-searchbar,.list.li.hidden-by-searchbar{display:none!important}.navbar-inner.with-searchbar-expandable-enabled-no-transition,.navbar.with-searchbar-expandable-enabled-no-transition{--f7-navbar-large-collapse-progress:1}.navbar-inner.with-searchbar-expandable-enabled,.navbar.with-searchbar-expandable-enabled{--f7-navbar-large-collapse-progress:1}.navbar-inner.with-searchbar-expandable-enabled .navbar-bg,.navbar-inner.with-searchbar-expandable-enabled .title-large,.navbar-inner.with-searchbar-expandable-enabled .title-large-inner,.navbar-inner.with-searchbar-expandable-enabled .title-large-text,.navbar.with-searchbar-expandable-enabled .navbar-bg,.navbar.with-searchbar-expandable-enabled .title-large,.navbar.with-searchbar-expandable-enabled .title-large-inner,.navbar.with-searchbar-expandable-enabled .title-large-text{transition-duration:.3s}.navbar-inner.with-searchbar-expandable-closing .navbar-bg,.navbar-inner.with-searchbar-expandable-closing .title-large,.navbar-inner.with-searchbar-expandable-closing .title-large-inner,.navbar-inner.with-searchbar-expandable-closing .title-large-text,.navbar.with-searchbar-expandable-closing .navbar-bg,.navbar.with-searchbar-expandable-closing .title-large,.navbar.with-searchbar-expandable-closing .title-large-inner,.navbar.with-searchbar-expandable-closing .title-large-text{transition-duration:.3s}.page-content.with-searchbar-expandable-enabled{height:calc(100% + var(--f7-navbar-large-title-height));transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)));transition-duration:.3s;transition-property:transform}.page-content.with-searchbar-expandable-closing{transition-duration:.3s}.navbar~.page:not(.no-navbar)>.searchbar,.page>.navbar~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.navbar~.page-with-navbar-large:not(.no-navbar) .searchbar,.page-with-navbar-large .navbar~* .searchbar,.page-with-navbar-large .navbar~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height) + var(--f7-safe-area-top));transform:translate3d(0,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.searchbar~*{--f7-page-searchbar-offset:var(--f7-searchbar-height)}.aurora .page>.toolbar-top-aurora~.searchbar,.ios .page>.toolbar-top-ios~.searchbar,.md .page>.toolbar-top-md~.searchbar,.page>.toolbar-top~.searchbar{top:var(--f7-toolbar-height)}.aurora .page>.tabbar-labels.toolbar-top-aurora~.searchbar,.ios .page>.tabbar-labels.toolbar-top-ios~.searchbar,.md .page>.tabbar-labels.toolbar-top-md~.searchbar,.page>.tabbar-labels.toolbar-top~.searchbar{top:var(--f7-tabbar-labels-height)}.aurora .page>.navbar~.toolbar-top-aurora~.searchbar,.ios .page>.navbar~.toolbar-top-ios~.searchbar,.md .page>.navbar~.toolbar-top-md~.searchbar,.page>.navbar~.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-safe-area-top))}.aurora .page>.navbar~.tabbar-labels.toolbar-top-aurora~.searchbar,.ios .page>.navbar~.tabbar-labels.toolbar-top-ios~.searchbar,.md .page>.navbar~.tabbar-labels.toolbar-top-md~.searchbar,.page>.navbar~.tabbar-labels.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-safe-area-top))}.searchbar.searchbar-inline{width:auto;height:auto;background-color:transparent;background-image:none}.searchbar.searchbar-inline:after,.searchbar.searchbar-inline:before{display:none!important}.searchbar.searchbar-inline .searchbar-input-wrap{height:var(--f7-searchbar-inline-input-height,var(--f7-searchbar-input-height))}.searchbar.searchbar-inline .searchbar-inner{padding:0;position:static;width:auto;height:auto}.searchbar.searchbar-inline input[type=search],.searchbar.searchbar-inline input[type=text]{font-size:var(--f7-searchbar-inline-input-font-size,var(--f7-searchbar-input-font-size));padding-left:calc(var(--f7-searchbar-inline-input-padding-horizontal,var(--f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-right,0px));padding-right:calc(var(--f7-searchbar-inline-input-padding-horizontal,var(--f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-left,0px))}.ios .searchbar input[type=search],.ios .searchbar input[type=text]{z-index:30}.ios .searchbar .input-clear-button{z-index:40;left:7px}.ios .searchbar-icon{width:13px;height:13px;position:absolute;top:50%;margin-top:-6px;z-index:40;right:8px}.ios .searchbar-icon:after{content:'search_ios';line-height:13px}.ios .searchbar-disable-button{font-size:17px;flex-shrink:0;transform:translate3d(0,0,0);transition-duration:.3s;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));display:none}.ios .searchbar-disable-button.active-state{transition-duration:0s;opacity:.3!important}.ios .searchbar-enabled .searchbar-disable-button{pointer-events:auto;opacity:1;margin-right:8px}.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button{transition-duration:.3s!important}.ios .searchbar-expandable{right:0;bottom:0;opacity:1;width:100%;height:0%;transform:translate3d(0,0,0);overflow:hidden}.ios .searchbar-expandable .searchbar-disable-button{margin-right:8px;opacity:1;display:block}.ios .searchbar-expandable .searchbar-inner{height:var(--f7-searchbar-expandable-size)}.ios .navbar-inner.with-searchbar-expandable-closing .navbar-bg,.ios .navbar-inner.with-searchbar-expandable-enabled .navbar-bg{transition-property:transform,opacity}.ios .navbar-inner.with-searchbar-expandable-closing .left,.ios .navbar-inner.with-searchbar-expandable-closing .navbar-bg,.ios .navbar-inner.with-searchbar-expandable-closing .right,.ios .navbar-inner.with-searchbar-expandable-closing .title,.ios .navbar-inner.with-searchbar-expandable-enabled .left,.ios .navbar-inner.with-searchbar-expandable-enabled .navbar-bg,.ios .navbar-inner.with-searchbar-expandable-enabled .right,.ios .navbar-inner.with-searchbar-expandable-enabled .title{transition-duration:.3s}.ios .navbar-inner.with-searchbar-expandable-enabled .left,.ios .navbar-inner.with-searchbar-expandable-enabled .right,.ios .navbar-inner.with-searchbar-expandable-enabled .title,.ios .navbar-inner.with-searchbar-expandable-enabled-no-transition .left,.ios .navbar-inner.with-searchbar-expandable-enabled-no-transition .right,.ios .navbar-inner.with-searchbar-expandable-enabled-no-transition .title{transform:translateY(calc(-1 * var(--f7-navbar-height)));opacity:0!important}.ios .searchbar-expandable.searchbar-enabled{opacity:1;height:var(--f7-searchbar-expandable-size);pointer-events:auto}.md .searchbar-disable-button,.md .searchbar-icon{position:absolute;right:calc(-4px + var(--f7-safe-area-right));top:50%;transition-duration:.3s}.md .searchbar-icon{width:24px;height:24px;margin-left:12px;margin-top:-12px}.md .searchbar-icon:after{content:'search_md';line-height:1.2}.md .searchbar-disable-button{width:48px;height:48px;transform:rotate(-90deg) scale(.5);font-size:0!important;display:block;margin-top:-24px;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.md .searchbar-disable-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .searchbar-disable-button.active-state:before{opacity:1;transition-duration:150ms}.md .searchbar-disable-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;line-height:48px;content:"arrow_right_md"}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button{transform:rotate(0deg) scale(1);pointer-events:auto;opacity:1}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-icon{opacity:0;transform:rotate(90deg) scale(.5)}.md .searchbar{--f7-searchbar-input-extra-padding-left:17px}.md .searchbar .input-clear-button{width:48px;height:48px;margin-top:-24px;left:0}.md .searchbar .input-clear-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .searchbar .input-clear-button.active-state:before{opacity:1;transition-duration:150ms}.md .searchbar .input-clear-button:after{line-height:48px;content:'delete_md';opacity:1}.md .searchbar .input-clear-button:before{margin-left:0;margin-top:0}.md .page>.searchbar,.md .searchbar-expandable,.md .subnavbar .searchbar{--f7-searchbar-input-extra-padding-left:calc(17px + 8px)}.md .page>.searchbar .searchbar-disable-button,.md .page>.searchbar .searchbar-icon,.md .searchbar-expandable .searchbar-disable-button,.md .searchbar-expandable .searchbar-icon,.md .subnavbar .searchbar .searchbar-disable-button,.md .subnavbar .searchbar .searchbar-icon{right:calc(-4px + 8px + var(--f7-safe-area-right))}.md .searchbar-expandable{height:var(--f7-searchbar-expandable-size);opacity:0;bottom:0;border-radius:calc(var(--f7-searchbar-expandable-size));width:calc(var(--f7-searchbar-expandable-size));margin-top:calc(var(--f7-searchbar-expandable-size) * -1 / 2);transform:translate3d(0px,0px,0px);right:100%;margin-right:calc(var(--f7-searchbar-expandable-size) * -1)}.md .searchbar-expandable.searchbar-enabled{width:100%;border-radius:0;opacity:1;pointer-events:auto;margin-top:0;right:0;margin-right:0}.aurora .searchbar input[type=search],.aurora .searchbar input[type=text]{z-index:30}.aurora .searchbar .input-clear-button{z-index:40;left:4px}.aurora .searchbar-icon{width:13px;height:13px;position:absolute;top:50%;margin-top:-6px;z-index:40;right:6px}.aurora .searchbar-icon:after{content:'search_aurora';line-height:13px}.aurora .searchbar-disable-button{font-size:14px;flex-shrink:0;transform:translate3d(0,0,0);transition-duration:.3s;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));display:none}.aurora .searchbar-disable-button.active-state{transition-duration:0s;opacity:.3!important}.aurora .searchbar-enabled .searchbar-disable-button{pointer-events:auto;opacity:1;margin-right:8px}.aurora .searchbar:not(.searchbar-enabled) .searchbar-disable-button{transition-duration:.3s!important}.aurora .searchbar-expandable{right:0;top:auto;bottom:0;opacity:0;width:100%;transform:translate3d(0,0%,0);overflow:hidden}.aurora .searchbar-expandable .searchbar-disable-button{margin-right:8px;opacity:1;display:block}.aurora .searchbar-expandable .searchbar-inner{height:var(--f7-searchbar-expandable-size)}.aurora .searchbar-expandable.searchbar-enabled{opacity:1;pointer-events:auto}:root{--f7-messages-content-bg-color:#fff;--f7-message-text-header-text-color:inherit;--f7-message-text-header-opacity:0.65;--f7-message-text-header-font-size:12px;--f7-message-text-footer-text-color:inherit;--f7-message-text-footer-opacity:0.65;--f7-message-text-footer-font-size:12px;--f7-message-bubble-line-height:1.2;--f7-message-header-font-size:12px;--f7-message-footer-font-size:11px;--f7-message-name-font-size:12px;--f7-message-name-font-weight:inherit;--f7-message-typing-indicator-bg-color:#000;--f7-message-avatar-border-radius:50%;--f7-messages-title-font-weight:inherit;--f7-message-sent-text-color:#fff;--f7-message-received-bg-color:#e5e5ea;--f7-message-received-text-color:#000}:root .theme-dark,:root.theme-dark{--f7-messages-content-bg-color:transparent;--f7-message-received-bg-color:#333;--f7-message-received-text-color:#fff;--f7-message-typing-indicator-bg-color:#fff}.ios{--f7-messages-title-text-color:rgba(0, 0, 0, 0.45);--f7-messages-title-font-size:11px;--f7-message-header-text-color:rgba(0, 0, 0, 0.45);--f7-message-footer-text-color:rgba(0, 0, 0, 0.45);--f7-message-name-text-color:rgba(0, 0, 0, 0.45);--f7-message-avatar-size:29px;--f7-message-margin:10px;--f7-message-bubble-min-height:32px;--f7-message-bubble-font-size:17px;--f7-message-bubble-border-radius:16px;--f7-message-bubble-padding-vertical:6px;--f7-message-bubble-padding-horizontal:16px;--f7-message-typing-indicator-opacity:0.35}.md{--f7-messages-title-text-color:rgba(0, 0, 0, 0.51);--f7-messages-title-font-size:12px;--f7-message-header-text-color:rgba(0, 0, 0, 0.51);--f7-message-footer-text-color:rgba(0, 0, 0, 0.51);--f7-message-name-text-color:rgba(0, 0, 0, 0.51);--f7-message-avatar-size:32px;--f7-message-margin:16px;--f7-message-bubble-min-height:32px;--f7-message-bubble-font-size:16px;--f7-message-bubble-border-radius:4px;--f7-message-bubble-padding-vertical:6px;--f7-message-bubble-padding-horizontal:8px;--f7-message-typing-indicator-opacity:0.6}.md .theme-dark,.md.theme-dark{--f7-messages-title-text-color:rgba(255, 255, 255, 0.54);--f7-message-header-text-color:rgba(255, 255, 255, 0.54);--f7-message-name-text-color:rgba(255, 255, 255, 0.54);--f7-message-footer-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-messages-title-text-color:rgba(0, 0, 0, 0.51);--f7-messages-title-font-size:12px;--f7-message-header-text-color:rgba(0, 0, 0, 0.51);--f7-message-footer-text-color:rgba(0, 0, 0, 0.51);--f7-message-name-text-color:rgba(0, 0, 0, 0.51);--f7-message-avatar-size:24px;--f7-message-margin:10px;--f7-message-bubble-min-height:28px;--f7-message-bubble-font-size:13px;--f7-message-bubble-line-height:1.4;--f7-message-bubble-border-radius:14px;--f7-message-bubble-padding-vertical:5px;--f7-message-bubble-padding-horizontal:10px;--f7-message-typing-indicator-opacity:0.5}.aurora .theme-dark,.aurora.theme-dark{--f7-messages-title-text-color:rgba(255, 255, 255, 0.52);--f7-message-header-text-color:rgba(255, 255, 255, 0.52);--f7-message-name-text-color:rgba(255, 255, 255, 0.52);--f7-message-footer-text-color:rgba(255, 255, 255, 0.52)}.messages,.messages-content{background:var(--f7-messages-content-bg-color)}.messages{display:flex;flex-direction:column;min-height:100%;position:relative;z-index:1}.message,.messages-title{margin-top:var(--f7-message-margin)}.message:last-child,.messages-title:last-child{margin-bottom:var(--f7-message-margin)}.messages-title{text-align:center;width:100%;line-height:1;color:var(--f7-messages-title-text-color);font-size:var(--f7-messages-title-font-size);font-weight:var(--f7-messages-title-font-weight)}.message{max-width:70%;box-sizing:border-box;display:flex;align-items:flex-end;position:relative;z-index:1;transform:translate3d(0,0,0)}.message-avatar{border-radius:var(--f7-message-avatar-border-radius);position:relative;background-size:cover;align-self:flex-end;flex-shrink:0;width:var(--f7-message-avatar-size);height:var(--f7-message-avatar-size)}.message-content{position:relative;display:flex;flex-direction:column}.message-footer,.message-header,.message-name{line-height:1}.message-header{color:var(--f7-message-header-text-color);font-size:var(--f7-message-header-font-size)}.message-footer{color:var(--f7-message-footer-text-color);font-size:var(--f7-message-footer-font-size);margin-bottom:-1em}.message-name{color:var(--f7-message-name-text-color);font-size:var(--f7-message-name-font-size);font-weight:var(--f7-message-name-font-weight)}.message-bubble{box-sizing:border-box;word-break:break-word;display:flex;flex-direction:column;position:relative;line-height:var(--f7-message-bubble-line-height);font-size:var(--f7-message-bubble-font-size);border-radius:var(--f7-message-bubble-border-radius);padding:var(--f7-message-bubble-padding-vertical) var(--f7-message-bubble-padding-horizontal);min-height:var(--f7-message-bubble-min-height)}.message-image img{display:block;max-width:100%;height:auto;width:auto}.message-text-footer,.message-text-header{line-height:1}.message-text-header{color:var(--f7-message-text-header-text-color);opacity:var(--f7-message-text-header-opacity);font-size:var(--f7-message-text-header-font-size)}.message-text-footer{color:var(--f7-message-text-footer-text-color);opacity:var(--f7-message-text-footer-opacity);font-size:var(--f7-message-text-footer-font-size)}.message-text{text-align:left}.message-sent{text-align:right;flex-direction:row;align-self:flex-start}.message-sent .message-bubble{color:var(--f7-message-sent-text-color);background:var(--f7-message-sent-bg-color,var(--f7-theme-color))}.message-sent .message-content{align-items:flex-start}.message-sent.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0 var(--f7-message-bubble-border-radius)}.message-received{flex-direction:row-reverse;align-self:flex-end}.message-received .message-bubble{color:var(--f7-message-received-text-color);background:var(--f7-message-received-bg-color)}.message-received .message-content{align-items:flex-end}.message-received.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0}.message:not(.message-last) .message-avatar{opacity:0}.message:not(.message-first) .message-name{display:none}.message.message-same-name .message-name{display:none}.message.message-same-header .message-header{display:none}.message.message-same-footer .message-footer{display:none}.message-appear-from-bottom{animation:message-appear-from-bottom .3s}.message-appear-from-top{animation:message-appear-from-top .3s}.message-typing-indicator{display:inline-block;font-size:0;vertical-align:middle}.message-typing-indicator>div{display:inline-block;position:relative;background:var(--f7-message-typing-indicator-bg-color);opacity:var(--f7-message-typing-indicator-opacity);vertical-align:middle;border-radius:50%}@keyframes message-appear-from-bottom{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}@keyframes message-appear-from-top{from{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,0,0)}}.ios .message-footer b,.ios .message-header b,.ios .message-name b,.ios .messages-title b{font-weight:600}.ios .message-header,.ios .message-name{margin-bottom:3px}.ios .message-footer{margin-top:3px}.ios .message-bubble{min-width:48px}.ios .message-image{margin:var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal))}.ios .message-image:first-child{margin-top:calc(-1 * var(--f7-message-bubble-padding-vertical))}.ios .message-image:first-child img{border-top-left-radius:var(--f7-message-bubble-border-radius);border-top-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-image:last-child{margin-bottom:calc(-1 * var(--f7-message-bubble-padding-vertical))}.ios .message-image:last-child img{border-bottom-left-radius:var(--f7-message-bubble-border-radius);border-bottom-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-text-header{margin-bottom:3px}.ios .message-text-footer{margin-top:3px}.ios .message-received{margin-left:calc(10px + var(--f7-safe-area-left))}.ios .message-received .message-footer,.ios .message-received .message-header,.ios .message-received .message-name{margin-left:var(--f7-message-bubble-padding-horizontal)}.ios .message-received .message-bubble{padding-left:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received .message-image{margin-left:calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px))}.ios .message-received.message-tail:not(.message-typing) .message-bubble{-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img{border-bottom-left-radius:0px}.ios .message-sent{margin-right:calc(10px + var(--f7-safe-area-right))}.ios .message-sent .message-footer,.ios .message-sent .message-header,.ios .message-sent .message-name{margin-right:var(--f7-message-bubble-padding-horizontal)}.ios .message-sent .message-bubble{padding-right:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent .message-image{margin-right:calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px))}.ios .message-sent.message-tail .message-bubble{-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent.message-tail .message-bubble .message-image:last-child img{border-bottom-right-radius:0px}.ios .message+.message:not(.message-first){margin-top:1px}.ios .message-received.message-typing .message-content:after,.ios .message-received.message-typing .message-content:before{content:'';position:absolute;background:var(--f7-message-received-bg-color);border-radius:50%}.ios .message-received.message-typing .message-content:after{width:11px;height:11px;left:4px;bottom:0px}.ios .message-received.message-typing .message-content:before{width:6px;height:6px;left:-1px;bottom:-4px}.ios .message-typing-indicator>div{width:9px;height:9px}.ios .message-typing-indicator>div+div{margin-right:4px}.ios .message-typing-indicator>div:nth-child(1){animation:ios-message-typing-indicator .9s infinite}.ios .message-typing-indicator>div:nth-child(2){animation:ios-message-typing-indicator .9s 150ms infinite}.ios .message-typing-indicator>div:nth-child(3){animation:ios-message-typing-indicator .9s .3s infinite}@keyframes ios-message-typing-indicator{0%{opacity:.35}25%{opacity:.2}50%{opacity:.2}}.md .message-footer b,.md .message-header b,.md .message-name b,.md .messages-title b{font-weight:500}.md .message-header,.md .message-name{margin-bottom:2px}.md .message-footer{margin-top:2px}.md .message-text-header{margin-bottom:4px}.md .message-text-footer{margin-top:4px}.md .message-received.message-tail .message-bubble:before,.md .message-sent.message-tail .message-bubble:before{position:absolute;content:'';bottom:0;width:0;height:0}.md .message-received{margin-left:calc(8px + var(--f7-safe-area-left))}.md .message-received .message-avatar+.message-content{margin-left:var(--f7-message-bubble-padding-horizontal)}.md .message-received.message-tail .message-bubble:before{border-left:8px solid transparent;border-right:0 solid transparent;border-bottom:8px solid var(--f7-message-received-bg-color);right:100%}.md .message-sent{margin-right:calc(8px + var(--f7-safe-area-right))}.md .message-sent .message-avatar+.message-content{margin-right:var(--f7-message-bubble-padding-horizontal)}.md .message-sent.message-tail .message-bubble:before{border-left:0 solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--f7-message-sent-bg-color,var(--f7-theme-color));left:100%}.md .message+.message:not(.message-first){margin-top:8px}.md .message-typing-indicator>div{width:6px;height:6px}.md .message-typing-indicator>div+div{margin-right:6px}.md .message-typing-indicator>div:nth-child(1){animation:md-message-typing-indicator .9s infinite}.md .message-typing-indicator>div:nth-child(2){animation:md-message-typing-indicator .9s 150ms infinite}.md .message-typing-indicator>div:nth-child(3){animation:md-message-typing-indicator .9s .3s infinite}@keyframes md-message-typing-indicator{0%{transform:translateY(0%)}25%{transform:translateY(-5px)}50%{transform:translateY(0%)}}.aurora .message-footer b,.aurora .message-header b,.aurora .message-name b,.aurora .messages-title b{font-weight:500}.aurora .message-header,.aurora .message-name{margin-bottom:2px}.aurora .message-footer{margin-top:2px}.aurora .message-text-header{margin-bottom:2px}.aurora .message-text-footer{margin-top:2px}.aurora .message-received.message-tail .message-bubble:before,.aurora .message-sent.message-tail .message-bubble:before{position:absolute;content:'';bottom:0;width:0;height:0}.aurora .message-image{margin:var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal) + 4px)}.aurora .message-image:first-child{margin-top:calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px)}.aurora .message-image:first-child img{border-top-left-radius:var(--f7-message-bubble-border-radius);border-top-right-radius:var(--f7-message-bubble-border-radius)}.aurora .message-image:last-child{margin-bottom:calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px)}.aurora .message-image:last-child img{border-bottom-left-radius:var(--f7-message-bubble-border-radius);border-bottom-right-radius:var(--f7-message-bubble-border-radius)}.aurora .message-received{margin-left:calc(15px + var(--f7-safe-area-left))}.aurora .message-received .message-avatar+.message-content{margin-left:5px}.aurora .message-received .message-footer,.aurora .message-received .message-header,.aurora .message-received .message-name{margin-left:var(--f7-message-bubble-padding-horizontal)}.aurora .message-received.message-tail .message-bubble:before{border-left:6px solid transparent;border-right:0 solid transparent;border-bottom:6px solid var(--f7-message-received-bg-color);right:100%;transform:translate(2px,0px) rotate(-15deg);transform-origin:right bottom}.aurora .message-sent{margin-right:calc(15px + var(--f7-safe-area-right))}.aurora .message-sent .message-avatar+.message-content{margin-right:5px}.aurora .message-sent .message-footer,.aurora .message-sent .message-header,.aurora .message-sent .message-name{margin-right:var(--f7-message-bubble-padding-horizontal)}.aurora .message-sent.message-tail .message-bubble:before{border-left:0 solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--f7-message-sent-bg-color,var(--f7-theme-color));left:100%;transform:translate(-2px,0px) rotate(15deg);transform-origin:left bottom}.aurora .message+.message:not(.message-first){margin-top:5px}.aurora .message-typing-indicator>div{width:6px;height:6px}.aurora .message-typing-indicator>div+div{margin-right:4px}.aurora .message-typing-indicator>div:nth-child(1){animation:aurora-message-typing-indicator .9s infinite}.aurora .message-typing-indicator>div:nth-child(2){animation:aurora-message-typing-indicator .9s 150ms infinite}.aurora .message-typing-indicator>div:nth-child(3){animation:aurora-message-typing-indicator .9s .3s infinite}@keyframes aurora-message-typing-indicator{0%{transform:translateY(0%)}50%{transform:translateY(-5px)}100%{transform:translateY(0%)}}:root{--f7-messagebar-bg-color:#fff;--f7-messagebar-bg-color-rgb:255,255,255;--f7-messagebar-shadow-image:none;--f7-messagebar-textarea-bg-color:transparent;--f7-messagebar-attachments-height:155px;--f7-messagebar-attachment-height:155px;--f7-messagebar-attachment-landscape-height:120px;--f7-messagebar-sheet-height:252px;--f7-messagebar-sheet-landscape-height:192px}:root .theme-dark,:root.theme-dark{--f7-messagebar-bg-color:var(--f7-bars-bg-color);--f7-messagebar-bg-color-rgb:var(--f7-bars-bg-color-rgb)}.ios{--f7-messagebar-height:44px;--f7-messagebar-font-size:17px;--f7-messagebar-border-color:transparent;--f7-messagebar-textarea-border-radius:17px;--f7-messagebar-textarea-padding:6px 15px;--f7-messagebar-textarea-height:34px;--f7-messagebar-textarea-text-color:#000;--f7-messagebar-textarea-font-size:17px;--f7-messagebar-textarea-line-height:20px;--f7-messagebar-textarea-border:1px solid #c8c8cd;--f7-messagebar-sheet-bg-color:#d1d5da;--f7-messagebar-attachments-border-color:#c8c8cd;--f7-messagebar-attachment-border-radius:12px}.ios .theme-dark,.ios.theme-dark{--f7-messagebar-textarea-text-color:#fff;--f7-messagebar-textarea-border:1px solid var(--f7-bars-border-color);--f7-messagebar-attachments-border-color:var(--f7-bars-border-color)}.md{--f7-messagebar-height:48px;--f7-messagebar-font-size:16px;--f7-messagebar-link-color:#333;--f7-messagebar-border-color:#d1d1d1;--f7-messagebar-textarea-border-radius:0px;--f7-messagebar-textarea-padding:5px 8px;--f7-messagebar-textarea-height:32px;--f7-messagebar-textarea-text-color:#333;--f7-messagebar-textarea-font-size:16px;--f7-messagebar-textarea-line-height:22px;--f7-messagebar-textarea-border:1px solid transparent;--f7-messagebar-sheet-bg-color:#fff;--f7-messagebar-attachments-border-color:#ddd;--f7-messagebar-attachment-border-radius:4px}.md .theme-dark,.md.theme-dark{--f7-messagebar-border-color:rgba(255, 255, 255, 0.15);--f7-messagebar-link-color:rgba(255, 255, 255, 0.87);--f7-messagebar-textarea-text-color:rgba(255, 255, 255, 0.87);--f7-messagebar-attachments-border-color:rgba(255, 255, 255, 0.2)}.aurora{--f7-messagebar-height:38px;--f7-messagebar-font-size:14px;--f7-messagebar-border-color:transparent;--f7-messagebar-textarea-border-radius:12px;--f7-messagebar-textarea-padding:3px 10px;--f7-messagebar-textarea-height:24px;--f7-messagebar-textarea-text-color:#000;--f7-messagebar-textarea-font-size:13px;--f7-messagebar-textarea-line-height:16px;--f7-messagebar-textarea-border:1px solid #c8c8cd;--f7-messagebar-sheet-bg-color:#fff;--f7-messagebar-attachments-border-color:#c8c8cd;--f7-messagebar-attachment-border-radius:12px}.aurora .theme-dark,.aurora.theme-dark{--f7-messagebar-textarea-text-color:#fff;--f7-messagebar-textarea-border:1px solid var(--f7-bars-border-color);--f7-messagebar-attachments-border-color:var(--f7-bars-border-color)}.messagebar{transform:translate3d(0,0,0);background:var(--f7-messagebar-bg-color);height:auto;min-height:var(--f7-messagebar-height);font-size:var(--f7-messagebar-font-size);padding-bottom:var(--f7-safe-area-bottom);bottom:0}.messagebar:before{content:'';position:absolute;background-color:var(--f7-messagebar-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.messagebar:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-messagebar-shadow-image)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .messagebar{background-color:rgba(var(--f7-messagebar-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.messagebar.no-border:before,.messagebar.no-hairline:before{display:none!important}.messagebar.no-shadow:after,.messagebar.toolbar-hidden:after{display:none!important}.messagebar .toolbar-inner{top:auto;position:relative;height:auto;bottom:auto;padding-left:calc(var(--f7-messagebar-inner-padding-left,var(--f7-toolbar-inner-padding-left)) + var(--f7-safe-area-left));padding-right:calc(var(--f7-messagebar-inner-padding-right,var(--f7-toolbar-inner-padding-right)) + var(--f7-safe-area-right));flex-direction:row-reverse}.messagebar.messagebar-sheet-visible>.toolbar-inner{bottom:0}.messagebar .messagebar-area{width:100%;flex-shrink:1;overflow:hidden;position:relative}.messagebar textarea{width:100%;flex-shrink:1;background-color:var(--f7-messagebar-textarea-bg-color);border-radius:var(--f7-messagebar-textarea-border-radius);padding:var(--f7-messagebar-textarea-padding);height:var(--f7-messagebar-textarea-height);color:var(--f7-messagebar-textarea-text-color);font-size:var(--f7-messagebar-textarea-font-size);line-height:var(--f7-messagebar-textarea-line-height);border:var(--f7-messagebar-textarea-border)}.messagebar a.link{align-self:flex-end;flex-shrink:0;color:var(--f7-messagebar-link-color,var(--f7-theme-color))}.messagebar-attachments{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;font-size:0;white-space:nowrap;box-sizing:border-box;position:relative}.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments{display:none}.messagebar-attachment{background-size:cover;background-position:center;background-repeat:no-repeat;display:inline-block;vertical-align:middle;white-space:normal;height:var(--f7-messagebar-attachment-height);position:relative;border-radius:var(--f7-messagebar-attachment-border-radius)}@media (orientation:landscape){.messagebar-attachment{height:var(--f7-messagebar-attachment-landscape-height)}}.messagebar-attachment img{display:block;width:auto;height:100%;border-radius:var(--f7-messagebar-attachment-border-radius)}.messagebar-attachment+.messagebar-attachment{margin-right:8px}.messagebar-sheet{overflow:auto;-webkit-overflow-scrolling:touch;display:flex;flex-wrap:wrap;flex-direction:column;align-content:flex-start;height:var(--f7-messagebar-sheet-height);background-color:var(--f7-messagebar-sheet-bg-color);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}@media (orientation:landscape){.messagebar-sheet{height:var(--f7-messagebar-sheet-landscape-height)}}.messagebar-sheet-image,.messagebar-sheet-item{box-sizing:border-box;flex-shrink:0;margin-top:1px;position:relative;overflow:hidden;height:calc((var(--f7-messagebar-sheet-height) - 2px)/ 2);width:calc((var(--f7-messagebar-sheet-height) - 2px)/ 2);margin-right:1px}@media (orientation:landscape){.messagebar-sheet-image,.messagebar-sheet-item{width:calc((var(--f7-messagebar-sheet-landscape-height) - 2px)/ 2);height:calc((var(--f7-messagebar-sheet-landscape-height) - 2px)/ 2)}}.messagebar-sheet-image .icon-checkbox,.messagebar-sheet-image .icon-radio,.messagebar-sheet-item .icon-checkbox,.messagebar-sheet-item .icon-radio{position:absolute;right:8px;bottom:8px}.messagebar-sheet-image{background-size:cover;background-position:center;background-repeat:no-repeat}.messagebar-attachment-delete{display:block;position:absolute;border-radius:50%;box-sizing:border-box;cursor:pointer;box-shadow:0px 0px 2px rgba(0,0,0,.2)}.messagebar-attachment-delete:after,.messagebar-attachment-delete:before{position:absolute;content:'';left:50%;top:50%}.messagebar-attachment-delete:after{transform:rotate(45deg)}.messagebar-attachment-delete:before{transform:rotate(-45deg)}.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet{display:none}.messagebar~*{--f7-page-toolbar-bottom-offset:var(--f7-messagebar-height)}.ios .messagebar a.link.icon-only:first-child{margin-left:-8px}.ios .messagebar a.link.icon-only:last-child{margin-right:-8px}.ios .messagebar a.link:not(.icon-only)+.messagebar-area{margin-left:8px}.ios .messagebar .messagebar-area+a.link:not(.icon-only){margin-left:8px}.ios .messagebar-area{margin-top:5px;margin-bottom:5px}.ios .messagebar-attachments{padding:5px;border-radius:var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0;border:1px solid var(--f7-messagebar-attachments-border-color);border-bottom:none}.ios .messagebar-attachments-visible .messagebar-attachments+textarea{border-radius:0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius)}.ios .messagebar-attachment{font-size:14px}.ios .messagebar-attachment-delete{right:5px;top:5px;width:20px;height:20px;background:#7d7e80;border:2px solid #fff}.ios .messagebar-attachment-delete:after,.ios .messagebar-attachment-delete:before{width:10px;height:2px;background:#fff;margin-left:-5px;margin-top:-1px}.md .messagebar-attachments{padding:8px;border-bottom:1px solid var(--f7-messagebar-attachments-border-color)}.md .messagebar-area{margin-top:8px;margin-bottom:8px}.md .messagebar-sheet-image .icon-checkbox,.md .messagebar-sheet-item .icon-checkbox{border-color:#fff;background:rgba(255,255,255,.25);box-shadow:0px 0px 10px rgba(0,0,0,.5)}.md .messagebar-attachment-delete{right:8px;top:8px;width:24px;height:24px;background-color:var(--f7-theme-color);border-radius:4px}.md .messagebar-attachment-delete:after,.md .messagebar-attachment-delete:before{width:14px;height:2px;background:#fff;margin-left:-7px;margin-top:-1px}.aurora .messagebar a.link+.messagebar-area{margin-left:5px}.aurora .messagebar .messagebar-area+a.link{margin-left:5px}.aurora .messagebar-area{margin-top:5px;margin-bottom:5px}.aurora .messagebar-sheet-image .icon-checkbox,.aurora .messagebar-sheet-item .icon-checkbox{background:rgba(255,255,255,.25)}.aurora .messagebar-attachments{padding:5px;border-radius:var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0;border:1px solid var(--f7-messagebar-attachments-border-color);border-bottom:none}.aurora .messagebar-attachments-visible .messagebar-attachments+textarea{border-radius:0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius)}.aurora .messagebar-attachment{font-size:14px}.aurora .messagebar-attachment-delete{right:5px;top:5px;width:14px;height:14px;background:grey}.aurora .messagebar-attachment-delete:after,.aurora .messagebar-attachment-delete:before{width:8px;height:1px;background:#fff;margin-left:-4px;margin-top:-1px}.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{touch-action:pan-x}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;line-height:44px;text-align:center;margin-top:-22px;z-index:10;cursor:pointer;color:var(--f7-theme-color)}.swiper-button-next:after,.swiper-button-prev:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;font-size:44px}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'swiper_prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'swiper_next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--f7-theme-color)}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--f7-theme-color);position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.preloader.swiper-lazy-preloader{position:absolute;left:50%;top:50%;z-index:10;width:32px;height:32px;margin-left:-16px;margin-top:-16px}:root{--f7-photobrowser-bg-color:#fff;--f7-photobrowser-bars-bg-image:none;--f7-photobrowser-caption-font-size:14px;--f7-photobrowser-caption-light-text-color:#000;--f7-photobrowser-caption-light-bg-color:rgba(255, 255, 255, 0.8);--f7-photobrowser-caption-dark-text-color:#fff;--f7-photobrowser-caption-dark-bg-color:rgba(0, 0, 0, 0.8);--f7-photobrowser-exposed-bg-color:#000;--f7-photobrowser-dark-bg-color:#000;--f7-photobrowser-dark-bars-bg-color:rgba(27, 27, 27, 0.8);--f7-photobrowser-dark-bars-text-color:#fff;--f7-photobrowser-dark-bars-link-color:#fff}.photo-browser{position:absolute;left:0;top:0;width:100%;height:100%;z-index:400}.photo-browser-standalone.modal-in{transition-duration:0s;animation:photo-browser-in .4s}.photo-browser-standalone.modal-out{transition-duration:0s;animation:photo-browser-out .4s}.photo-browser-standalone.modal-out.swipe-close-to-bottom,.photo-browser-standalone.modal-out.swipe-close-to-top{animation:none}.photo-browser-popup.modal-out.swipe-close-to-bottom,.photo-browser-popup.modal-out.swipe-close-to-top{transition-duration:.3s}.photo-browser-popup.modal-out.swipe-close-to-bottom{transform:translate3d(0,100%,0)}.photo-browser-popup.modal-out.swipe-close-to-top{transform:translate3d(0,-100vh,0)}.photo-browser-page{background:0 0}.photo-browser-page .toolbar{transform:none}.photo-browser-popup{background:0 0}.photo-browser-of{margin:0 5px}.photo-browser-captions{pointer-events:none;position:absolute;left:0;width:100%;bottom:var(--f7-safe-area-bottom);z-index:10;opacity:1;transition:.4s}.photo-browser-captions.photo-browser-captions-exposed{opacity:0}.toolbar~.photo-browser-captions{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom));transform:translate3d(0,0px,0)}.toolbar~.photo-browser-captions.photo-browser-captions-exposed{transform:translate3d(0,0px,0)}.photo-browser-caption{box-sizing:border-box;transition:.3s;position:absolute;bottom:0;left:0;opacity:0;padding:4px 5px;width:100%;text-align:center;font-size:var(--f7-photobrowser-caption-font-size)}.photo-browser-caption:empty{display:none}.photo-browser-caption.photo-browser-caption-active{opacity:1}.photo-browser-captions-light .photo-browser-caption{color:var(--f7-photobrowser-caption-light-text-color);background:var(--f7-photobrowser-caption-light-bg-color)}.photo-browser-captions-dark .photo-browser-caption{color:var(--f7-photobrowser-caption-dark-text-color);background:var(--f7-photobrowser-caption-dark-bg-color)}.photo-browser-swiper-container{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:var(--f7-photobrowser-bg-color);transition:.4s;transition-property:background-color}.photo-browser-next.swiper-button-disabled,.photo-browser-prev.swiper-button-disabled{opacity:.3;pointer-events:none}.photo-browser-slide{width:100%;height:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-shrink:0;box-sizing:border-box}.photo-browser-slide.photo-browser-transitioning{transition:.4s;transition-property:transform}.photo-browser-slide span.swiper-zoom-container{display:none}.photo-browser-slide img{width:auto;height:auto;max-width:100%;max-height:100%;display:none}.photo-browser-slide.swiper-slide-active span.swiper-zoom-container,.photo-browser-slide.swiper-slide-next span.swiper-zoom-container,.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container{display:flex}.photo-browser-slide.swiper-slide-active img,.photo-browser-slide.swiper-slide-next img,.photo-browser-slide.swiper-slide-prev img{display:inline}.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader{display:block}.photo-browser-slide iframe{width:100%;height:100%}.photo-browser-slide .preloader{display:none;position:absolute;width:42px;height:42px;margin-left:-21px;margin-top:-21px;left:50%;top:50%}.navbar-inner-photo-browser .navbar-bg,.photo-browser-page .navbar-bg,.photo-browser-page .toolbar{background-color:var(--f7-photobrowser-bars-bg-color,rgba(var(--f7-bars-bg-color-rgb),.95));background-image:var(--f7-photobrowser-bars-bg-image)}.photo-browser-page .navbar,.photo-browser-page .toolbar{transition:.4s;color:var(--f7-photobrowser-bars-text-color,var(--f7-bars-text-color))}.photo-browser-page .navbar a,.photo-browser-page .toolbar a{color:var(--f7-photobrowser-bars-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.photo-browser-exposed .navbar,.photo-browser-exposed .toolbar{opacity:0;visibility:hidden;pointer-events:none}.photo-browser-exposed .toolbar~.photo-browser-captions{transform:translate3d(0,var(--f7-toolbar-height),0)}.photo-browser-exposed .photo-browser-swiper-container{background:var(--f7-photobrowser-exposed-bg-color)}.photo-browser-exposed .photo-browser-caption{color:var(--f7-photobrowser-caption-dark-text-color);background:var(--f7-photobrowser-caption-dark-bg-color)}.view.with-photo-browser-page-exposed .navbar{opacity:0;pointer-events:none}.navbar-inner-photo-browser-dark .navbar-bg,.photo-browser-page-dark .navbar-bg,.photo-browser-page-dark .toolbar{background:var(--f7-photobrowser-dark-bars-bg-color)}.navbar-inner-photo-browser-dark .navbar-bg:before,.photo-browser-page-dark .navbar-bg:before,.photo-browser-page-dark .toolbar:before{display:none!important}.navbar-inner-photo-browser-dark .navbar-bg:after,.photo-browser-page-dark .navbar-bg:after,.photo-browser-page-dark .toolbar:after{display:none!important}.navbar-inner-photo-browser-dark,.photo-browser-dark .navbar,.photo-browser-dark .toolbar,.photo-browser-dark-page .navbar,.photo-browser-dark-page .toolbar{--f7-touch-ripple-color:var(--f7-touch-ripple-white);--f7-link-highlight-color:var(--f7-link-highlight-white);color:var(--f7-photobrowser-dark-bars-text-color)}.navbar-inner-photo-browser-dark a,.photo-browser-dark .navbar a,.photo-browser-dark .toolbar a,.photo-browser-dark-page .navbar a,.photo-browser-dark-page .toolbar a{color:var(--f7-photobrowser-dark-bars-link-color)}.photo-browser-dark .photo-browser-swiper-container,.photo-browser-page-dark .photo-browser-swiper-container{background:var(--f7-photobrowser-dark-bg-color)}@keyframes photo-browser-in{0%{transform:translate3d(0,0,0) scale(.5);opacity:0}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(1);opacity:1}}@keyframes photo-browser-out{0%{transform:translate3d(0,0,0) scale(1);opacity:1}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(.5);opacity:0}}:root{--f7-notification-max-width:568px;--f7-notification-subtitle-text-transform:none;--f7-notification-subtitle-line-height:1.35;--f7-notification-text-text-transform:none;--f7-notification-text-font-weight:400}.ios{--f7-notification-margin:8px;--f7-notification-padding:10px;--f7-notification-border-radius:12px;--f7-notification-box-shadow:0px 5px 25px -10px rgba(0, 0, 0, 0.7);--f7-notification-bg-color:rgba(250, 250, 250, 0.95);--f7-notification-bg-color-rgb:255,255,255;--f7-notification-icon-size:20px;--f7-notification-title-color:#000;--f7-notification-title-font-size:13px;--f7-notification-title-text-transform:uppercase;--f7-notification-title-line-height:1.4;--f7-notification-title-font-weight:400;--f7-notification-title-letter-spacing:0.02em;--f7-notification-title-right-color:#444a51;--f7-notification-title-right-font-size:13px;--f7-notification-subtitle-color:#000;--f7-notification-subtitle-font-size:15px;--f7-notification-subtitle-font-weight:600;--f7-notification-text-color:#000;--f7-notification-text-font-size:15px;--f7-notification-text-line-height:1.2}.md{--f7-notification-margin:0px;--f7-notification-padding:16px;--f7-notification-border-radius:0px;--f7-notification-box-shadow:0 2px 4px rgba(0, 0, 0, 0.22),0 1px 2px rgba(0, 0, 0, 0.24);--f7-notification-bg-color:#fff;--f7-notification-icon-size:16px;--f7-notification-title-color:var(--f7-theme-color);--f7-notification-title-font-size:12px;--f7-notification-title-text-transform:none;--f7-notification-title-line-height:1;--f7-notification-title-font-weight:400;--f7-notification-title-right-color:#757575;--f7-notification-title-right-font-size:12px;--f7-notification-subtitle-color:#212121;--f7-notification-subtitle-font-size:14px;--f7-notification-subtitle-font-weight:400;--f7-notification-text-color:#757575;--f7-notification-text-font-size:14px;--f7-notification-text-line-height:1.35}.aurora{--f7-notification-margin:10px;--f7-notification-padding:10px;--f7-notification-border-radius:4px;--f7-notification-box-shadow:0px 5px 25px -10px rgba(0, 0, 0, 0.7);--f7-notification-bg-color:#fff;--f7-notification-icon-size:18px;--f7-notification-title-color:#000;--f7-notification-title-font-size:13px;--f7-notification-title-text-transform:uppercase;--f7-notification-title-line-height:1.4;--f7-notification-title-font-weight:500;--f7-notification-title-letter-spacing:0.02em;--f7-notification-title-right-color:rgba(255, 255, 255, 0.6);--f7-notification-title-right-font-size:13px;--f7-notification-subtitle-color:#000;--f7-notification-subtitle-font-size:12px;--f7-notification-subtitle-font-weight:600;--f7-notification-text-color:#000;--f7-notification-text-font-size:12px;--f7-notification-text-line-height:1.2}.notification{--f7-link-highlight-color:var(--f7-link-highlight-black);--f7-touch-ripple-color:var(--f7-touch-ripple-black);position:absolute;left:var(--f7-notification-margin);top:var(--f7-notification-margin);width:calc(100% - var(--f7-notification-margin) * 2);z-index:20000;font-size:14px;margin:0;border:none;display:none;box-sizing:border-box;transition-property:transform;direction:ltr;max-width:var(--f7-notification-max-width);padding:var(--f7-notification-padding);border-radius:var(--f7-notification-border-radius);box-shadow:var(--f7-notification-box-shadow);background:var(--f7-notification-bg-color);margin-top:var(--f7-safe-area-top)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .notification{background-color:rgba(var(--f7-notification-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}@media (min-width:568px){.notification{left:50%;width:var(--f7-notification-max-width);margin-left:calc(-1 * var(--f7-notification-max-width)/ 2)}}.notification-title{color:var(--f7-notification-title-color,var(--f7-theme-color));font-size:var(--f7-notification-title-font-size);text-transform:var(--f7-notification-title-text-transform);line-height:var(--f7-notification-title-line-height);font-weight:var(--f7-notification-title-font-weight);letter-spacing:var(--f7-notification-title-letter-spacing)}.notification-subtitle{color:var(--f7-notification-subtitle-color);font-size:var(--f7-notification-subtitle-font-size);text-transform:var(--f7-notification-subtitle-text-transform);line-height:var(--f7-notification-subtitle-line-height);font-weight:var(--f7-notification-subtitle-font-weight)}.notification-text{color:var(--f7-notification-text-color);font-size:var(--f7-notification-text-font-size);text-transform:var(--f7-notification-text-text-transform);line-height:var(--f7-notification-text-line-height);font-weight:var(--f7-notification-text-font-weight)}.notification-title-right-text{color:var(--f7-notification-title-right-color);font-size:var(--f7-notification-title-right-font-size)}.notification-icon{font-size:0;line-height:var(--f7-notification-icon-size)}.notification-icon,.notification-icon i{width:var(--f7-notification-icon-size)!important;height:var(--f7-notification-icon-size)!important}.notification-icon i{font-size:var(--f7-notification-icon-size)}.notification-header{display:flex;justify-content:flex-start;align-items:center}.notification-close-button{margin-left:auto;cursor:pointer;position:relative}.notification-close-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";display:block;width:100%;height:100%;font-size:20px;position:absolute;left:50%;top:50%;text-align:center}.ios .notification{transition-duration:450ms;transform:translate3d(0%,-200%,0)}.ios .notification.modal-in{transform:translate3d(0%,0%,0);opacity:1}.ios .notification.modal-out{transform:translate3d(0%,-200%,0)}.ios .notification-icon{margin-right:8px}.ios .notification-header+.notification-content{margin-top:10px}.ios .notification-title-right-text{margin-right:6px;margin-left:auto}.ios .notification-title-right-text+.notification-close-button{margin-left:10px}.ios .notification-close-button{font-size:14px;width:20px;height:20px;opacity:.3;transition-duration:.3s}.ios .notification-close-button.active-state{transition-duration:0s;opacity:.1}.ios .notification-close-button:after{color:#000;content:'notification_close_ios';font-size:.65em;line-height:44px;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.md .notification{transform:translate3d(0,-150%,0)}.md .notification.modal-in{transition-duration:0s;animation:notification-md-in .4s ease-out;transform:translate3d(0,0%,0)}.md .notification.modal-in.notification-transitioning{transition-duration:.2s}.md .notification.modal-out{animation:none;transition-duration:.2s;transition-timing-function:ease-in;transform:translate3d(0,-150%,0)}.md .notification-icon{margin-right:8px}.md .notification-subtitle+.notification-text{margin-top:2px}.md .notification-header+.notification-content{margin-top:6px}.md .notification-title-right-text{margin-left:4px}.md .notification-title-right-text:before{content:'';width:3px;height:3px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:4px;background:var(--f7-notification-title-right-color)}.md .notification-close-button{width:16px;height:16px;transition-duration:.3s}.md .notification-close-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .notification-close-button.active-state:before{opacity:1;transition-duration:150ms}.md .notification-close-button:after,.md .notification-close-button:before{width:48px;height:48px;left:50%;top:50%;margin-left:-24px;margin-top:-24px}.md .notification-close-button:after{color:#737373;content:'delete_md';line-height:48px;font-size:14px}@keyframes notification-md-in{0%{transform:translate3d(0,-150%,0)}50%{transform:translate3d(0,10%,0)}100%{transform:translate3d(0,0%,0)}}.aurora .notification{transition-duration:450ms;transform:translate3d(0%,-200%,0)}.aurora .notification.modal-in{transform:translate3d(0%,0%,0);opacity:1}.aurora .notification.modal-out{transform:translate3d(0%,-200%,0)}.aurora .notification-icon{margin-right:10px}.aurora .notification-header+.notification-content{margin-top:10px}.aurora .notification-title-right-text{margin-right:0px;margin-left:auto}.aurora .notification-title-right-text+.notification-close-button{margin-left:10px}.aurora .notification-close-button{font-size:14px;width:16px;height:16px;opacity:.4;transition-duration:.3s}.aurora .notification-close-button.active-state{transition-duration:0s;opacity:.6}.aurora .notification-close-button:after{color:#000;content:'notification_close_ios';font-size:.5em;line-height:38px;width:38px;height:38px;margin-left:-19px;margin-top:-19px}:root{--f7-autocomplete-dropdown-bg-color:#fff;--f7-autocomplete-dropdown-placeholder-color:#a9a9a9;--f7-autocomplete-dropdown-preloader-size:20px}.ios{--f7-autocomplete-dropdown-box-shadow:0px 3px 3px rgba(0, 0, 0, 0.2);--f7-autocomplete-dropdown-text-color:#000;--f7-autocomplete-dropdown-text-matching-color:#000;--f7-autocomplete-dropdown-text-matching-font-weight:600;--f7-autocomplete-dropdown-font-size:var(--f7-list-font-size)}.ios .theme-dark,.ios.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1d;--f7-autocomplete-dropdown-text-color:#fff;--f7-autocomplete-dropdown-text-matching-color:#fff}.md{--f7-autocomplete-dropdown-box-shadow:0 2px 2px rgba(0, 0, 0, 0.25);--f7-autocomplete-dropdown-text-color:rgba(0, 0, 0, 0.54);--f7-autocomplete-dropdown-text-matching-color:#212121;--f7-autocomplete-dropdown-text-matching-font-weight:400;--f7-autocomplete-dropdown-font-size:var(--f7-list-font-size)}.md .theme-dark,.md.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1d;--f7-autocomplete-dropdown-text-color:rgba(255, 255, 255, 0.54);--f7-autocomplete-dropdown-text-matching-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-autocomplete-dropdown-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);--f7-autocomplete-dropdown-text-color:#000;--f7-autocomplete-dropdown-text-matching-color:#000;--f7-autocomplete-dropdown-text-matching-font-weight:700;--f7-autocomplete-dropdown-font-size:13px}.aurora .theme-dark,.aurora.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1c;--f7-autocomplete-dropdown-text-color:#fff;--f7-autocomplete-dropdown-text-matching-color:#fff}.autocomplete-page .autocomplete-found{display:block}.autocomplete-page .autocomplete-not-found{display:none}.autocomplete-page .autocomplete-values{display:block}.autocomplete-page .list ul:empty{display:none}.autocomplete-preloader:not(.autocomplete-preloader-visible){visibility:hidden}.autocomplete-preloader:not(.autocomplete-preloader-visible),.autocomplete-preloader:not(.autocomplete-preloader-visible) *{animation:none}.autocomplete-dropdown{background:var(--f7-autocomplete-dropdown-bg-color);box-shadow:var(--f7-autocomplete-dropdown-box-shadow);box-sizing:border-box;position:absolute;z-index:500;width:100%;right:0}.autocomplete-dropdown .autocomplete-dropdown-inner{position:relative;overflow:auto;-webkit-overflow-scrolling:touch;height:100%;z-index:1}.autocomplete-dropdown .autocomplete-preloader{display:none;position:absolute;bottom:100%;width:var(--f7-autocomplete-dropdown-preloader-size);height:var(--f7-autocomplete-dropdown-preloader-size)}.autocomplete-dropdown .autocomplete-preloader-visible{display:block}.autocomplete-dropdown .autocomplete-dropdown-placeholder{color:var(--f7-autocomplete-dropdown-placeholder-color)}.autocomplete-dropdown .list{margin:0;color:var(--f7-autocomplete-dropdown-text-color);font-size:var(--f7-autocomplete-dropdown-font-size)}.autocomplete-dropdown .list b{color:var(--f7-autocomplete-dropdown-text-matching-color);font-weight:var(--f7-autocomplete-dropdown-text-matching-font-weight)}.autocomplete-dropdown .list ul{background:0 0!important}.autocomplete-dropdown .list ul:before{display:none!important}.autocomplete-dropdown .list ul:after{display:none!important}.autocomplete-dropdown .autocomplete-dropdown-selected{background:var(--f7-autocomplete-dropdown-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}.searchbar-input-wrap .autocomplete-dropdown{background-color:var(--f7-searchbar-input-bg-color,var(--f7-searchbar-bg-color));border-radius:var(--f7-searchbar-input-border-radius)}.searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder{color:var(--f7-searchbar-placeholder-color)}.searchbar-input-wrap .autocomplete-dropdown li:last-child{border-radius:0 0 var(--f7-searchbar-input-border-radius) var(--f7-searchbar-input-border-radius);position:relative;overflow:hidden}.searchbar-input-wrap .autocomplete-dropdown .item-content{padding-right:var(--f7-searchbar-input-padding-horizontal)}.list .item-content-dropdown-expanded .item-title.item-label{width:0;flex-shrink:10;overflow:hidden}.list .item-content-dropdown-expanded .item-title.item-label+.item-input-wrap{margin-right:0}.list .item-content-dropdown-expanded .item-input-wrap{width:100%}.ios .autocomplete-dropdown .autocomplete-preloader{left:15px;margin-bottom:12px}.ios .searchbar-input-wrap .autocomplete-dropdown{margin-top:calc(-1 * var(--f7-searchbar-input-height));top:100%;z-index:20}.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner{padding-top:var(--f7-searchbar-input-height)}.md .autocomplete-page .navbar .autocomplete-preloader{margin-left:8px}.md .autocomplete-popup .navbar .autocomplete-preloader{margin-right:8px;margin-left:16px}.md .autocomplete-dropdown .autocomplete-preloader{left:16px;margin-bottom:8px}.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-gap,.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle{border-width:3px}.aurora .autocomplete-dropdown .autocomplete-preloader{left:15px;margin-bottom:2px}.aurora .searchbar-input-wrap .autocomplete-dropdown{margin-top:calc(-1 * var(--f7-searchbar-input-height));top:100%;z-index:20}.aurora .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner{padding-top:var(--f7-searchbar-input-height)}:root{--f7-tooltip-bg-color:rgba(0, 0, 0, 0.87);--f7-tooltip-text-color:#fff;--f7-tooltip-border-radius:4px;--f7-tooltip-padding:8px 16px;--f7-tooltip-font-size:14px;--f7-tooltip-font-weight:500;--f7-tooltip-desktop-padding:6px 8px;--f7-tooltip-desktop-font-size:12px}.tooltip{position:absolute;z-index:20000;background:var(--f7-tooltip-bg-color);border-radius:var(--f7-tooltip-border-radius);padding:var(--f7-tooltip-padding);color:var(--f7-tooltip-text-color);font-size:var(--f7-tooltip-font-size);font-weight:var(--f7-tooltip-font-weight);box-sizing:border-box;line-height:1.2;opacity:0;transform:scale(.9);transition-duration:150ms;transition-property:opacity,transform;z-index:99000}.tooltip.tooltip-in{transform:scale(1);opacity:1}.tooltip.tooltip-out{opacity:0;transform:scale(1)}.device-desktop .tooltip{font-size:var(--f7-tooltip-desktop-font-size);padding:var(--f7-tooltip-desktop-padding)}.gauge{position:relative;text-align:center;margin-left:auto;margin-right:auto;display:inline-block}.gauge svg,.gauge-svg{max-width:100%;height:auto}.gauge svg circle,.gauge svg path,.gauge-svg circle,.gauge-svg path{transition-duration:.4s}:root{--f7-skeleton-color:#ccc}.theme-dark{--f7-skeleton-color:#515151}.skeleton-text{font-family:framework7-skeleton!important}.skeleton-text,.skeleton-text *{color:var(--f7-skeleton-color)!important;font-weight:400!important;font-style:normal!important;letter-spacing:-.015em!important}.skeleton-block{height:1em;background:var(--f7-skeleton-color)!important;width:100%}.skeleton-effect-fade{animation:skeleton-effect-fade 1s infinite}.skeleton-effect-blink{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 75%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 75%,transparent 100%);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-position:50% top;mask-position:50% top;animation:skeleton-effect-blink 1s infinite}.skeleton-effect-pulse{animation:skeleton-effect-pulse 1s infinite}@keyframes skeleton-effect-fade{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}@keyframes skeleton-effect-blink{0%{-webkit-mask-position:50% top;mask-position:50% top}100%{-webkit-mask-position:-150% top;mask-position:-150% top}}@keyframes skeleton-effect-pulse{0%{transform:scale(1)}40%{transform:scale(1)}50%{transform:scale(.975)}100%{transform:scale(1)}}:root{--f7-menu-text-color:#fff;--f7-menu-font-size:16px;--f7-menu-font-weight:500;--f7-menu-line-height:1.2;--f7-menu-bg-color:rgba(0, 0, 0, 0.9);--f7-menu-item-pressed-bg-color:rgba(20, 20, 20, 0.9);--f7-menu-item-padding-horizontal:12px;--f7-menu-item-spacing:6px;--f7-menu-item-height:40px;--f7-menu-item-dropdown-icon-color:rgba(255, 255, 255, 0.4);--f7-menu-item-border-radius:8px;--f7-menu-dropdown-item-height:28px;--f7-menu-dropdown-divider-color:rgba(255, 255, 255, 0.2);--f7-menu-dropdown-padding-vertical:6px}.aurora{--f7-menu-font-size:13px;--f7-menu-item-height:28px;--f7-menu-dropdown-item-height:24px;--f7-menu-item-border-radius:5px;--f7-menu-item-padding-horizontal:10px}.menu{z-index:1000;position:relative;--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.menu-inner{display:flex;justify-content:flex-start;align-items:flex-start;padding-left:var(--f7-menu-item-spacing);padding-right:var(--f7-menu-item-spacing)}.menu-inner:after{content:'';width:var(--f7-menu-item-spacing);height:100%;flex-shrink:0}.menu-item{height:var(--f7-menu-item-height);min-width:var(--f7-menu-item-height);flex-shrink:0;background:var(--f7-menu-bg-color);color:var(--f7-menu-text-color);border-radius:var(--f7-menu-item-border-radius);position:relative;box-sizing:border-box;font-size:var(--f7-menu-font-size);font-weight:var(--f7-menu-font-weight);cursor:pointer;margin-right:var(--f7-menu-item-spacing)}.menu-item:first-child{margin-right:0}.menu-item.active-state:not(.menu-item-dropdown-opened){background-color:rgba(0,0,0,.7)}.menu-item.icon-only{padding-left:0;padding-right:0}.menu-item-content{display:flex;justify-content:center;align-items:center;padding:0 var(--f7-menu-item-padding-horizontal);height:100%;box-sizing:border-box;width:100%;overflow:hidden;border-radius:var(--f7-menu-item-border-radius);position:relative}.icon-only .menu-item-content,.menu-item-content.icon-only{padding-left:0;padding-right:0}.menu-item-dropdown .menu-item-content:after{content:'';position:absolute;width:20px;height:2px;left:50%;transform:translateX(-50%);bottom:4px;background:var(--f7-menu-item-dropdown-icon-color);border-radius:4px}.menu-dropdown{opacity:0;visibility:hidden;pointer-events:none;cursor:auto;height:10px;background:var(--f7-menu-bg-color);position:relative}.menu-dropdown-content{position:absolute;top:100%;border-radius:var(--f7-menu-dropdown-border-radius,var(--f7-menu-item-border-radius));padding-top:var(--f7-menu-dropdown-padding-vertical);padding-bottom:var(--f7-menu-dropdown-padding-vertical);box-sizing:border-box;background:var(--f7-menu-bg-color);overflow:auto;-webkit-overflow-scrolling:touch;min-width:calc(100% + 24px)}.menu-dropdown-item,.menu-dropdown-link{display:flex;justify-content:space-between;align-items:center;padding-left:var(--f7-menu-item-padding-horizontal);padding-right:var(--f7-menu-item-padding-horizontal);min-height:var(--f7-menu-dropdown-item-height);line-height:var(--f7-menu-line-height);font-size:var(--f7-menu-font-size);color:var(--f7-menu-text-color);font-weight:var(--f7-menu-font-weight);white-space:nowrap;min-width:100px}.menu-dropdown-item i,.menu-dropdown-item i.f7-icons,.menu-dropdown-item i.icon,.menu-dropdown-item i.material-icons,.menu-dropdown-link i,.menu-dropdown-link i.f7-icons,.menu-dropdown-link i.icon,.menu-dropdown-link i.material-icons{font-size:20px}.menu-dropdown-link.active-state{background:var(--f7-menu-dropdown-pressed-bg-color,var(--f7-theme-color));color:var(--f7-menu-text-color)}.menu-dropdown-divider{height:1px;margin-top:2px;margin-bottom:2px;background:var(--f7-menu-dropdown-divider-color)}.menu-item-dropdown-opened{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.menu-item-dropdown-opened .menu-item-content:after{opacity:0}.menu-item-dropdown-opened .menu-dropdown{opacity:1;visibility:visible;pointer-events:auto}.menu-dropdown-center:after,.menu-dropdown-left:after,.menu-item-dropdown-center .menu-dropdown:after,.menu-item-dropdown-left .menu-dropdown:after{content:'';position:absolute;left:100%;bottom:0;width:var(--f7-menu-item-border-radius);height:var(--f7-menu-item-border-radius);background-image:radial-gradient(ellipse at 100% 0%,transparent 0%,transparent 70%,var(--f7-menu-bg-color) 72%)}.menu-dropdown-center:before,.menu-dropdown-right:before,.menu-item-dropdown-center .menu-dropdown:before,.menu-item-dropdown-right .menu-dropdown:before{content:'';position:absolute;right:100%;bottom:0;width:var(--f7-menu-item-border-radius);height:var(--f7-menu-item-border-radius);background-image:radial-gradient(ellipse at 0% 0%,transparent 0%,transparent 70%,var(--f7-menu-bg-color) 72%)}.menu-dropdown-left .menu-dropdown-content,.menu-item-dropdown-left .menu-dropdown-content{left:0;border-top-left-radius:0px}.menu-dropdown-right .menu-dropdown-content,.menu-item-dropdown-right .menu-dropdown-content{right:0;border-top-right-radius:0px}.menu-dropdown-center .menu-dropdown-content,.menu-item-dropdown-center .menu-dropdown-content{left:50%;min-width:calc(100% + 24px + 24px);transform:translateX(-50%)}:root{--f7-color-picker-sheet-bg-color:#fff;--f7-color-picker-popup-bg-color:#fff;--f7-color-picker-popover-width:350px;--f7-color-picker-slider-size:6px;--f7-color-picker-slider-knob-size:16px;--f7-color-picker-bar-size:50px;--f7-color-picker-bar-min-height:260px;--f7-color-picker-value-bg-color:rgba(0, 0, 0, 0.05);--f7-color-picker-value-width:64px;--f7-color-picker-value-height:32px;--f7-color-picker-value-font-size:16px;--f7-color-picker-value-border-radius:4px;--f7-color-picker-hex-value-width:84px;--f7-color-picker-label-font-size:14px;--f7-color-picker-label-width:10px;--f7-color-picker-label-height:14px;--f7-color-picker-sb-spectrum-height:260px;--f7-color-picker-sb-spectrum-handle-size:16px;--f7-color-picker-wheel-width:330px;--f7-color-picker-group-bg-color:rgba(0, 0, 0, 0.05);--f7-color-picker-group-value-bg-color:#fff;--f7-color-picker-palette-value-width:36px;--f7-color-picker-palette-value-height:36px;--f7-color-picker-initial-current-color-height:40px;--f7-color-picker-initial-current-color-border-radius:4px}:root .theme-dark,:root.theme-dark{--f7-color-picker-sheet-bg-color:#171717;--f7-color-picker-popup-bg-color:#171717;--f7-color-picker-value-bg-color:rgba(255, 255, 255, 0.1);--f7-color-picker-group-bg-color:#000;--f7-color-picker-group-value-bg-color:rgba(255, 255, 255, 0.12)}.color-picker{overflow:hidden;width:100%;display:flex;flex-direction:column}.color-picker-popover .color-picker,.color-picker-popup .color-picker,.color-picker.color-picker-inline{position:relative}.color-picker-sheet-modal{background:var(--f7-color-picker-sheet-bg-color)}.color-picker-sheet-modal:before{z-index:600}.color-picker-sheet-modal .sheet-modal-inner{margin-bottom:var(--f7-safe-area-bottom)}.color-picker-popup .page{background:var(--f7-color-picker-popup-bg-color)}.color-picker-popup .page-content{padding-bottom:var(--f7-safe-area-bottom)}.color-picker-page .color-picker,.color-picker-popover .color-picker,.color-picker-popup .color-picker{height:100%}.color-picker-page .color-picker .toolbar,.color-picker-popover .color-picker .toolbar,.color-picker-popup .color-picker .toolbar{position:absolute}.color-picker-popover{width:var(--f7-color-picker-popover-width);max-width:90vw;max-height:80vh}.color-picker-popover .color-picker{max-height:80vh}.color-picker-popover .toolbar-top{border-top-left-radius:var(--f7-popover-border-radius);border-top-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette{overflow:hidden;flex-shrink:0}.color-picker-popover .color-picker-module-palette:first-child{border-top-left-radius:var(--f7-popover-border-radius);border-top-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette:last-child{border-bottom-left-radius:var(--f7-popover-border-radius);border-bottom-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette:first-child:last-child{border-radius:var(--f7-popover-border-radius)}.color-picker-popover .toolbar~.page-content .color-picker-module-palette:first-child{border-top-left-radius:0;border-top-right-radius:0}.color-picker-page .page-content,.color-picker-popover .page-content,.color-picker-popup .page-content,.color-picker-sheet-modal .page-content{display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column;overflow-x:hidden}.color-picker-module{margin-top:5px}.color-picker-module:last-child{margin-bottom:5px}.color-picker-module-hs-spectrum,.color-picker-module-sb-spectrum{margin-left:10px;margin-right:10px}.color-picker-module-hs-spectrum:first-child,.color-picker-module-sb-spectrum:first-child{margin-top:10px}.color-picker-module-hs-spectrum .color-picker-hs-spectrum,.color-picker-module-hs-spectrum .color-picker-sb-spectrum,.color-picker-module-sb-spectrum .color-picker-hs-spectrum,.color-picker-module-sb-spectrum .color-picker-sb-spectrum{border-radius:4px;height:var(--f7-color-picker-sb-spectrum-height)}.color-picker-sb-spectrum{background-color:#000;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#000 100%),linear-gradient(to left,rgba(255,255,255,0) 0%,#fff 100%);position:relative}.color-picker-hs-spectrum{position:relative;background-image:linear-gradient(to right,red,#feff00,#0f0,#00feff,#00f,#ff00fe,red)}.color-picker-hs-spectrum:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(to bottom,rgba(255,255,255,0),#fff)}.color-picker-hs-spectrum-handle,.color-picker-sb-spectrum-handle{width:4px;height:4px;position:absolute;left:-2px;top:-2px;z-index:1}.color-picker-hs-spectrum-handle:after,.color-picker-sb-spectrum-handle:after{background-color:inherit;content:'';position:absolute;width:var(--f7-color-picker-sb-spectrum-handle-size);height:var(--f7-color-picker-sb-spectrum-handle-size);border:1px solid #fff;border-radius:50%;box-shadow:0px 0px 2px rgba(0,0,0,.5);box-sizing:border-box;left:50%;top:50%;transform:translate(-50%,-50%);transition:150ms;transition-property:transform;transform-origin:center}.color-picker-hs-spectrum-handle.color-picker-hs-spectrum-handle-pressed:after,.color-picker-hs-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after,.color-picker-sb-spectrum-handle.color-picker-hs-spectrum-handle-pressed:after,.color-picker-sb-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after{transform:scale(1.5) translate(-33.333%,-33.333%)}.color-picker-module-wheel{margin-left:10px;margin-right:10px}.color-picker-wheel{position:relative;width:var(--f7-color-picker-wheel-width);max-width:100%;height:auto;font-size:0;margin-left:auto;margin-right:auto}.color-picker-wheel svg{width:100%;height:auto}.color-picker-wheel .color-picker-wheel-handle{width:calc(100% / 6);height:calc(100% / 6);position:absolute;box-sizing:border-box;border:2px solid #fff;box-shadow:0px 0px 5px rgba(0,0,0,.5);background:red;border-radius:50%;left:0;top:0}.color-picker-wheel .color-picker-sb-spectrum{width:45%;height:45%;left:50%;top:50%;transform:translate3d(-50%,-50%,0);position:absolute}.color-picker-slider-wrap{display:flex;align-items:center;margin-bottom:2px}.color-picker-slider-wrap+.color-picker-slider-wrap{margin-top:5px}.color-picker-hex-wrap{justify-content:space-between;display:flex;align-items:center}.color-picker-hex-label,.color-picker-slider-label{font-size:var(--f7-color-picker-label-font-size);width:var(--f7-color-picker-label-size);flex-shrink:0;margin-left:12px}.color-picker-hex-label{width:auto}.color-picker-bar-value,.color-picker-hex-value,.color-picker-slider-value{width:var(--f7-color-picker-value-width);height:var(--f7-color-picker-value-height);background:var(--f7-color-picker-value-bg-color);border-radius:var(--f7-color-picker-value-border-radius);text-align:center;font-size:var(--f7-color-picker-value-font-size);display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-right:10px}.color-picker-bar-value input,.color-picker-hex-value input,.color-picker-slider-value input{width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;background:0 0;color:inherit;font-family:inherit;font-size:inherit;text-align:center;display:block;border-radius:4px}.color-picker-bar-value input::-webkit-inner-spin-button,.color-picker-bar-value input::-webkit-outer-spin-button,.color-picker-hex-value input::-webkit-inner-spin-button,.color-picker-hex-value input::-webkit-outer-spin-button,.color-picker-slider-value input::-webkit-inner-spin-button,.color-picker-slider-value input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;display:none}.color-picker-hex-value{width:var(--f7-color-picker-hex-value-width)}.color-picker-hex-value:first-child{margin-right:auto}.color-picker-slider{--f7-range-bar-active-bg-color:transparent;--f7-range-bar-size:var(--f7-color-picker-slider-size);--f7-range-bar-border-radius:var(--f7-color-picker-slider-size);--f7-range-knob-size:var(--f7-color-picker-slider-knob-size);--f7-range-knob-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3)}.color-picker-slider .range-knob{transition-duration:.2s;transition-property:transform}.color-picker-slider .range-knob:after{width:30px;height:30px;margin-left:-15px;margin-top:-15px}.color-picker-slider .range-knob-active-state .range-knob{transform:scale(1.5)}.md .color-picker-slider.range-slider-min:not(.range-slider-dual) .range-knob{background:var(--f7-range-knob-color)!important;border:none}.color-picker-module-rgb-bars{display:flex;justify-content:space-around;justify-content:space-evenly;align-items:stretch;height:100%;min-height:var(--f7-color-picker-bar-min-height);padding-bottom:10px;padding-top:10px;box-sizing:border-box}.color-picker-bar-wrap{display:flex;align-items:center;flex-direction:column-reverse}.color-picker-bar{--f7-range-bar-active-bg-color:transparent;--f7-range-bar-size:var(--f7-color-picker-bar-size);--f7-range-bar-border-radius:2px;--f7-range-knob-size:6px;--f7-range-knob-box-shadow:0 0px 3px rgba(0, 0, 0, 0.3);--f7-range-knob-color:#fff}.color-picker-bar .range-knob{transition-duration:0s;transition-property:transform;border-radius:3px}.color-picker-bar .range-knob-wrap{height:6px;width:calc(var(--f7-color-picker-bar-size) - 4px);margin-left:calc(-.5 * (var(--f7-color-picker-bar-size) - 4px))}.color-picker-bar .range-knob-active-state .range-knob{transform:scale(1)}.md .color-picker-bar.range-slider-min:not(.range-slider-dual) .range-knob{background:var(--f7-range-knob-color)!important;border:none}.color-picker-bar-label{font-size:var(--f7-color-picker-label-size);margin-top:12px;line-height:1;height:var(--f7-color-picker-label-height);flex-shrink:0}.color-picker-bar-value{margin-left:0;margin-bottom:10px}.color-picker-slider-alpha{--f7-range-knob-color:#fff}.color-picker-slider-alpha .range-bar{background-image:linear-gradient(to left,rgba(0,0,0,0),#000),linear-gradient(to right,rgba(255,255,255,.2) 50%,rgba(0,0,0,.2) 50%),linear-gradient(to left,rgba(255,255,255,.2) 50%,rgba(0,0,0,.2) 50%);background-size:100% 100%,6px 3px,6px 3px;background-position:0 0,0px 3px,0 0;background-repeat:repeat-y,repeat-x,repeat-x}.color-picker-slider-hue .range-bar{background-image:linear-gradient(to left,red,#feff00,#0f0,#00feff,#00f,#ff00fe,red)}.color-picker-slider-brightness .range-bar{background-image:linear-gradient(to left,#000,#fff)}.color-picker-module-palette{margin-top:15px}.color-picker-module-palette:first-child{margin-top:0}.color-picker-module-palette:last-child{margin-bottom:0}.color-picker-module-palette:first-child:last-child{margin:0}.color-picker-palette{display:flex;flex-wrap:wrap}.color-picker-palette-row{width:100%;display:flex;flex-wrap:nowrap}.color-picker-palette-row .color-picker-palette-value{width:100%}.color-picker-palette-value{width:var(--f7-color-picker-palette-value-width);height:var(--f7-color-picker-palette-value-height);cursor:pointer}.color-picker-module-current-color,.color-picker-module-initial-current-colors{margin-left:10px;margin-right:10px;border-radius:var(--f7-color-picker-initial-current-color-border-radius);overflow:hidden;flex-shrink:0}.color-picker-current-color,.color-picker-initial-color{height:var(--f7-color-picker-initial-current-color-height)}.color-picker-initial-current-colors{display:flex}.color-picker-initial-current-colors .color-picker-current-color,.color-picker-initial-current-colors .color-picker-initial-color{width:50%}.color-picker-module-alpha-slider,.color-picker-module-brightness-slider,.color-picker-module-hex,.color-picker-module-hsb-sliders,.color-picker-module-hue-slider,.color-picker-module-rgb-sliders{margin-left:10px;margin-right:10px}.color-picker-grouped-modules .color-picker-module-alpha-slider,.color-picker-grouped-modules .color-picker-module-brightness-slider,.color-picker-grouped-modules .color-picker-module-hex,.color-picker-grouped-modules .color-picker-module-hsb-sliders,.color-picker-grouped-modules .color-picker-module-hue-slider,.color-picker-grouped-modules .color-picker-module-rgb-sliders{background:var(--f7-color-picker-group-bg-color);padding:5px;border-radius:4px;margin-top:15px;margin-left:5px;margin-right:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider:last-child,.color-picker-grouped-modules .color-picker-module-brightness-slider:last-child,.color-picker-grouped-modules .color-picker-module-hex:last-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders:last-child,.color-picker-grouped-modules .color-picker-module-hue-slider:last-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders:last-child{margin-bottom:15px}.color-picker-grouped-modules .color-picker-hex-value,.color-picker-grouped-modules .color-picker-slider-value{background:var(--f7-color-picker-group-value-bg-color)}.color-picker-grouped-modules .color-picker-hex-label,.color-picker-grouped-modules .color-picker-slider-label{margin-right:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:first-child{margin-right:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:last-child{margin-left:5px}:root{--f7-treeview-toggle-size:24px;--f7-treeview-toggle-color:rgba(0, 0, 0, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-toggle-pressed-bg-color:rgba(0, 0, 0, 0.15);--f7-treeview-icon-color:rgba(0, 0, 0, 0.5);--f7-treeview-children-offset:29px;--f7-treeview-label-font-weight:400;--f7-treeview-label-text-color:inherit;--f7-treeview-selectable-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-pressed-bg-color:rgba(0, 0, 0, 0.15)}:root .theme-dark,:root.theme-dark{--f7-treeview-toggle-color:rgba(255, 255, 255, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-toggle-pressed-bg-color:rgba(255, 255, 255, 0.1);--f7-treeview-icon-color:rgba(255, 255, 255, 0.75);--f7-treeview-selectable-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-pressed-bg-color:rgba(255, 255, 255, 0.11)}.ios{--f7-treeview-item-height:34px;--f7-treeview-item-padding-left:15px;--f7-treeview-item-padding-right:15px;--f7-treeview-label-font-size:17px;--f7-treeview-icon-size:24px}.md{--f7-treeview-item-height:34px;--f7-treeview-item-padding-left:16px;--f7-treeview-item-padding-right:16px;--f7-treeview-label-font-size:16px;--f7-treeview-icon-size:24px}.aurora{--f7-treeview-item-height:28px;--f7-treeview-item-padding-left:15px;--f7-treeview-item-padding-right:15px;--f7-treeview-label-font-size:14px;--f7-treeview-icon-size:20px}.treeview-item-root{padding-right:var(--f7-treeview-item-padding-left);padding-left:var(--f7-treeview-item-padding-right);height:var(--f7-treeview-item-height);display:flex;align-items:center;justify-content:flex-start}.treeview-item-content{display:flex;justify-content:flex-start;align-items:center}.treeview-item-content>.f7-icons,.treeview-item-content>.material-icons,.treeview-item-content>i{width:var(--f7-treeview-icon-size);height:var(--f7-treeview-icon-size);font-size:var(--f7-treeview-icon-size);color:var(--f7-treeview-icon-color)}.treeview-item-content:first-child{margin-right:calc(var(--f7-treeview-toggle-size) + 5px)}.treeview-item-content>*+*{margin-right:5px}.treeview-item-label{font-size:var(--f7-treeview-label-font-size);font-weight:var(--f7-treeview-label-font-weight);color:var(--f7-treeview-label-text-color)}.treeview-toggle{width:var(--f7-treeview-toggle-size);height:var(--f7-treeview-toggle-size);cursor:pointer;border-radius:4px;background-color:rgba(0,0,0,0);transition-duration:.2s;position:relative;margin-left:5px}.treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.treeview-toggle:after{transition-duration:.2s;content:'';position:absolute;left:50%;top:50%;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:translate(-50%,-50%);border-right:6px solid var(--f7-treeview-toggle-color)}.treeview-toggle-hidden{opacity:0;pointer-events:none;visibility:hidden}.treeview-preloader{--f7-preloader-size:var(--f7-treeview-toggle-size);margin-left:calc(-1 * var(--f7-treeview-toggle-size))}.treeview-item-children{display:none}.treeview-item-opened>.treeview-item-children{display:block}.treeview-item-opened>.treeview-item-root .treeview-toggle:after{transform:translate(-50%,-50%) rotate(-90deg)}a.treeview-item-root{color:var(--f7-treeview-label-text-color)}.treeview-item-selectable.treeview-item-root,.treeview-item-selectable>.treeview-item-root{cursor:pointer;transition-duration:150ms}a.treeview-item-root{transition-duration:150ms}a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.treeview-item-toggle.treeview-item-root,.treeview-item-toggle>.treeview-item-root{cursor:pointer}.treeview-item-selected.treeview-item-root,.treeview-item-selected>.treeview-item-root{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}.treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 1)}.treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 2)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 3)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 4)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 5)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 6)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 7)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 8)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 9)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 10)}.aurora .treeview-toggle:hover{background-color:var(--f7-treeview-toggle-hover-bg-color)}.aurora .treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.aurora .treeview-item-selectable.treeview-item-root:hover,.aurora .treeview-item-selectable>.treeview-item-root:hover{background:var(--f7-treeview-selectable-hover-bg-color)}.aurora a.treeview-item-root:hover{background:var(--f7-treeview-link-hover-bg-color)}.aurora a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.aurora .treeview-item-selected.treeview-item-root:hover,.aurora .treeview-item-selected>.treeview-item-root:hover{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}iframe#viAd{z-index:12900!important;background:#000!important}.vi-overlay{background:rgba(0,0,0,.85);z-index:13100;position:absolute;left:0%;top:0%;width:100%;height:100%;border-radius:3px;display:flex;justify-content:center;flex-direction:column;align-items:center;align-content:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.vi-overlay{background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.vi-overlay .vi-overlay-text{text-align:center;color:#fff;max-width:80%}.vi-overlay .vi-overlay-text+.vi-overlay-play-button{margin-top:15px}.vi-overlay .vi-overlay-play-button{width:44px;height:44px;border-radius:50%;border:2px solid #fff;position:relative}.vi-overlay .vi-overlay-play-button.active-state{opacity:.55}.vi-overlay .vi-overlay-play-button:before{content:'';width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:14px solid #fff;position:absolute;left:50%;top:50%;margin-left:2px;transform:translate(-50%,-50%)}:root{--f7-elevation-0:0px 0px 0px 0px rgba(0, 0, 0, 0);--f7-elevation-1:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);--f7-elevation-2:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12);--f7-elevation-3:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12);--f7-elevation-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);--f7-elevation-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12);--f7-elevation-6:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);--f7-elevation-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12);--f7-elevation-8:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12);--f7-elevation-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12);--f7-elevation-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12);--f7-elevation-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12);--f7-elevation-12:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12);--f7-elevation-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12);--f7-elevation-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12);--f7-elevation-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12);--f7-elevation-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);--f7-elevation-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12);--f7-elevation-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12);--f7-elevation-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12);--f7-elevation-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12);--f7-elevation-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12);--f7-elevation-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12);--f7-elevation-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12);--f7-elevation-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.elevation-0{box-shadow:var(--f7-elevation-0)!important}.elevation-1{box-shadow:var(--f7-elevation-1)!important}.elevation-2{box-shadow:var(--f7-elevation-2)!important}.elevation-3{box-shadow:var(--f7-elevation-3)!important}.elevation-4{box-shadow:var(--f7-elevation-4)!important}.elevation-5{box-shadow:var(--f7-elevation-5)!important}.elevation-6{box-shadow:var(--f7-elevation-6)!important}.elevation-7{box-shadow:var(--f7-elevation-7)!important}.elevation-8{box-shadow:var(--f7-elevation-8)!important}.elevation-9{box-shadow:var(--f7-elevation-9)!important}.elevation-10{box-shadow:var(--f7-elevation-10)!important}.elevation-11{box-shadow:var(--f7-elevation-11)!important}.elevation-12{box-shadow:var(--f7-elevation-12)!important}.elevation-13{box-shadow:var(--f7-elevation-13)!important}.elevation-14{box-shadow:var(--f7-elevation-14)!important}.elevation-15{box-shadow:var(--f7-elevation-15)!important}.elevation-16{box-shadow:var(--f7-elevation-16)!important}.elevation-17{box-shadow:var(--f7-elevation-17)!important}.elevation-18{box-shadow:var(--f7-elevation-18)!important}.elevation-19{box-shadow:var(--f7-elevation-19)!important}.elevation-20{box-shadow:var(--f7-elevation-20)!important}.elevation-21{box-shadow:var(--f7-elevation-21)!important}.elevation-22{box-shadow:var(--f7-elevation-22)!important}.elevation-23{box-shadow:var(--f7-elevation-23)!important}.elevation-24{box-shadow:var(--f7-elevation-24)!important}.device-desktop .elevation-hover-0:hover{box-shadow:var(--f7-elevation-0)!important}.device-desktop .elevation-hover-1:hover{box-shadow:var(--f7-elevation-1)!important}.device-desktop .elevation-hover-2:hover{box-shadow:var(--f7-elevation-2)!important}.device-desktop .elevation-hover-3:hover{box-shadow:var(--f7-elevation-3)!important}.device-desktop .elevation-hover-4:hover{box-shadow:var(--f7-elevation-4)!important}.device-desktop .elevation-hover-5:hover{box-shadow:var(--f7-elevation-5)!important}.device-desktop .elevation-hover-6:hover{box-shadow:var(--f7-elevation-6)!important}.device-desktop .elevation-hover-7:hover{box-shadow:var(--f7-elevation-7)!important}.device-desktop .elevation-hover-8:hover{box-shadow:var(--f7-elevation-8)!important}.device-desktop .elevation-hover-9:hover{box-shadow:var(--f7-elevation-9)!important}.device-desktop .elevation-hover-10:hover{box-shadow:var(--f7-elevation-10)!important}.device-desktop .elevation-hover-11:hover{box-shadow:var(--f7-elevation-11)!important}.device-desktop .elevation-hover-12:hover{box-shadow:var(--f7-elevation-12)!important}.device-desktop .elevation-hover-13:hover{box-shadow:var(--f7-elevation-13)!important}.device-desktop .elevation-hover-14:hover{box-shadow:var(--f7-elevation-14)!important}.device-desktop .elevation-hover-15:hover{box-shadow:var(--f7-elevation-15)!important}.device-desktop .elevation-hover-16:hover{box-shadow:var(--f7-elevation-16)!important}.device-desktop .elevation-hover-17:hover{box-shadow:var(--f7-elevation-17)!important}.device-desktop .elevation-hover-18:hover{box-shadow:var(--f7-elevation-18)!important}.device-desktop .elevation-hover-19:hover{box-shadow:var(--f7-elevation-19)!important}.device-desktop .elevation-hover-20:hover{box-shadow:var(--f7-elevation-20)!important}.device-desktop .elevation-hover-21:hover{box-shadow:var(--f7-elevation-21)!important}.device-desktop .elevation-hover-22:hover{box-shadow:var(--f7-elevation-22)!important}.device-desktop .elevation-hover-23:hover{box-shadow:var(--f7-elevation-23)!important}.device-desktop .elevation-hover-24:hover{box-shadow:var(--f7-elevation-24)!important}.active-state.elevation-pressed-0,.device-desktop .active-state.elevation-pressed-0{box-shadow:var(--f7-elevation-0)!important}.active-state.elevation-pressed-1,.device-desktop .active-state.elevation-pressed-1{box-shadow:var(--f7-elevation-1)!important}.active-state.elevation-pressed-2,.device-desktop .active-state.elevation-pressed-2{box-shadow:var(--f7-elevation-2)!important}.active-state.elevation-pressed-3,.device-desktop .active-state.elevation-pressed-3{box-shadow:var(--f7-elevation-3)!important}.active-state.elevation-pressed-4,.device-desktop .active-state.elevation-pressed-4{box-shadow:var(--f7-elevation-4)!important}.active-state.elevation-pressed-5,.device-desktop .active-state.elevation-pressed-5{box-shadow:var(--f7-elevation-5)!important}.active-state.elevation-pressed-6,.device-desktop .active-state.elevation-pressed-6{box-shadow:var(--f7-elevation-6)!important}.active-state.elevation-pressed-7,.device-desktop .active-state.elevation-pressed-7{box-shadow:var(--f7-elevation-7)!important}.active-state.elevation-pressed-8,.device-desktop .active-state.elevation-pressed-8{box-shadow:var(--f7-elevation-8)!important}.active-state.elevation-pressed-9,.device-desktop .active-state.elevation-pressed-9{box-shadow:var(--f7-elevation-9)!important}.active-state.elevation-pressed-10,.device-desktop .active-state.elevation-pressed-10{box-shadow:var(--f7-elevation-10)!important}.active-state.elevation-pressed-11,.device-desktop .active-state.elevation-pressed-11{box-shadow:var(--f7-elevation-11)!important}.active-state.elevation-pressed-12,.device-desktop .active-state.elevation-pressed-12{box-shadow:var(--f7-elevation-12)!important}.active-state.elevation-pressed-13,.device-desktop .active-state.elevation-pressed-13{box-shadow:var(--f7-elevation-13)!important}.active-state.elevation-pressed-14,.device-desktop .active-state.elevation-pressed-14{box-shadow:var(--f7-elevation-14)!important}.active-state.elevation-pressed-15,.device-desktop .active-state.elevation-pressed-15{box-shadow:var(--f7-elevation-15)!important}.active-state.elevation-pressed-16,.device-desktop .active-state.elevation-pressed-16{box-shadow:var(--f7-elevation-16)!important}.active-state.elevation-pressed-17,.device-desktop .active-state.elevation-pressed-17{box-shadow:var(--f7-elevation-17)!important}.active-state.elevation-pressed-18,.device-desktop .active-state.elevation-pressed-18{box-shadow:var(--f7-elevation-18)!important}.active-state.elevation-pressed-19,.device-desktop .active-state.elevation-pressed-19{box-shadow:var(--f7-elevation-19)!important}.active-state.elevation-pressed-20,.device-desktop .active-state.elevation-pressed-20{box-shadow:var(--f7-elevation-20)!important}.active-state.elevation-pressed-21,.device-desktop .active-state.elevation-pressed-21{box-shadow:var(--f7-elevation-21)!important}.active-state.elevation-pressed-22,.device-desktop .active-state.elevation-pressed-22{box-shadow:var(--f7-elevation-22)!important}.active-state.elevation-pressed-23,.device-desktop .active-state.elevation-pressed-23{box-shadow:var(--f7-elevation-23)!important}.active-state.elevation-pressed-24,.device-desktop .active-state.elevation-pressed-24{box-shadow:var(--f7-elevation-24)!important}.elevation-transition-100{transition-duration:.1s;transition-property:box-shadow}.elevation-transition,.elevation-transition-200{transition-duration:.2s;transition-property:box-shadow}.elevation-transition-300{transition-duration:.3s;transition-property:box-shadow}.elevation-transition-400{transition-duration:.4s;transition-property:box-shadow}.elevation-transition-500{transition-duration:.5s;transition-property:box-shadow}.ios{--f7-typography-padding:15px;--f7-typography-margin:15px}.md{--f7-typography-padding:16px;--f7-typography-margin:16px}.aurora{--f7-typography-padding:15px;--f7-typography-margin:15px}.display-flex{display:flex!important}.display-block{display:block!important}.display-inline-flex{display:inline-flex!important}.display-inline-block{display:inline-block!important}.display-inline{display:inline!important}.display-none{display:none!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-shrink-2{flex-shrink:2!important}.flex-shrink-3{flex-shrink:3!important}.flex-shrink-4{flex-shrink:4!important}.flex-shrink-5{flex-shrink:5!important}.flex-shrink-6{flex-shrink:6!important}.flex-shrink-7{flex-shrink:7!important}.flex-shrink-8{flex-shrink:8!important}.flex-shrink-9{flex-shrink:9!important}.flex-shrink-10{flex-shrink:10!important}.flex-direction-row{flex-direction:row!important}.flex-direction-row-reverse{flex-direction:row-reverse!important}.flex-direction-column{flex-direction:column!important}.flex-direction-column-reverse{flex-direction:column-reverse!important}.justify-content-flex-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-flex-end{justify-content:flex-end!important}.justify-content-space-between{justify-content:space-between!important}.justify-content-space-around{justify-content:space-around!important}.justify-content-space-evenly{justify-content:space-evenly!important}.justify-content-stretch{justify-content:stretch!important}.justify-content-start{justify-content:start!important}.justify-content-end{justify-content:end!important}.justify-content-left{justify-content:left!important}.justify-content-right{justify-content:right!important}.align-content-flex-start{align-content:flex-start!important}.align-content-flex-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-space-between{align-content:space-between!important}.align-content-space-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-items-baseline{align-items:baseline!important}.align-items-flex-start{align-items:flex-start!important}.align-items-flex-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-stretch{align-items:stretch!important}.align-self-flex-start{align-self:flex-start!important}.align-self-flex-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-stretch{align-self:stretch!important}.text-align-left{text-align:left!important}.text-align-center{text-align:center!important}.text-align-right{text-align:right!important}.text-align-justify{text-align:justify!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.vertical-align-bottom{vertical-align:bottom!important}.vertical-align-middle{vertical-align:middle!important}.vertical-align-top{vertical-align:top!important}.no-padding{padding:0!important}.no-padding-left{padding-left:0!important}.no-padding-right{padding-right:0!important}.no-padding-horizontal{padding-left:0!important;padding-right:0!important}.no-padding-top{padding-top:0!important}.no-padding-bottom{padding-bottom:0!important}.no-padding-vertical{padding-top:0!important;padding-bottom:0!important}.no-margin{margin:0!important}.no-margin-left{margin-left:0!important}.no-margin-right{margin-right:0!important}.no-margin-horizontal{margin-left:0!important;margin-right:0!important}.no-margin-top{margin-top:0!important}.no-margin-bottom{margin-bottom:0!important}.no-margin-vertical{margin-top:0!important;margin-bottom:0!important}.width-auto{width:auto!important}.width-100{width:100%!important}.padding{padding:var(--f7-typography-padding)!important}.padding-half{padding:calc(var(--f7-typography-padding)/ 2)!important}.padding-top{padding-top:var(--f7-typography-padding)!important}.padding-top-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important}.padding-bottom{padding-bottom:var(--f7-typography-padding)!important}.padding-bottom-half{padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-left{padding-left:var(--f7-typography-padding)!important}.padding-left-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important}.padding-right{padding-right:var(--f7-typography-padding)!important}.padding-right-half{padding-right:calc(var(--f7-typography-padding)/ 2)!important}.padding-vertical{padding-top:var(--f7-typography-padding)!important;padding-bottom:var(--f7-typography-padding)!important}.padding-vertical-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important;padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-horizontal{padding-left:var(--f7-typography-padding)!important;padding-right:var(--f7-typography-padding)!important}.padding-horizontal-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important;padding-right:calc(var(--f7-typography-padding)/ 2)!important}.margin{margin:var(--f7-typography-margin)!important}.margin-half{margin:calc(var(--f7-typography-margin)/ 2)!important}.margin-top{margin-top:var(--f7-typography-margin)!important}.margin-top-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important}.margin-bottom{margin-bottom:var(--f7-typography-margin)!important}.margin-bottom-half{margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-left{margin-left:var(--f7-typography-margin)!important}.margin-left-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important}.margin-right{margin-right:var(--f7-typography-margin)!important}.margin-right-half{margin-right:calc(var(--f7-typography-margin)/ 2)!important}.margin-vertical{margin-top:var(--f7-typography-margin)!important;margin-bottom:var(--f7-typography-margin)!important}.margin-vertical-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important;margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-horizontal{margin-left:var(--f7-typography-margin)!important;margin-right:var(--f7-typography-margin)!important}.margin-horizontal-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important;margin-right:calc(var(--f7-typography-margin)/ 2)!important}[class*=text-color-]{color:var(--f7-theme-color-text-color)!important}[class*=bg-color-]{background-color:var(--f7-theme-color-bg-color)!important}[class*=border-color-]{border-color:var(--f7-theme-color-border-color)!important} \ No newline at end of file +:root{--f7-theme-color:#007aff;--f7-theme-color-rgb:0,122,255;--f7-theme-color-shade:#0066d6;--f7-theme-color-tint:#298fff;--f7-safe-area-left:0px;--f7-safe-area-right:0px;--f7-safe-area-top:0px;--f7-safe-area-bottom:0px;--f7-safe-area-outer-left:0px;--f7-safe-area-outer-right:0px;--f7-device-pixel-ratio:1}@supports (left:env(safe-area-inset-left)){:root{--f7-safe-area-top:env(safe-area-inset-top);--f7-safe-area-bottom:env(safe-area-inset-bottom)}:root .ios-edges,:root .ios-left-edge,:root .panel-left,:root .popup,:root .safe-area-left,:root .safe-areas,:root .sheet-modal{--f7-safe-area-left:env(safe-area-inset-left);--f7-safe-area-outer-left:env(safe-area-inset-left)}:root .ios-edges,:root .ios-right-edge,:root .panel-right,:root .popup,:root .safe-area-right,:root .safe-areas,:root .sheet-modal{--f7-safe-area-right:env(safe-area-inset-right);--f7-safe-area-outer-right:env(safe-area-inset-right)}:root .no-ios-edges,:root .no-ios-left-edge,:root .no-safe-area-left,:root .no-safe-areas{--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px}:root .no-ios-edges,:root .no-ios-right-edge,:root .no-safe-area-right,:root .no-safe-areas{--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){:root{--f7-device-pixel-ratio:2}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){:root{--f7-device-pixel-ratio:3}}:root{--f7-font-size:14px}.ios{--f7-font-family:-apple-system,SF Pro Text,SF UI Text,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-line-height:1.4}.ios .theme-dark,.ios.theme-dark{--f7-text-color:#fff}.md{--f7-font-family:Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;--f7-text-color:#212121;--f7-line-height:1.5}.md .theme-dark,.md.theme-dark{--f7-text-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-font-family:-apple-system,system-ui,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-line-height:1.5}.aurora .theme-dark,.aurora.theme-dark{--f7-text-color:#fff}:root{--f7-bars-bg-image:none;--f7-bars-bg-color:#f7f7f8;--f7-bars-bg-color-rgb:247,247,248;--f7-bars-translucent-opacity:0.8;--f7-bars-translucent-blur:20px;--f7-bars-text-color:#000;--f7-bars-shadow-bottom-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);--f7-bars-shadow-top-image:linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)}.theme-dark{--f7-bars-text-color:#fff}.ios{--f7-bars-border-color:rgba(0, 0, 0, 0.25)}.ios .theme-dark,.ios.theme-dark{--f7-bars-bg-color:#121212;--f7-bars-bg-color-rgb:19,19,19;--f7-bars-border-color:rgba(255, 255, 255, 0.1)}.md{--f7-bars-border-color:transparent}.md .theme-dark,.md.theme-dark{--f7-bars-bg-color:#202020}.aurora{--f7-bars-border-color:rgba(0, 0, 0, 0.2)}.aurora .theme-dark,.aurora.theme-dark{--f7-bars-bg-color:#202020;--f7-bars-border-color:rgba(255, 255, 255, 0.1)}.text-color-primary{--f7-theme-color-text-color:var(--f7-theme-color)}.bg-color-primary{--f7-theme-color-bg-color:var(--f7-theme-color)}.border-color-primary{--f7-theme-color-border-color:var(--f7-theme-color)}.ripple-color-primary{--f7-theme-color-ripple-color:rgba(var(--f7-theme-color-rgb), 0.3)}:root{--f7-color-red:#ff3b30;--f7-color-red-rgb:255,59,48;--f7-color-red-shade:#ff1407;--f7-color-red-tint:#ff6259;--f7-color-green:#4cd964;--f7-color-green-rgb:76,217,100;--f7-color-green-shade:#2cd048;--f7-color-green-tint:#6ee081;--f7-color-blue:#2196f3;--f7-color-blue-rgb:33,150,243;--f7-color-blue-shade:#0c82df;--f7-color-blue-tint:#48a8f5;--f7-color-pink:#ff2d55;--f7-color-pink-rgb:255,45,85;--f7-color-pink-shade:#ff0434;--f7-color-pink-tint:#ff5676;--f7-color-yellow:#ffcc00;--f7-color-yellow-rgb:255,204,0;--f7-color-yellow-shade:#d6ab00;--f7-color-yellow-tint:#ffd429;--f7-color-orange:#ff9500;--f7-color-orange-rgb:255,149,0;--f7-color-orange-shade:#d67d00;--f7-color-orange-tint:#ffa629;--f7-color-purple:#9c27b0;--f7-color-purple-rgb:156,39,176;--f7-color-purple-shade:#7e208f;--f7-color-purple-tint:#b92fd1;--f7-color-deeppurple:#673ab7;--f7-color-deeppurple-rgb:103,58,183;--f7-color-deeppurple-shade:#563098;--f7-color-deeppurple-tint:#7c52c8;--f7-color-lightblue:#5ac8fa;--f7-color-lightblue-rgb:90,200,250;--f7-color-lightblue-shade:#32bbf9;--f7-color-lightblue-tint:#82d5fb;--f7-color-teal:#009688;--f7-color-teal-rgb:0,150,136;--f7-color-teal-shade:#006d63;--f7-color-teal-tint:#00bfad;--f7-color-lime:#cddc39;--f7-color-lime-rgb:205,220,57;--f7-color-lime-shade:#bac923;--f7-color-lime-tint:#d6e25c;--f7-color-deeporange:#ff6b22;--f7-color-deeporange-rgb:255,107,34;--f7-color-deeporange-shade:#f85200;--f7-color-deeporange-tint:#ff864b;--f7-color-gray:#8e8e93;--f7-color-gray-rgb:142,142,147;--f7-color-gray-shade:#79797f;--f7-color-gray-tint:#a3a3a7;--f7-color-white:#ffffff;--f7-color-white-rgb:255,255,255;--f7-color-white-shade:#ebebeb;--f7-color-white-tint:#ffffff;--f7-color-black:#000000;--f7-color-black-rgb:0,0,0;--f7-color-black-shade:#000000;--f7-color-black-tint:#141414}.color-theme-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.color-theme-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.color-theme-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.color-theme-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.color-theme-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.color-theme-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.color-theme-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.color-theme-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.color-theme-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.color-theme-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.color-theme-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.color-theme-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.color-theme-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.color-theme-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.color-theme-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.color-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.text-color-red{--f7-theme-color-text-color:#ff3b30}.bg-color-red{--f7-theme-color-bg-color:#ff3b30}.border-color-red{--f7-theme-color-border-color:#ff3b30}.ripple-color-red,.ripple-red{--f7-theme-color-ripple-color:rgba(255, 59, 48, 0.3)}.color-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.text-color-green{--f7-theme-color-text-color:#4cd964}.bg-color-green{--f7-theme-color-bg-color:#4cd964}.border-color-green{--f7-theme-color-border-color:#4cd964}.ripple-color-green,.ripple-green{--f7-theme-color-ripple-color:rgba(76, 217, 100, 0.3)}.color-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.text-color-blue{--f7-theme-color-text-color:#2196f3}.bg-color-blue{--f7-theme-color-bg-color:#2196f3}.border-color-blue{--f7-theme-color-border-color:#2196f3}.ripple-blue,.ripple-color-blue{--f7-theme-color-ripple-color:rgba(33, 150, 243, 0.3)}.color-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.text-color-pink{--f7-theme-color-text-color:#ff2d55}.bg-color-pink{--f7-theme-color-bg-color:#ff2d55}.border-color-pink{--f7-theme-color-border-color:#ff2d55}.ripple-color-pink,.ripple-pink{--f7-theme-color-ripple-color:rgba(255, 45, 85, 0.3)}.color-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.text-color-yellow{--f7-theme-color-text-color:#ffcc00}.bg-color-yellow{--f7-theme-color-bg-color:#ffcc00}.border-color-yellow{--f7-theme-color-border-color:#ffcc00}.ripple-color-yellow,.ripple-yellow{--f7-theme-color-ripple-color:rgba(255, 204, 0, 0.3)}.color-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.text-color-orange{--f7-theme-color-text-color:#ff9500}.bg-color-orange{--f7-theme-color-bg-color:#ff9500}.border-color-orange{--f7-theme-color-border-color:#ff9500}.ripple-color-orange,.ripple-orange{--f7-theme-color-ripple-color:rgba(255, 149, 0, 0.3)}.color-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.text-color-purple{--f7-theme-color-text-color:#9c27b0}.bg-color-purple{--f7-theme-color-bg-color:#9c27b0}.border-color-purple{--f7-theme-color-border-color:#9c27b0}.ripple-color-purple,.ripple-purple{--f7-theme-color-ripple-color:rgba(156, 39, 176, 0.3)}.color-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.text-color-deeppurple{--f7-theme-color-text-color:#673ab7}.bg-color-deeppurple{--f7-theme-color-bg-color:#673ab7}.border-color-deeppurple{--f7-theme-color-border-color:#673ab7}.ripple-color-deeppurple,.ripple-deeppurple{--f7-theme-color-ripple-color:rgba(103, 58, 183, 0.3)}.color-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.text-color-lightblue{--f7-theme-color-text-color:#5ac8fa}.bg-color-lightblue{--f7-theme-color-bg-color:#5ac8fa}.border-color-lightblue{--f7-theme-color-border-color:#5ac8fa}.ripple-color-lightblue,.ripple-lightblue{--f7-theme-color-ripple-color:rgba(90, 200, 250, 0.3)}.color-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.text-color-teal{--f7-theme-color-text-color:#009688}.bg-color-teal{--f7-theme-color-bg-color:#009688}.border-color-teal{--f7-theme-color-border-color:#009688}.ripple-color-teal,.ripple-teal{--f7-theme-color-ripple-color:rgba(0, 150, 136, 0.3)}.color-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.text-color-lime{--f7-theme-color-text-color:#cddc39}.bg-color-lime{--f7-theme-color-bg-color:#cddc39}.border-color-lime{--f7-theme-color-border-color:#cddc39}.ripple-color-lime,.ripple-lime{--f7-theme-color-ripple-color:rgba(205, 220, 57, 0.3)}.color-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.text-color-deeporange{--f7-theme-color-text-color:#ff6b22}.bg-color-deeporange{--f7-theme-color-bg-color:#ff6b22}.border-color-deeporange{--f7-theme-color-border-color:#ff6b22}.ripple-color-deeporange,.ripple-deeporange{--f7-theme-color-ripple-color:rgba(255, 107, 34, 0.3)}.color-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.text-color-gray{--f7-theme-color-text-color:#8e8e93}.bg-color-gray{--f7-theme-color-bg-color:#8e8e93}.border-color-gray{--f7-theme-color-border-color:#8e8e93}.ripple-color-gray,.ripple-gray{--f7-theme-color-ripple-color:rgba(142, 142, 147, 0.3)}.color-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.text-color-white{--f7-theme-color-text-color:#ffffff}.bg-color-white{--f7-theme-color-bg-color:#ffffff}.border-color-white{--f7-theme-color-border-color:#ffffff}.ripple-color-white,.ripple-white{--f7-theme-color-ripple-color:rgba(255, 255, 255, 0.3)}.color-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.text-color-black{--f7-theme-color-text-color:#000000}.bg-color-black{--f7-theme-color-bg-color:#000000}.border-color-black{--f7-theme-color-border-color:#000000}.ripple-black,.ripple-color-black{--f7-theme-color-ripple-color:rgba(0, 0, 0, 0.3)}@font-face{font-family:framework7-core-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAz4ABAAAAAAGNgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAM3AAAABkAAAAciZuB7UdERUYAAArUAAAAIwAAACQAfQBXR1BPUwAADKwAAAAuAAAANuAY7+xHU1VCAAAK+AAAAbMAAAQuAxQJ5U9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAogAAACIAAABYt6F0cBjdnQgAAADEAAAAAQAAAAEABEBRGdhc3AAAArMAAAACAAAAAj//wADZ2x5ZgAAA6gAAAR1AAAJzOg6B0doZWFkAAABbAAAADAAAAA2FLiY/WhoZWEAAAGcAAAAIAAAACQHgQM9aG10eAAAAigAAABeAAABJC9JAAJsb2NhAAADFAAAAJQAAACUReRIiG1heHAAAAG8AAAAHwAAACAAjwBLbmFtZQAACCAAAAFSAAAC2WG9Sh5wb3N0AAAJdAAAAVYAAAJ2B5LxL3jaY2BkYGAA4r3NMlLx/DZfGbiZGEDgxtw1DjD6/49/vSxpTJ+BXA4GsDQARmkM0njaY2BkYGD6/K+XQY8l7f8PBgaWNAagCArwBACRVQXFeNpjYGRgYPBkkGJgYQABJiBmZACJOTDogQQADbgA2wB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wKxExCfBWIJoNzZ/z8Y3YBsF6g4kM2UBpFjBNJMQD0Mu4FsY4jZTGch5jAZQ8QBlR0UZwAAeNpjYGBgZoBgGQZGBhCIAfIYwXwWBgcgzcPAwcAEZCsw6DJYMsQzVP3/DxQF8QyAvMT///8//n/9/9X/G/6vh5oAB4xsDHAhRiYgwcSApgBiNRywMDCwsrFzcHJx8/DyMRAD+BkEBIWERUTFxCUkpaRlZOXkFRSVlFVU1dQ1NBkGAwAAxH4T6AARAUQAAAAqACoAKgA0AD4ASABSAFwAZgBwAHoAhACOAJgAogCsALYAwADKANQA3gDoAPIA/AEGARABGgEkAS4BOAFCAUwBVgFgAWoBdAF+AYgBkgGcAaYBsgHeAgACKgI8AlICZAKEApQCpALWAuwC/gMeAzADQgNgA3IDlgO0A8QD6gP8BBYEKgRKBFwEbgSWBKwExgTmeNrtVc9vG0UUfm8de9y43rVje204lNjZ7AYBKcna3lKcxCIJhwgCqhIIuTSpKp8CaoRsbnZujSosI5QqitVbpCLBKT8EUiUSwyW9mEoWB4RyChKpEJxyoVKz5s2sDXH6H6BKM34z387OfvO9741BgiAAbOAsuIDB4BbC5cw264K/hrc87sPMtkuiIWy5OOzm8Dbz4NPMNnLcDJpBwwz2BVc/y+Vw1v4miCbthtRqotMoOMTHz7Hn2P8ek85gLkLfkAQMXdQv4Ps4TxWmQASiAD0JT1gdTif1YTXsSehJt2UoGLWMr2cymZnMvaWpqaUpHPffkuVleRmzmZmRkZkPpjj8RL7l56DDofkDmvSRHoD+hCLxncbQ0JPp4ZdQRQMRf/P1qr79fZ8a9x0p25J05FN7fXv7HD1SHM7NY6zhfboHXqBdosxIGZ6+BN9DjYRZNMFZElvMrugrbHBscnHxzo0B9u3CxMTCeHlFL0XYwOKdxcXJ0UE2vjA+viB4gQ57dF43QIjRltZeoaBVq5gWAVrcT7CKZfDSVyNxvijKsGo/rGj1ulb5NenE1lrw4494k+9nYRQNq4KKZtcr2mwrAjafkBavkBZ0n1npMST6YZKUy3sZdTfSyenMe3v8/EfKI3QdcU1o7ijBvxGGA4ezRWQM62BTK5W07+i32N/5PEVUo6z1uL9Y0oSOdrkrJ52Aj+e336AFUYsyahlSryYFerTerp6AJGUP0gft9qb9k326vo4uHEbX+vofB1b7kfX08F/YPuXLntWMC0b3r4VVrpP5RY0HvEICtjXL4ruYBQ9NomyIVuPL2uGyRhiFvnecNUv4FuoQoBGXS2gl3GOlMSmzVaZSl1VvPu9FXeYTjsksn2fizDCPdXqf/3fACMYj7lQ8gnXbxPqJaW6YpuBcwxjlhXTrR64rxpoQe/w4VnMC8Wj+DR/Bz/gayACUuaiqoIzExEpHpxa6A4Huj90hz1W/rFz8/Eul26d85UWWVS76ZecM1/Ft4sC9Ri5ixqZIDOoigONxUHGCcuen6gNK3hmHe1r+/nMuNKe9bk1PfzK9NTc6Oje68mFo7hLNpq2hq2Mc6dSLO4yKTNiL8cLrEEuV19tSFQqEdfIkEcgbDs/rm1qxqIk6LEs5PCElQwDJAJELeBJI52k7adfe3bWh+WIu125ZhJ2dJuzgxhkQOjVPIfcqQuz4OFbDluLtmsrhp+RXQCaEE7QwV6lo7YbvnZnwd+yaVJVq3FMWec+8gL/Xj+2afb8smaci7e29L8EDvMF1Sjue+q8gH3TaaDDgXfWGqQdUx1XO+5N0r+nCu8K6FpqPbvZc+x7DIpy/Y/jtYdDNouXzOE+hUGjlvTkv1SUdLvC8k6YmF7UvETpTnY21u43G3bW1YrpIrcR/X8WBRsP+pYH3SlaxaJXE7/n6E9+Mp+JGnded/RCvVLDMh0lRfy7OTzKJH68N0jiYcqqDdy6W00mZ5Ipo53ULOPbiNelc6mSs24zd9jqWwmvP6PYPnHjkAAAAAHjarZC9TsMwFIWP+yfBgBjI7rGtmsjx0p+RSl26IIbsITWt1Sau3EhVxcuwsTGy8RQsTOx9C65dDwwdGBrpyl+Oz7XPNYAbvIPh9HXxGJghwlvgBq7xFbiJlN0HbiFir4HbuGXfgTuIGhE5WeuK/h58l2OGPl4CN3CHz8BNPOEncAt9Vgdug7OPwB3Sj5jCYIsDLDSWWKEGp8wFerRKCKQYY0CcYYMcC3KVVJaUOblzIqeXdIb2u5ia7cHq5arm3aLHpUjHA55t8oUuteXzVW43ebnVC3I+U7NrVdhTCIs1hojpaseKSHuusCOrzUu1N3Y9jAtjVawLU5F81vvXMPNi7VdL8yk/VUJzcUyo/h/h5JcYkSp9nd4GM1PVM2OXistE8Ak/G5V0OYpl7J7jEoNn5LO0r72PUxaXJvGrmw2ZsjttKi5Emggh+AUu/QVMMIYbAAB42m2QCU/CQBSEZ8ADECzIJXj+FuN937dpartKI3TJdjn+vNGFUqGJmzTpvm/evNmHFMbn5xvEf+fIfEQKaRRRRgVV1FDHKhpoYg3r2MEu9rCPAxwa7TFOcIoznOMCl7jCNW5wizvc4wGPeMIzXvCKN6aY5hznucBFZphljkvMs8BlWiyyxBWWWWGVNda5ygabXOM6N7jJLW7nQuEot2X7Miy5LdFXMrCV/9nSo0p2AjueFbO2+NDmXnCUkoP4tmSo+/Uuh+a/mFAak0LCNj+La4HU/ofvOto3FbctQzHqsCLzd6m17BjLrHI8X45IOe725CCwnZ6SylkMpRqHCAd+Vyg7EENt/QWKNLm4r9ctTN4UgdIUTCr52RGWJ9pCC1vJXuDNzOgq0c9OmFlGVys7yjybcbyAqWmUxwiKyT2blSWmGMVyZBbzzPiFpl5JdkbevxMrvisAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQYPIJsFLMYAAA12ANUAeNp1UklOAkEUfUV3Ao4goHSUQQbBIM6z4qxoPIMbNhoT4sIQD+DCMxjjOVx6BuMRjAtvge9XAz2FdLqr+r1X/7/6/0MBGEYWNahWs/2ACEwi6HQgjGrd3zWJwf4jZ+o1AmX8IowknkLt0LdhGiWjDoP4PBrYQBR5PlmUuZvgWuSTRZp/aSSoGHfxeViYQooKm13CmIudYY7JPhfFLK7xiDd84keZqqwa6lY9q3f1ob7UH66oTvGd0+czvugxlDSe5+6U0bxKJ5NbtxXQJbSzjE9X5z29uhJyPs1CQON2ZxErYIW6Qb5sxXlA4a/gItdBMYTf7fJxTOvuVHw+V9mBQRnOMBo4a/ta6zLBrAcBplfDZYwEoonDPc5ksJoyX1X2/4Iekzp6kW9Ua0pUJfpeDrkbpJD4xxjy8ILJdK/zljKtFn1bdBXTe9tBnHqJnexnkRMnrFWR8aWCztQ6/CYzxRhdkB4eJlJjH284yS94xT5jJPX5OG/t7cURK1TmuRwVkiXHr9Rlx4dnuFbopMrKuWPZGWv6vg4q971kNSWHM1nbdNZD7IqI0zh3GZ238A+0lkTEAHjaY2BkYGDgYpBjMGFgzEksyWPgYGABijD8/88AkmEszqxKhYp9YIADAMCOBtEAAHjaY2BgYGQAghsJmjlgeu4aBxgNAELpBpEAAAA=") format("woff");font-weight:400;font-style:normal}@font-face{font-family:framework7-skeleton;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAYQAA0AAAAAEcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF9AAAABkAAAAciVvoDU9TLzIAAAGcAAAASwAAAGBRtV1jY21hcAAAAfwAAAC8AAABamglddJjdnQgAAACuAAAAAQAAAAEABEBRGdhc3AAAAXsAAAACAAAAAj //wADZ2x5ZgAAA2wAAACUAAAJjHCzhiRoZWFkAAABMAAAAC4AAAA2ERr/HWhoZWEAAAFgAAAAGgAAACQC8ADFaG10eAAAAegAAAATAAAAtAMAABFsb2NhAAACvAAAAK4AAACuaNBmhG1heHAAAAF8AAAAHwAAACAAmgA5bmFtZQAABAAAAAFQAAACuLf6wytwb3N0AAAFUAAAAJkAAADOCKMIc3jaY2BkYGAA4lUx8ibx/DZfGbiZGEDgRu39AAT9/wAjA+MBIJeDASwNACBICpsAAHjaY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB42mNgZGBgCGPgYGBiAAEQycgAEnNg0AMJAAANJwDUAHjaY2BhZGCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01haGBQYKhlPPD/AIMe4wEGB5gaxgNAHgNQjhEA6dgLvQB42mNkYBBkAAJGKB4KAAAOfQAVAHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMSgxWDNEMsQz1D7/z9QXIFBjUGHwRHIT/z////j/w/+3/9/6//N/zeg5iABRjYGuCAjE5BgQlcAdAILK5DBxs7BycXAzcPLxy8gKCQsIiomLiEpBVYjLSMrJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZs5gwWBpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSyjDgAABJLiG7ABEBRAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C8gMAAw4DHAMqAzgDRgNUA2IDcAN+A4wDmgOoA7YDxAPSA+AD7gP8BAoEGAQmBDQEQgRQBF4EbAR6BIgEnASqBLgExgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVI6G36jcqNyo3GiZMSo3Kjes8hQAx51w5njapZC9agJBFIXP+EfSBMEXmEoU3GVcBNFWsLEJKbYKhEUnOrjryrggkgfIQ6RMnzZVHiBNijxM6pydHUiRFAEXLvebc8+duXcBXOEFAtXXw41ngQ6ePddwgXfPdYRCeW6gIx49N9EWb55b1L/oFI1Lnq5dV8kCXTx4rqGNV8913OLTcwNdcee5CSmePLeof2CGHHucYGGwxgYFJGdeos8cQWGICQbkGCkSrOjKGJbKgu6EVOoZ7zCuilm+P1mz3hSyt+zLSA0nAxmnycpkxsrFJrFpku3Nis57NpetGkcOYbHFGAEOzJqXao6SY0ebTTJ9zO12HBy2OtVFTvGX66c0d0LhsuVO2m0ScheJKeN/z1beESuRi+pPYJ7vinlu11pGoZJT+cdwVEdBFJSbn7djzLql1/iBlBsidLlcBrG2B8MHlRqGSil51nPfEi6AO3jaXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAAAAAAH//wACeNpjYGBgZACCGwmaOWC69n4AjAYARC0G1wAAAA==") format("woff");font-weight:300,400,500,600,700;font-style:normal,italic}html{direction:rtl}.framework7-root,body,html{position:relative;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;width:100%;background:#fff;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-family:var(--f7-font-family);font-size:var(--f7-font-size);line-height:var(--f7-line-height);color:var(--f7-text-color)}.theme-dark{color:var(--f7-text-color)}.framework7-root{overflow:hidden;box-sizing:border-box}.framework7-initializing *,.framework7-initializing :after,.framework7-initializing :before{transition-duration:0s!important}.device-android,.device-ios{cursor:pointer}.device-ios{touch-action:manipulation}@media (width:1024px) and (height:691px) and (orientation:landscape){.framework7-root,body,html{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.framework7-root,body,html{height:672px}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,input,select,textarea{outline:0}a{cursor:pointer;text-decoration:none;color:var(--f7-theme-color)}.item-link,.link{cursor:pointer}p{margin:1em 0}.disabled{opacity:.55!important;pointer-events:none!important}html.device-full-viewport,html.device-full-viewport body{height:100vh}.ios .aurora-only,.ios .if-aurora,.ios .if-md,.ios .if-not-ios,.ios .md-only,.ios .not-ios{display:none!important}@media (width:1024px) and (height:691px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:672px}}.md .aurora-only,.md .if-aurora,.md .if-ios,.md .if-not-md,.md .ios-only,.md .not-md{display:none!important}.aurora .if-ios,.aurora .if-md,.aurora .if-not-aurora,.aurora .ios-only,.aurora .md-only,.aurora .not-aurora{display:none!important}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;box-sizing:border-box}.framework7-root>.view,.framework7-root>.views{height:calc(100% - var(--f7-appbar-app-offset,0px))}:root{--f7-page-master-width:320px;--f7-page-master-border-color:rgba(0, 0, 0, 0.1);--f7-page-master-border-width:1px;--f7-page-swipeback-transition-duration:300ms}.ios{--f7-page-bg-color:#efeff4;--f7-page-transition-duration:400ms}.ios .theme-dark,.ios.theme-dark{--f7-page-bg-color:#000}.md{--f7-page-bg-color:#fff;--f7-page-transition-duration:250ms}.md .theme-dark,.md.theme-dark{--f7-page-bg-color:#121212}.aurora{--f7-page-bg-color:#f3f3f3;--f7-page-transition-duration:400ms}.aurora .theme-dark,.aurora.theme-dark{--f7-page-bg-color:#121212}.theme-dark{--f7-page-master-border-color:rgba(255, 255, 255, 0.1)}.pages{position:relative;width:100%;height:100%;overflow:hidden}.page{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;transform:none;background-color:var(--f7-page-bg-color);z-index:1}.page.stacked{display:none}.page-with-navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.page-previous{pointer-events:none}.page-content{overflow:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;height:100%;position:relative;z-index:1;padding-top:calc(var(--f7-page-navbar-offset,0px) + var(--f7-page-toolbar-top-offset,0px) + var(--f7-page-subnavbar-offset,0px) + var(--f7-page-searchbar-offset,0px) + var(--f7-page-content-extra-padding-top,0px));padding-bottom:calc(var(--f7-page-toolbar-bottom-offset,0px) + var(--f7-safe-area-bottom) + var(--f7-page-content-extra-padding-bottom,0px))}.page-transitioning,.page-transitioning .page-opacity-effect,.page-transitioning .page-shadow-effect{transition-duration:var(--f7-page-transition-duration)}.page-transitioning-swipeback,.page-transitioning-swipeback .page-opacity-effect,.page-transitioning-swipeback .page-shadow-effect{transition-duration:var(--f7-page-swipeback-transition-duration)}.router-transition-backward .page-current,.router-transition-backward .page-next,.router-transition-backward .page-previous:not(.stacked),.router-transition-forward .page-current,.router-transition-forward .page-next,.router-transition-forward .page-previous:not(.stacked){pointer-events:none}.page-shadow-effect{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.page-opacity-effect{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000}.ios .page-previous{transform:translate3d(20%,0,0)}.ios .page-next{transform:translate3d(-100%,0,0)}.ios .page-previous .page-opacity-effect{opacity:1}.ios .page-previous:after{opacity:1}.ios .page-current .page-shadow-effect{opacity:1}.ios .router-transition-forward .page-current,.ios .router-transition-forward .page-next{will-change:transform}.ios .router-transition-forward .page-next{animation:ios-page-next-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-next:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current{animation:ios-page-current-to-previous var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current,.ios .router-transition-backward .page-previous{will-change:transform}.ios .router-transition-backward .page-previous{animation:ios-page-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current{animation:ios-page-current-to-next var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}@keyframes ios-page-next-to-current{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-previous-to-current{from{transform:translate3d(20%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-current-to-previous{from{transform:translate3d(0,0,0)}to{transform:translate3d(20%,0,0)}}@keyframes ios-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0)}}@keyframes ios-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-page-element-fade-out{from{opacity:1}to{opacity:0}}.md .page-next{transform:translate3d(0,56px,0);opacity:0;pointer-events:none}.md .page-next.page-next-on-right{transform:translate3d(-100%,0,0)}.md .router-transition-forward .page-next{will-change:transform,opacity;animation:md-page-next-to-current var(--f7-page-transition-duration) forwards}.md .router-transition-forward .page-current{animation:none}.md .router-transition-backward .page-current{will-change:transform,opacity;animation:md-page-current-to-next var(--f7-page-transition-duration) forwards}.md .router-transition-backward .page-previous{animation:none}@keyframes md-page-next-to-current{from{transform:translate3d(0,56px,0);opacity:0}to{transform:translate3d(0,0px,0);opacity:1}}@keyframes md-page-current-to-next{from{transform:translate3d(0,0,0);opacity:1}to{transform:translate3d(0,56px,0);opacity:0}}.aurora .page-next{pointer-events:none;transform:translate3d(-100%,0px,0)}.aurora .page-next.page-next-on-right{transform:translate3d(-100%,0,0)}.aurora .page-previous .page-opacity-effect{opacity:1}.aurora .page-previous:after{opacity:1}.aurora .router-transition-forward .page-next{will-change:transform;animation:aurora-page-next-to-current var(--f7-page-transition-duration) forwards}.aurora .router-transition-forward .page-current{animation:none}.aurora .router-transition-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:aurora-page-element-fade-in var(--f7-page-transition-duration) forwards}.aurora .router-transition-backward .page-current{will-change:transform,opacity;animation:aurora-page-current-to-next var(--f7-page-transition-duration) forwards}.aurora .router-transition-backward .page-previous{animation:none}.aurora .router-transition-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:aurora-page-element-fade-out var(--f7-page-transition-duration) forwards}@keyframes aurora-page-next-to-current{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0,0px,0)}}@keyframes aurora-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0)}}@keyframes aurora-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes aurora-page-element-fade-out{from{opacity:1}to{opacity:0}}.view:not(.view-master-detail) .page-master-stacked{display:none}.view:not(.view-master-detail) .navbar-master-stacked{display:none}.view-master-detail .navbar-master,.view-master-detail .page-master{width:var(--f7-page-master-width);left:auto;right:0;--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px;border-left:var(--f7-page-master-border-width) solid var(--f7-page-master-border-color)}.view-master-detail .navbar-master-detail,.view-master-detail .page-master-detail{width:calc(100% - var(--f7-page-master-width));--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px;right:var(--f7-page-master-width)}.view-master-detail .page-master{z-index:2;transform:none;pointer-events:auto}.view-master-detail .page-master:after,.view-master-detail .page-master:before{display:none}.view-master-detail.router-transition .page-master{animation:none}:root{--f7-link-highlight-black:rgba(0, 0, 0, 0.1);--f7-link-highlight-white:rgba(255, 255, 255, 0.15);--f7-link-highlight-color:var(--f7-link-highlight-black)}.theme-dark{--f7-link-highlight-color:var(--f7-link-highlight-white)}.link,.tab-link{display:inline-flex;align-items:center;align-content:center;justify-content:center;position:relative;box-sizing:border-box;transform:translate3d(0,0,0);z-index:1}.link i+i,.link i+span,.link span+i,.link span+span{margin-right:4px}.ios .link{transition:opacity .3s}.ios .link.active-state{opacity:.3;transition-duration:0s}.aurora .link{transition:opacity .3s}.aurora .link.active-state{opacity:.3;transition-duration:0s}:root{--f7-navbar-hide-show-transition-duration:400ms;--f7-navbar-title-line-height:1.2;--f7-navbar-title-font-size:inherit;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-text-color:inherit}.ios{--f7-navbar-height:44px;--f7-navbar-tablet-height:44px;--f7-navbar-font-size:17px;--f7-navbar-inner-padding-left:8px;--f7-navbar-inner-padding-right:8px;--f7-navbar-title-font-weight:600;--f7-navbar-title-margin-left:0;--f7-navbar-title-margin-right:0;--f7-navbar-title-text-align:center;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.55);--f7-navbar-subtitle-font-size:10px;--f7-navbar-subtitle-line-height:1;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:52px;--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-font-weight:700;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-vertical:6px;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px}.ios .theme-dark,.ios.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-navbar-height:56px;--f7-navbar-tablet-height:64px;--f7-navbar-font-size:20px;--f7-navbar-inner-padding-left:0px;--f7-navbar-inner-padding-right:0px;--f7-navbar-title-font-weight:500;--f7-navbar-title-margin-left:16px;--f7-navbar-title-margin-right:16px;--f7-navbar-title-text-align:left;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.85);--f7-navbar-subtitle-font-size:14px;--f7-navbar-subtitle-line-height:1.2;--f7-navbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-height:56px;--f7-navbar-large-title-font-weight:500;--f7-navbar-large-title-letter-spacing:0;--f7-navbar-large-title-padding-vertical:8px;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px}.md .theme-dark,.md.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.85)}.aurora{--f7-navbar-height:38px;--f7-navbar-tablet-height:38px;--f7-navbar-font-size:14px;--f7-navbar-inner-padding-left:16px;--f7-navbar-inner-padding-right:16px;--f7-navbar-title-font-weight:600;--f7-navbar-title-margin-left:0;--f7-navbar-title-margin-right:0;--f7-navbar-title-text-align:center;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.6);--f7-navbar-subtitle-font-size:12px;--f7-navbar-subtitle-line-height:1;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:38px;--f7-navbar-large-title-font-size:26px;--f7-navbar-large-title-font-weight:bold;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-vertical:4px;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px;--f7-navbar-link-height:auto;--f7-navbar-link-line-height:inherit}.aurora .theme-dark,.aurora.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.5)}.navbar,.navbars{z-index:500;left:0;top:0;width:100%}.navbars{position:absolute}.navbars .navbar{z-index:auto}.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-right:var(--f7-navbar-title-margin-left);margin-left:var(--f7-navbar-title-margin-left)}.navbar .subtitle{display:block;color:var(--f7-navbar-subtitle-text-color);font-weight:400;font-size:var(--f7-navbar-subtitle-font-size);line-height:var(--f7-navbar-subtitle-line-height);text-align:var(--f7-navbar-subtitle-text-align)}.navbar .left,.navbar .right{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center;transform:translate3d(0,0,0)}.navbar .right:first-child{position:absolute;height:100%}.navbar .no-border .navbar-bg:after,.navbar .no-hairline .navbar-bg:after,.navbar.no-border .navbar-bg:after,.navbar.no-hairline .navbar-bg:after{display:none!important}.navbar .no-border .title-large:after,.navbar .no-hairline .title-large:after,.navbar.no-border .title-large:after,.navbar.no-hairline .title-large:after{display:none!important}.navbar .no-shadow .navbar-bg:before,.navbar.no-shadow .navbar-bg:before{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-image:var(--f7-navbar-bg-image,var(--f7-bars-bg-image));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:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-navbar-shadow-image)}.navbar-bg:after{z-index:1}@media (min-width:768px){:root{--f7-navbar-height:var(--f7-navbar-tablet-height)}}.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-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))}.navbar-inner.stacked{display:none}.navbars>.navbar,.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.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 .navbar-bg,.navbar-large-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)}.navbar-large-transparent .navbar-bg{opacity:var(--f7-navbar-large-collapse-progress);height:100%;transform:none}.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;align-items:flex-end;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(100% - 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-transparent-bg-center:translateX(0);--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-transparent-bg-left:translateX(100%);--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 .material-icons{width:24px}.ios .navbar .f7-icons{width:28px}.ios .navbar a.icon-only{width:44px;margin:0;justify-content:center}.ios .navbar .left a+a,.ios .navbar .right a+a{margin-right:16px}.ios .navbar b{font-weight:600}.ios .navbar .left{margin-left:10px}.ios .navbar .right{margin-right:10px}.ios .navbar .right:first-child{left:calc(8px + var(--f7-safe-area-left))}.ios .navbar-inner{justify-content:space-between}.ios .navbar-inner-left-title{justify-content:flex-start}.ios .navbar-inner-left-title .right{margin-right:auto}.ios .navbar-inner-left-title .title{text-align:left;margin-left:10px}.ios .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.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:right center}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{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:right 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-current.navbar-large-collapsed.navbar-large-transparent:not(.router-navbar-transition-to-large) .navbar-bg{animation-name:ios-navbar-transparent-bg-from-c-to-l}.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-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}.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large-transparent .navbar-bg{animation-name:ios-navbar-transparent-bg-from-l-to-c}.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large-transparent.router-navbar-transition-from-large .navbar-bg{animation-name:ios-navbar-bg-from-lb-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{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(-1 * (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)}}@keyframes ios-navbar-large-title-text-slide-down{0%{transform:translateX(calc(-1 * (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(-1 * (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(-1 * (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)}}@keyframes ios-navbar-transparent-bg-from-l-to-c{from{transform:var(--f7-navbar-large-transparent-bg-left)}to{transform:var(--f7-navbar-large-transparent-bg-center)}}@keyframes ios-navbar-transparent-bg-from-c-to-l{from{transform:var(--f7-navbar-large-transparent-bg-center)}to{transform:var(--f7-navbar-large-transparent-bg-left)}}.md .navbar .material-icons{width:24px}.md .navbar .f7-icons{width:28px}.md .navbar a.link{padding:0 16px;min-width:48px}.md .navbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .navbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .navbar a.icon-only{min-width:0;flex-shrink:0;width:56px}.md .navbar .right{margin-right:auto}.md .navbar .right:first-child{left:var(--f7-safe-area-left)}.md .navbar-inner{justify-content:flex-start;overflow:hidden}.md .navbar-large:not(.navbar-large-collapsed) .navbar-inner{overflow:visible}.md .page.page-with-subnavbar .navbar-inner{overflow:visible}.md .navbar-inner-centered-title{justify-content:space-between}.md .navbar-inner-centered-title .right{margin-right:0}.md .navbar-inner-centered-title .title{text-align:center}.aurora .navbar a.icon-only{margin:0;justify-content:center}.aurora .navbar .left a+a,.aurora .navbar .right a+a{margin-right:10px}.aurora .navbar b{font-weight:700}.aurora .navbar .left{margin-left:10px}.aurora .navbar .right{margin-right:10px}.aurora .navbar .right:first-child{left:calc(16px + var(--f7-safe-area-left))}.aurora .navbar-inner{justify-content:space-between}.aurora .navbar-inner-left-title{justify-content:flex-start}.aurora .navbar-inner-left-title .right{margin-right:auto}.aurora .navbar-inner-left-title .title{text-align:left;margin-left:10px}:root{--f7-tabbar-link-active-bg-color:transparent;--f7-tabbar-label-text-transform:none;--f7-toolbar-hide-show-transition-duration:400ms}.ios{--f7-toolbar-height:44px;--f7-toolbar-font-size:17px;--f7-toolbar-inner-padding-left:8px;--f7-toolbar-inner-padding-right:8px;--f7-tabbar-labels-height:50px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.4);--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:28px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:12px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-font-weight:500;--f7-tabbar-label-letter-spacing:0.01}.ios .theme-dark,.ios.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.54)}.md{--f7-toolbar-height:48px;--f7-toolbar-font-size:14px;--f7-toolbar-inner-padding-left:0px;--f7-toolbar-inner-padding-right:0px;--f7-tabbar-labels-height:56px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.54);--f7-toolbar-top-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-toolbar-bottom-shadow-image:var(--f7-bars-shadow-top-image);--f7-tabbar-icon-size:24px;--f7-tabbar-link-text-transform:uppercase;--f7-tabbar-link-font-weight:500;--f7-tabbar-link-letter-spacing:0.03em;--f7-tabbar-label-font-size:14px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0}.md .theme-dark,.md.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-toolbar-height:38px;--f7-toolbar-font-size:14px;--f7-toolbar-inner-padding-left:16px;--f7-toolbar-inner-padding-right:16px;--f7-toolbar-link-height:auto;--f7-toolbar-link-line-height:inherit;--f7-tabbar-labels-height:44px;--f7-tabbar-labels-tablet-height:44px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.5);--f7-tabbar-link-inactive-bg-color:rgba(0, 0, 0, 0.2);--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:18px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:12px;--f7-tabbar-label-tablet-font-size:12px;--f7-tabbar-label-font-weight:500;--f7-tabbar-label-letter-spacing:0.01}.aurora .theme-dark,.aurora.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.5)}.toolbar{width:100%;position:relative;margin:0;transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:600;box-sizing:border-box;left:0;height:var(--f7-toolbar-height);background-image:var(--f7-toolbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-toolbar-bg-color,var(--f7-bars-bg-color));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 a.link{display:flex;line-height:var(--f7-toolbar-link-line-height,var(--f7-toolbar-height));height:var(--f7-toolbar-link-height,var(--f7-toolbar-height))}.toolbar i.icon{display:block}.toolbar:after,.toolbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.page>.toolbar,.view>.toolbar,.views>.toolbar{position:absolute}.aurora .toolbar-top-aurora,.ios .toolbar-top-ios,.md .toolbar-top-md,.toolbar-top{top:0}.aurora .toolbar-top-aurora .tab-link-highlight,.ios .toolbar-top-ios .tab-link-highlight,.md .toolbar-top-md .tab-link-highlight,.toolbar-top .tab-link-highlight{bottom:0}.aurora .toolbar-top-aurora.no-border:after,.aurora .toolbar-top-aurora.no-hairline:after,.ios .toolbar-top-ios.no-border:after,.ios .toolbar-top-ios.no-hairline:after,.md .toolbar-top-md.no-border:after,.md .toolbar-top-md.no-hairline:after,.toolbar-top.no-border:after,.toolbar-top.no-hairline:after{display:none!important}.aurora .toolbar-top-aurora.no-shadow:before,.aurora .toolbar-top-aurora.toolbar-hidden:before,.ios .toolbar-top-ios.no-shadow:before,.ios .toolbar-top-ios.toolbar-hidden:before,.md .toolbar-top-md.no-shadow:before,.md .toolbar-top-md.toolbar-hidden:before,.toolbar-top.no-shadow:before,.toolbar-top.toolbar-hidden:before{display:none!important}.aurora .toolbar-top-aurora:after,.aurora .toolbar-top-aurora:before,.ios .toolbar-top-ios:after,.ios .toolbar-top-ios:before,.md .toolbar-top-md:after,.md .toolbar-top-md:before,.toolbar-top:after,.toolbar-top:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.aurora .toolbar-top-aurora:after,.ios .toolbar-top-ios:after,.md .toolbar-top-md:after,.toolbar-top:after{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .toolbar-top-aurora:before,.ios .toolbar-top-ios:before,.md .toolbar-top-md:before,.toolbar-top:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-toolbar-top-shadow-image)}.aurora .toolbar-bottom-aurora,.ios .toolbar-bottom-ios,.md .toolbar-bottom-md,.toolbar-bottom{bottom:0;height:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.aurora .toolbar-bottom-aurora .tab-link-highlight,.ios .toolbar-bottom-ios .tab-link-highlight,.md .toolbar-bottom-md .tab-link-highlight,.toolbar-bottom .tab-link-highlight{top:0}.aurora .toolbar-bottom-aurora .toolbar-inner,.ios .toolbar-bottom-ios .toolbar-inner,.md .toolbar-bottom-md .toolbar-inner,.toolbar-bottom .toolbar-inner{height:auto;top:0;bottom:var(--f7-safe-area-bottom)}.aurora .toolbar-bottom-aurora.no-border:before,.aurora .toolbar-bottom-aurora.no-hairline:before,.ios .toolbar-bottom-ios.no-border:before,.ios .toolbar-bottom-ios.no-hairline:before,.md .toolbar-bottom-md.no-border:before,.md .toolbar-bottom-md.no-hairline:before,.toolbar-bottom.no-border:before,.toolbar-bottom.no-hairline:before{display:none!important}.aurora .toolbar-bottom-aurora.no-shadow:after,.aurora .toolbar-bottom-aurora.toolbar-hidden:after,.ios .toolbar-bottom-ios.no-shadow:after,.ios .toolbar-bottom-ios.toolbar-hidden:after,.md .toolbar-bottom-md.no-shadow:after,.md .toolbar-bottom-md.toolbar-hidden:after,.toolbar-bottom.no-shadow:after,.toolbar-bottom.toolbar-hidden:after{display:none!important}.aurora .toolbar-bottom-aurora:before,.ios .toolbar-bottom-ios:before,.md .toolbar-bottom-md:before,.toolbar-bottom:before{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .toolbar-bottom-aurora:after,.ios .toolbar-bottom-ios:after,.md .toolbar-bottom-md:after,.toolbar-bottom:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-toolbar-bottom-shadow-image)}.toolbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-content:center;overflow:hidden;padding:0 calc(var(--f7-toolbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-toolbar-inner-padding-left) + var(--f7-safe-area-left))}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a,.tabbar-labels a{color:var(--f7-tabbar-link-inactive-color)}.tabbar a.tab-link:not(.tab-link-active),.tabbar-labels a.tab-link:not(.tab-link-active){background-color:var(--f7-tabbar-link-inactive-bg-color,transparent)}.tabbar a.link,.tabbar-labels a.link{line-height:1.4}.tabbar a.link,.tabbar a.tab-link,.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;text-transform:var(--f7-tabbar-link-text-transform);font-weight:var(--f7-tabbar-link-font-weight);letter-spacing:var(--f7-tabbar-link-letter-spacing);overflow:hidden}.tabbar .tab-link-active,.tabbar-labels .tab-link-active{color:var(--f7-tabbar-link-active-color,var(--f7-theme-color));background-color:var(--f7-tabbar-link-active-bg-color,transparent)}.tabbar i.icon,.tabbar-labels i.icon{font-size:var(--f7-tabbar-icon-size);height:var(--f7-tabbar-icon-size);line-height:var(--f7-tabbar-icon-size)}.tabbar-labels{--f7-toolbar-height:var(--f7-tabbar-labels-height)}.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;justify-content:space-between;align-items:center}.tabbar-labels .tabbar-label{display:block;line-height:1;margin:0;position:relative;text-overflow:ellipsis;white-space:nowrap;font-size:var(--f7-tabbar-label-font-size);text-transform:var(--f7-tabbar-label-text-transform);font-weight:var(--f7-tabbar-label-font-weight);letter-spacing:var(--f7-tabbar-label-letter-spacing)}@media (min-width:768px){:root{--f7-tabbar-labels-height:var(--f7-tabbar-labels-tablet-height);--f7-tabbar-label-font-size:var(--f7-tabbar-label-tablet-font-size)}}.tabbar-scrollable .toolbar-inner{justify-content:flex-start;overflow:auto;-webkit-overflow-scrolling:touch}.tabbar-scrollable .toolbar-inner::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;-webkit-appearance:none;opacity:0!important}.tabbar-scrollable a.link,.tabbar-scrollable a.tab-link{width:auto;flex-shrink:0}.navbar-transitioning+.toolbar,.navbar-transitioning~* .toolbar,.toolbar-transitioning{transition-duration:var(--f7-toolbar-hide-show-transition-duration)}.aurora .toolbar-bottom-aurora~*,.ios .toolbar-bottom-ios~*,.md .toolbar-bottom-md~*,.toolbar-bottom~*{--f7-page-toolbar-bottom-offset:var(--f7-toolbar-height)}.aurora .toolbar-bottom-aurora.tabbar-labels~*,.ios .toolbar-bottom-ios.tabbar-labels~*,.md .toolbar-bottom-md.tabbar-labels~*,.toolbar-bottom.tabbar-labels~*{--f7-page-toolbar-bottom-offset:var(--f7-tabbar-labels-height)}.aurora .toolbar-bottom-aurora.toolbar-hidden,.ios .toolbar-bottom-ios.toolbar-hidden,.md .toolbar-bottom-md.toolbar-hidden,.toolbar-bottom.toolbar-hidden{transform:translate3d(0,100%,0)}.aurora .toolbar-top-aurora~*,.ios .toolbar-top-ios~*,.md .toolbar-top-md~*,.toolbar-top~*{--f7-page-toolbar-top-offset:var(--f7-toolbar-height)}.aurora .toolbar-top-aurora.tabbar-labels~*,.ios .toolbar-top-ios.tabbar-labels~*,.md .toolbar-top-md.tabbar-labels~*,.toolbar-top.tabbar-labels~*{--f7-page-toolbar-top-offset:var(--f7-tabbar-labels-height)}.aurora .toolbar-top-aurora.toolbar-hidden,.ios .toolbar-top-ios.toolbar-hidden,.md .toolbar-top-md.toolbar-hidden,.toolbar-top.toolbar-hidden{transform:translate3d(0,-100%,0)}.aurora .navbar~* .toolbar-top-aurora,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora,.aurora .navbar~.toolbar-top-aurora,.ios .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))}.aurora .navbar~* .toolbar-top-aurora.toolbar-hidden,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden,.aurora .navbar~.toolbar-top-aurora.toolbar-hidden,.ios .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)}.aurora .navbar~* .toolbar-top-aurora.toolbar-hidden.tabbar-labels,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden.tabbar-labels,.aurora .navbar~.toolbar-top-aurora.toolbar-hidden.tabbar-labels,.ios .navbars~* .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbars~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbars~.toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~* .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.toolbar-top-ios.toolbar-hidden.tabbar-labels,.md .navbar~* .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.toolbar-top-md.toolbar-hidden.tabbar-labels,.navbars~* .toolbar-top.toolbar-hidden.tabbar-labels,.navbars~.page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels,.navbars~.toolbar-top.toolbar-hidden.tabbar-labels,.navbar~* .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.toolbar-top.toolbar-hidden.tabbar-labels{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-safe-area-top))),0)}.aurora .navbar-hidden+.toolbar-top-aurora:not(.toolbar-hidden),.aurora .navbar-hidden~* .toolbar-top-aurora:not(.toolbar-hidden),.ios .navbar-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(0px - var(--f7-navbar-height)),0)}.aurora .navbar-large-hidden~* .toolbar-top-aurora:not(.toolbar-hidden),.ios .navbar-large-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-large-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-large-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-large-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-large-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-large-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(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-labels a.link,.ios .tabbar-labels a.tab-link{padding-top:4px;padding-bottom:4px}.ios .tabbar-labels a.link i+span,.ios .tabbar-labels a.tab-link i+span{margin:0}@media (min-width:768px){.ios .tabbar .toolbar-inner,.ios .tabbar-labels .toolbar-inner{justify-content:center}.ios .tabbar a.link,.ios .tabbar a.tab-link,.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{width:auto;min-width:105px}}.ios .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.ios .tabbar-scrollable a.link,.ios .tabbar-scrollable a.tab-link{padding:0 8px}.md .toolbar a.link{justify-content:center;padding:0 16px;min-width:48px}.md .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .toolbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .toolbar a.icon-only{min-width:0;flex-shrink:0}.md .tabbar a.link,.md .tabbar a.tab-link,.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-left:0;padding-right:0}.md .tabbar a.icon-only,.md .tabbar-labels a.icon-only{flex-shrink:initial}.md .tabbar a.tab-link,.md .tabbar-labels a.tab-link{transition-duration:.3s;overflow:hidden;position:relative}.md .tabbar .tab-link-highlight,.md .tabbar-labels .tab-link-highlight{position:absolute;left:0;height:2px;background:var(--f7-tabbar-link-active-border-color,var(--f7-theme-color));transition-duration:.3s;right:0}.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-top:7px;padding-bottom:7px}.md .tabbar-label{max-width:100%;overflow:hidden;line-height:1.2}.md .tabbar-scrollable .toolbar-inner{overflow:auto}.md .tabbar-scrollable a.link,.md .tabbar-scrollable a.tab-link{padding:0 16px}.aurora .toolbar a.icon-only{min-height:var(--f7-toolbar-height);display:flex;justify-content:center;align-items:center;margin:0}.aurora .tabbar .toolbar-inner,.aurora .tabbar-labels .toolbar-inner{padding-left:0;padding-right:0}.aurora .tabbar a.link,.aurora .tabbar a.tab-link,.aurora .tabbar-labels a.link,.aurora .tabbar-labels a.tab-link{transition-duration:.2s}.aurora .tabbar-labels a.link,.aurora .tabbar-labels a.tab-link{padding-top:5px;padding-bottom:5px}.aurora .tabbar-labels a.link i+span,.aurora .tabbar-labels a.tab-link i+span{margin:0}.aurora .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.aurora .tabbar-scrollable a.link,.aurora .tabbar-scrollable a.tab-link{padding:0 16px}: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;--f7-subnavbar-shadow-image:none}.md{--f7-subnavbar-height:48px;--f7-subnavbar-inner-padding-left:16px;--f7-subnavbar-inner-padding-right:16px;--f7-subnavbar-title-font-size:20px;--f7-subnavbar-title-font-weight:500;--f7-subnavbar-title-letter-spacing:0;--f7-subnavbar-title-margin-left:0px;--f7-subnavbar-shadow-image:var(--f7-bars-shadow-bottom-image)}.aurora{--f7-subnavbar-height:38px;--f7-subnavbar-inner-padding-left:16px;--f7-subnavbar-inner-padding-right:16px;--f7-subnavbar-title-font-size:26px;--f7-subnavbar-title-font-weight:bold;--f7-subnavbar-title-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:0px;--f7-subnavbar-shadow-image:none;--f7-subnavbar-link-height:auto;--f7-subnavbar-link-line-height:inherit}.subnavbar{width:100%;position:absolute;left:0;top:0;z-index:600;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;background-image:var(--f7-subnavbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-subnavbar-bg-color,var(--f7-bars-bg-color));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-right:var(--f7-subnavbar-title-margin-left)}.subnavbar .left,.subnavbar .right{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center}.subnavbar .right:first-child{position:absolute;height:100%}.subnavbar a{color:var(--f7-subnavbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.subnavbar a.link{line-height:var(--f7-subnavbar-link-line-height,var(--f7-subnavbar-height));height:var(--f7-subnavbar-link-height,var(--f7-subnavbar-height))}.subnavbar a.icon-only{min-width:var(--f7-subnavbar-height)}.subnavbar.no-border:after,.subnavbar.no-hairline:after{display:none!important}.subnavbar.navbar-hidden:before,.subnavbar.no-shadow:before{display:none!important}.subnavbar:after,.subnavbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.subnavbar:after{content:'';position:absolute;background-color:var(--f7-subnavbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.subnavbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-subnavbar-shadow-image)}.subnavbar-inner{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;justify-content:space-between;overflow:hidden;padding:0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left))}.subnavbar-inner.stacked{display:none}.navbar .subnavbar{top:100%}.page>.subnavbar,.view>.subnavbar,.views>.subnavbar{position:absolute}.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-right:16px}.ios .subnavbar .left{margin-left:10px}.ios .subnavbar .right{margin-right:10px}.ios .subnavbar .right:first-child{left:8px}.ios .subnavbar a.link{justify-content:flex-start}.ios .subnavbar a.icon-only{justify-content:center;margin:0}.md .subnavbar{height:var(--f7-subnavbar-height)}.md .subnavbar .right{margin-right:auto}.md .subnavbar .right:first-child{left:16px}.md .subnavbar a.link{justify-content:center;padding:0 16px}.md .subnavbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .subnavbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .subnavbar a.icon-only{flex-shrink:0}.md .subnavbar-inner>a.link:first-child{margin-right:calc(-1 * var(--f7-subnavbar-inner-padding-right))}.md .subnavbar-inner>a.link:last-child{margin-left:calc(-1 * var(--f7-subnavbar-inner-padding-left))}.aurora .subnavbar{height:calc(var(--f7-subnavbar-height) + 1px);margin-top:-1px;padding-top:1px}.aurora .subnavbar .title{align-self:flex-start;flex-shrink:10}.aurora .subnavbar .left a+a,.aurora .subnavbar .right a+a{margin-right:10px}.aurora .subnavbar .left{margin-left:10px}.aurora .subnavbar .right{margin-right:10px}.aurora .subnavbar .right:first-child{left:16px}.aurora .subnavbar a.link{justify-content:flex-start}.aurora .subnavbar a.icon-only{justify-content:center;margin:0}:root{--f7-block-padding-horizontal:16px;--f7-block-padding-vertical:16px;--f7-block-font-size:inherit;--f7-block-text-color:inherit;--f7-block-strong-bg-color:#fff;--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-color:#000;--f7-block-title-medium-text-transform:none;--f7-block-title-large-text-color:#000;--f7-block-title-large-text-transform:none;--f7-block-inset-side-margin:16px}:root .theme-dark,:root.theme-dark{--f7-block-title-text-color:#fff;--f7-block-strong-border-color:rgba(255, 255, 255, 0.15);--f7-block-title-medium-text-color:#fff;--f7-block-title-large-text-color:#fff;--f7-block-strong-bg-color:#1c1c1d}.ios{--f7-block-margin-vertical:35px;--f7-block-strong-text-color:#000;--f7-block-strong-border-color:rgba(0, 0, 0, 0.22);--f7-block-title-text-color:#000;--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:7px;--f7-block-header-text-color:rgba(0, 0, 0, 0.45);--f7-block-footer-text-color:rgba(0, 0, 0, 0.45)}.ios .theme-dark,.ios.theme-dark{--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}.md{--f7-block-margin-vertical:32px;--f7-block-strong-text-color:inherit;--f7-block-strong-border-color:rgba(0, 0, 0, 0.12);--f7-block-title-font-size:inherit;--f7-block-title-text-color:rgba(0, 0, 0, 0.54);--f7-block-title-font-weight:500;--f7-block-title-line-height:16px;--f7-block-title-margin-bottom:16px;--f7-block-title-medium-font-size:24px;--f7-block-title-medium-font-weight:500;--f7-block-title-medium-line-height:1.3;--f7-block-title-large-font-size:34px;--f7-block-title-large-font-weight:500;--f7-block-title-large-line-height:1.2;--f7-block-inset-border-radius:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.54);--f7-block-footer-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-block-header-text-color:rgba(255, 255, 255, 0.54);--f7-block-footer-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-block-margin-vertical:15px;--f7-block-strong-text-color:inherit;--f7-block-strong-border-color:rgba(0, 0, 0, 0.12);--f7-block-title-font-size:inherit;--f7-block-title-text-color:rgba(0, 0, 0, 0.7);--f7-block-title-font-weight:600;--f7-block-title-line-height:1.5;--f7-block-title-margin-bottom:5px;--f7-block-title-medium-font-size:20px;--f7-block-title-medium-font-weight:600;--f7-block-title-medium-line-height:1.4;--f7-block-title-large-font-size:28px;--f7-block-title-large-font-weight:bold;--f7-block-title-large-line-height:1.3;--f7-block-inset-border-radius:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.6);--f7-block-footer-text-color:rgba(0, 0, 0, 0.6)}.aurora .theme-dark,.aurora.theme-dark{--f7-block-header-text-color:rgba(255, 255, 255, 0.54);--f7-block-footer-text-color:rgba(255, 255, 255, 0.54);--f7-block-strong-text-color:#fff}.block{box-sizing:border-box;position:relative;z-index:1;color:var(--f7-block-text-color);margin:var(--f7-block-margin-vertical) 0;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right));font-size:var(--f7-block-font-size)}.aurora .block.no-hairlines-aurora ul:before,.aurora .block.no-hairlines-aurora:before,.block.no-hairlines ul:before,.block.no-hairlines:before,.ios .block.no-hairlines-ios ul:before,.ios .block.no-hairlines-ios:before,.md .block.no-hairlines-md ul:before,.md .block.no-hairlines-md:before{display:none!important}.aurora .block.no-hairlines-aurora ul:after,.aurora .block.no-hairlines-aurora:after,.block.no-hairlines ul:after,.block.no-hairlines:after,.ios .block.no-hairlines-ios ul:after,.ios .block.no-hairlines-ios:after,.md .block.no-hairlines-md ul:after,.md .block.no-hairlines-md:after{display:none!important}.aurora .block.no-hairline-top-aurora ul:before,.aurora .block.no-hairline-top-aurora:before,.block.no-hairline-top ul:before,.block.no-hairline-top:before,.ios .block.no-hairline-top-ios ul:before,.ios .block.no-hairline-top-ios:before,.md .block.no-hairline-top-md ul:before,.md .block.no-hairline-top-md:before{display:none!important}.aurora .block.no-hairline-bottom-aurora ul:after,.aurora .block.no-hairline-bottom-aurora:after,.block.no-hairline-bottom ul:after,.block.no-hairline-bottom:after,.ios .block.no-hairline-bottom-ios ul:after,.ios .block.no-hairline-bottom-ios:after,.md .block.no-hairline-bottom-md ul:after,.md .block.no-hairline-bottom-md:after{display:none!important}.block>h1:first-child,.block>h2:first-child,.block>h3:first-child,.block>h4:first-child,.block>p:first-child{margin-top:0}.block>h1:last-child,.block>h2:last-child,.block>h3:last-child,.block>h4:last-child,.block>p:last-child{margin-bottom:0}.block-strong{color:var(--f7-block-strong-text-color);padding-top:var(--f7-block-padding-vertical);padding-bottom:var(--f7-block-padding-vertical);background-color:var(--f7-block-strong-bg-color)}.block-strong:before{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-strong:after{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-title{position:relative;overflow:hidden;margin:0;white-space:var(--f7-block-title-white-space);text-overflow:ellipsis;text-transform:var(--f7-block-title-text-transform);color:var(--f7-block-title-text-color);font-size:var(--f7-block-title-font-size,inherit);font-weight:var(--f7-block-title-font-weight);line-height:var(--f7-block-title-line-height);margin-top:var(--f7-block-margin-vertical);margin-bottom:var(--f7-block-title-margin-bottom);margin-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-title+.block,.block-title+.block-header,.block-title+.card,.block-title+.list,.block-title+.timeline{margin-top:0px}.block-title-medium{font-size:var(--f7-block-title-medium-font-size);text-transform:var(--f7-block-title-medium-text-transform);color:var(--f7-block-title-medium-text-color);font-weight:var(--f7-block-title-medium-font-weight);line-height:var(--f7-block-title-medium-line-height)}.block-title-large{font-size:var(--f7-block-title-large-font-size);text-transform:var(--f7-block-title-large-text-transform);color:var(--f7-block-title-large-text-color);font-weight:var(--f7-block-title-large-font-weight);line-height:var(--f7-block-title-large-line-height)}.block>.block-title:first-child,.list>.block-title:first-child{margin-top:0;margin-left:0;margin-right:0}.block-header{color:var(--f7-block-header-text-color);font-size:var(--f7-block-header-font-size);margin-bottom:var(--f7-block-header-margin);margin-top:var(--f7-block-margin-vertical)}.block-header+.block,.block-header+.card,.block-header+.list,.block-header+.timeline{margin-top:var(--f7-block-header-margin)}.block-footer{color:var(--f7-block-footer-text-color);font-size:var(--f7-block-footer-font-size);margin-top:var(--f7-block-footer-margin);margin-bottom:var(--f7-block-margin-vertical)}.block-footer,.block-header{padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-footer h1:first-child,.block-footer h2:first-child,.block-footer h3:first-child,.block-footer h4:first-child,.block-footer p:first-child,.block-footer ul:first-child,.block-header h1:first-child,.block-header h2:first-child,.block-header h3:first-child,.block-header h4:first-child,.block-header p:first-child,.block-header ul:first-child{margin-top:0}.block-footer h1:last-child,.block-footer h2:last-child,.block-footer h3:last-child,.block-footer h4:last-child,.block-footer p:last-child,.block-footer ul:last-child,.block-header h1:last-child,.block-header h2:last-child,.block-header h3:last-child,.block-header h4:last-child,.block-header p:last-child,.block-header ul:last-child{margin-bottom:0}.block-footer h1:first-child:last-child,.block-footer h2:first-child:last-child,.block-footer h3:first-child:last-child,.block-footer h4:first-child:last-child,.block-footer p:first-child:last-child,.block-footer ul:first-child:last-child,.block-header h1:first-child:last-child,.block-header h2:first-child:last-child,.block-header h3:first-child:last-child,.block-header h4:first-child:last-child,.block-header p:first-child:last-child,.block-header ul:first-child:last-child{margin-top:0;margin-bottom:0}.block .block-header,.card .block-header,.list .block-header,.timeline .block-header{margin-top:0}.block .block-footer,.card .block-footer,.list .block-footer,.timeline .block-footer{margin-bottom:0}.block+.block-footer,.card+.block-footer,.list+.block-footer,.timeline+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)))}.block+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)));margin-bottom:var(--f7-block-margin-vertical)}.block .block-footer,.block .block-header{padding:0}.block.inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.inset:before{display:none!important}.block-strong.inset:after{display:none!important}@media (min-width:768px){.block.tablet-inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.tablet-inset:before{display:none!important}.block-strong.tablet-inset:after{display:none!important}}:root{--f7-list-inset-side-margin:16px;--f7-list-item-cell-margin:16px;--f7-list-item-padding-horizontal:16px;--f7-list-media-item-padding-horizontal:16px;--f7-list-bg-color:#fff;--f7-list-item-text-max-lines:2;--f7-list-chevron-icon-color:rgba(0, 0, 0, 0.2);--f7-list-chevron-icon-font-size:20px;--f7-list-item-title-font-size:inherit;--f7-list-item-title-font-weight:400;--f7-list-item-title-text-color:inherit;--f7-list-item-title-line-height:inherit;--f7-list-item-title-white-space:nowrap;--f7-list-item-subtitle-font-weight:400;--f7-list-item-subtitle-text-color:inherit;--f7-list-item-subtitle-line-height:inherit;--f7-list-item-text-font-weight:400;--f7-list-item-after-font-weight:400;--f7-list-item-header-text-color:inherit;--f7-list-item-header-font-size:12px;--f7-list-item-header-font-weight:400;--f7-list-item-header-line-height:1.2;--f7-list-item-footer-font-size:12px;--f7-list-item-footer-font-weight:400;--f7-list-item-footer-line-height:1.2;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-item-divider-line-height:inherit;--f7-list-group-title-line-height:inherit}:root .theme-dark,:root.theme-dark{--f7-list-button-border-color:rgba(255, 255, 255, 0.15);--f7-list-bg-color:#1c1c1d;--f7-list-border-color:rgba(255, 255, 255, 0.15);--f7-list-item-border-color:rgba(255, 255, 255, 0.15);--f7-list-item-divider-border-color:rgba(255, 255, 255, 0.15);--f7-list-item-divider-bg-color:#232323;--f7-list-group-title-bg-color:#232323;--f7-list-chevron-icon-color:rgba(255, 255, 255, 0.3)}.ios{--f7-list-in-list-padding-left:30px;--f7-list-inset-border-radius:7px;--f7-list-margin-vertical:35px;--f7-list-font-size:17px;--f7-list-chevron-icon-area:20px;--f7-list-border-color:rgba(0, 0, 0, 0.22);--f7-list-item-border-color:rgba(0, 0, 0, 0.22);--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-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-text-line-height:21px;--f7-list-item-after-font-size:inherit;--f7-list-item-after-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-min-height:44px;--f7-list-item-media-margin:16px;--f7-list-item-media-icons-margin:5px;--f7-list-item-padding-vertical:8px;--f7-list-media-item-padding-vertical:10px;--f7-list-media-item-title-font-weight:600;--f7-list-button-text-align:center;--f7-list-button-border-color:rgba(0, 0, 0, 0.22);--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.15);--f7-list-item-divider-height:31px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-border-color:rgba(0, 0, 0, 0.22);--f7-list-group-title-height:31px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.45);--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f7f7f7}.ios .theme-dark,.ios.theme-dark{--f7-list-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-item-divider-text-color:rgba(255, 255, 255, 0.55);--f7-list-group-title-text-color:rgba(255, 255, 255, 0.55);--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.08);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.08)}.md{--f7-list-in-list-padding-left:40px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:32px;--f7-list-font-size:16px;--f7-list-chevron-icon-area:26px;--f7-list-border-color:rgba(0, 0, 0, 0.12);--f7-list-item-border-color:rgba(0, 0, 0, 0.12);--f7-list-link-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-subtitle-font-size:14px;--f7-list-item-text-font-size:14px;--f7-list-item-text-text-color:#757575;--f7-list-item-text-line-height:20px;--f7-list-item-after-font-size:14px;--f7-list-item-after-text-color:#757575;--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:8px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-min-height:48px;--f7-list-item-media-margin:16px;--f7-list-item-media-icons-margin:8px;--f7-list-item-padding-vertical:8px;--f7-list-media-item-padding-vertical:14px;--f7-list-button-text-color:#212121;--f7-list-button-text-align:left;--f7-list-button-border-color:transparent;--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-divider-height:48px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.54);--f7-list-item-divider-font-size:14px;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:#f4f4f4;--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:48px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.54);--f7-list-group-title-font-size:14px;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f4f4f4}.md .theme-dark,.md.theme-dark{--f7-list-button-text-color:#fff;--f7-list-item-divider-text-color:#fff;--f7-list-group-title-text-color:#fff;--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-item-text-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-list-in-list-padding-left:16px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:15px;--f7-list-font-size:14px;--f7-list-chevron-icon-area:15px;--f7-list-chevron-icon-font-size:16px;--f7-list-border-color:rgba(0, 0, 0, 0.12);--f7-list-item-border-color:rgba(0, 0, 0, 0.12);--f7-list-link-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-link-hover-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-title-line-height:1.3;--f7-list-item-subtitle-font-size:14px;--f7-list-item-subtitle-line-height:1.3;--f7-list-item-text-font-size:12px;--f7-list-item-text-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-text-line-height:16px;--f7-list-item-after-font-size:13px;--f7-list-item-after-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-after-line-height:1.2;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-min-height:32px;--f7-list-item-media-margin:10px;--f7-list-item-media-icons-margin:5px;--f7-list-item-padding-vertical:5px;--f7-list-media-item-padding-vertical:5px;--f7-list-media-item-title-font-weight:600;--f7-list-button-text-align:center;--f7-list-button-border-color:rgba(0, 0, 0, 0.12);--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-button-hover-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-height:19px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:500;--f7-list-item-divider-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:19px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.6);--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:500;--f7-list-group-title-bg-color:#f7f7f7}.aurora .theme-dark,.aurora.theme-dark{--f7-list-item-text-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-divider-text-color:rgba(255, 255, 255, 0.6);--f7-list-group-title-text-color:rgba(255, 255, 255, 0.6);--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-link-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-hover-bg-color:rgba(255, 255, 255, 0.03)}.list{position:relative;z-index:1;font-size:var(--f7-list-font-size);margin:var(--f7-list-margin-vertical) 0}.list ul{list-style:none;margin:0;padding:0;position:relative;background:var(--f7-list-bg-color)}.list ul:before{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul:after{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul ul{padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-list-in-list-padding-left))}.list ul ul:before{display:none!important}.list ul ul:after{display:none!important}.list li{position:relative;box-sizing:border-box}.list .item-media{display:flex;flex-shrink:0;flex-wrap:nowrap;align-items:center;box-sizing:border-box;padding-bottom:var(--f7-list-item-padding-vertical);padding-top:var(--f7-list-item-padding-vertical)}.list .item-media+.item-inner{margin-right:var(--f7-list-item-media-margin)}.list .item-media i+i,.list .item-media i+img{margin-right:var(--f7-list-item-media-icons-margin)}.list .item-after{padding-right:var(--f7-list-item-after-padding)}.list .item-inner{position:relative;width:100%;min-width:0;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-self:stretch;padding-top:var(--f7-list-item-padding-vertical);padding-bottom:var(--f7-list-item-padding-vertical);min-height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.list .item-title{min-width:0;flex-shrink:1;white-space:var(--f7-list-item-title-white-space);position:relative;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:var(--f7-list-item-title-font-size);font-weight:var(--f7-list-item-title-font-weight);color:var(--f7-list-item-title-text-color);line-height:var(--f7-list-item-title-line-height)}.list .item-after{white-space:nowrap;flex-shrink:0;display:flex;font-size:var(--f7-list-item-after-font-size);font-weight:var(--f7-list-item-after-font-weight);color:var(--f7-list-item-after-text-color);line-height:var(--f7-list-item-after-line-height);margin-right:auto}.list .item-footer,.list .item-header{white-space:normal}.list .item-header{color:var(--f7-list-item-header-text-color);font-size:var(--f7-list-item-header-font-size);font-weight:var(--f7-list-item-header-font-weight);line-height:var(--f7-list-item-header-line-height)}.list .item-footer{color:var(--f7-list-item-footer-text-color);font-size:var(--f7-list-item-footer-font-size);font-weight:var(--f7-list-item-footer-font-weight);line-height:var(--f7-list-item-footer-line-height)}.list .item-link,.list .list-button{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;z-index:0}.list .item-link{color:inherit}.list .item-link.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.list .item-link .item-inner{padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.list .item-content{display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;min-height:var(--f7-list-item-min-height);padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.list .item-subtitle{position:relative;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis;font-size:var(--f7-list-item-subtitle-font-size);font-weight:var(--f7-list-item-subtitle-font-weight);color:var(--f7-list-item-subtitle-text-color);line-height:var(--f7-list-item-subtitle-line-height)}.list .item-text{position:relative;overflow:hidden;text-overflow:hidden;-webkit-line-clamp:var(--f7-list-item-text-max-lines);display:-webkit-box;font-size:var(--f7-list-item-text-font-size);font-weight:var(--f7-list-item-text-font-weight);color:var(--f7-list-item-text-text-color);line-height:var(--f7-list-item-text-line-height);max-height:calc(var(--f7-list-item-text-line-height) * var(--f7-list-item-text-max-lines))}.list .item-title-row{position:relative;display:flex;justify-content:space-between;box-sizing:border-box}.list .item-title-row .item-after{align-self:center}.list .item-row{display:flex;justify-content:space-between;box-sizing:border-box}.list .item-cell{display:block;align-self:center;box-sizing:border-box;width:100%;min-width:0;margin-right:var(--f7-list-item-cell-margin);flex-shrink:1}.list .item-cell:first-child{margin-right:0}.list li:last-child .list-button:after{display:none!important}.list li:last-child li:last-child>.item-content>.item-inner:after,.list li:last-child li:last-child>.item-inner:after,.list li:last-child li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child li:last-child>.swipeout-content>.item-content>.item-inner:after,.list li:last-child>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child>.swipeout-content>.item-content>.item-inner:after{display:none!important}.list li li:last-child .item-inner:after,.list li:last-child li .item-inner:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .list.no-hairlines-aurora ul:before,.aurora .list.no-hairlines-aurora:before,.ios .list.no-hairlines-ios ul:before,.ios .list.no-hairlines-ios:before,.list.no-hairlines ul:before,.list.no-hairlines:before,.md .list.no-hairlines-md ul:before,.md .list.no-hairlines-md:before{display:none!important}.aurora .list.no-hairlines-aurora ul:after,.aurora .list.no-hairlines-aurora:after,.ios .list.no-hairlines-ios ul:after,.ios .list.no-hairlines-ios:after,.list.no-hairlines ul:after,.list.no-hairlines:after,.md .list.no-hairlines-md ul:after,.md .list.no-hairlines-md:after{display:none!important}.aurora .list.no-hairline-top-aurora ul:before,.aurora .list.no-hairline-top-aurora:before,.ios .list.no-hairline-top-ios ul:before,.ios .list.no-hairline-top-ios:before,.list.no-hairline-top ul:before,.list.no-hairline-top:before,.md .list.no-hairline-top-md ul:before,.md .list.no-hairline-top-md:before{display:none!important}.aurora .list.no-hairline-bottom-aurora ul:after,.aurora .list.no-hairline-bottom-aurora:after,.ios .list.no-hairline-bottom-ios ul:after,.ios .list.no-hairline-bottom-ios:after,.list.no-hairline-bottom ul:after,.list.no-hairline-bottom:after,.md .list.no-hairline-bottom-md ul:after,.md .list.no-hairline-bottom-md:after{display:none!important}.aurora .list.no-hairlines-between-aurora .item-divider:after,.aurora .list.no-hairlines-between-aurora .item-inner:after,.aurora .list.no-hairlines-between-aurora .list-button:after,.aurora .list.no-hairlines-between-aurora .list-group-title:after,.ios .list.no-hairlines-between-ios .item-divider:after,.ios .list.no-hairlines-between-ios .item-inner:after,.ios .list.no-hairlines-between-ios .list-button:after,.ios .list.no-hairlines-between-ios .list-group-title:after,.list.no-hairlines-between .item-divider:after,.list.no-hairlines-between .item-inner:after,.list.no-hairlines-between .list-button:after,.list.no-hairlines-between .list-group-title:after,.md .list.no-hairlines-between-md .item-divider:after,.md .list.no-hairlines-between-md .item-inner:after,.md .list.no-hairlines-between-md .list-button:after,.md .list.no-hairlines-between-md .list-group-title:after{display:none!important}.aurora .list.no-hairlines-between-aurora.simple-list li:after,.ios .list.no-hairlines-between-ios.simple-list li:after,.list.no-hairlines-between.simple-list li:after,.md .list.no-hairlines-between-md.simple-list li:after{display:none!important}.aurora .list.no-hairlines-between-aurora.links-list a:after,.ios .list.no-hairlines-between-ios.links-list a:after,.list.no-hairlines-between.links-list a:after,.md .list.no-hairlines-between-md.links-list a:after{display:none!important}.list-button{padding:0 var(--f7-list-item-padding-horizontal);line-height:var(--f7-list-item-min-height);color:var(--f7-list-button-text-color,var(--f7-theme-color));font-size:var(--f7-list-button-font-size);font-weight:var(--f7-list-button-font-weight);text-align:var(--f7-list-button-text-align)}.list-button:after{content:'';position:absolute;background-color:var(--f7-list-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list-button.active-state{background-color:var(--f7-list-button-pressed-bg-color)}.list-button[class*=color-]{--f7-list-button-text-color:var(--f7-theme-color)}.simple-list li{position:relative;white-space:nowrap;text-overflow:ellipsis;max-width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;align-content:center;line-height:var(--f7-list-item-min-height);height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.simple-list li:after{left:var(--f7-list-item-padding-horizontal);right:0;width:auto;right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));left:0}.simple-list li:last-child:after{display:none!important}.links-list li{z-index:1}.links-list a{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;display:flex;align-items:center;align-content:center;justify-content:space-between;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;max-width:100%;height:var(--f7-list-item-min-height);color:inherit}.links-list a .ripple-wave{z-index:0}.links-list a:after{width:auto}.links-list a.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.links-list a{padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.links-list a:after{right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));left:0}.links-list li:last-child a:after{display:none!important}.links-list a:after,.list .item-inner:after,.simple-list li:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.media-list,li.media-item{--f7-list-item-padding-vertical:var(--f7-list-media-item-padding-vertical);--f7-list-item-padding-horizontal:var(--f7-list-media-item-padding-horizontal)}.media-list .item-title,li.media-item .item-title{font-weight:var(--f7-list-media-item-title-font-weight,var(--f7-list-item-title-font-weight,inherit))}.media-list .item-inner,li.media-item .item-inner{display:block;align-self:stretch}.media-list .item-media,li.media-item .item-media{align-self:flex-start}.media-list .item-media img,li.media-item .item-media img{display:block}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.media-list .item-link .item-title-row,li.media-item .item-link .item-title-row{padding-left:calc(var(--f7-list-chevron-icon-area))}.media-list .chevron-center .item-link .item-inner,.media-list .item-link.chevron-center .item-inner,.media-list.chevron-center .item-link .item-inner,li.media-item .chevron-center .item-link .item-inner,li.media-item .item-link.chevron-center .item-inner,li.media-item.chevron-center .item-link .item-inner{padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.media-list .chevron-center .item-title-row,.media-list.chevron-center .item-title-row,li.media-item .chevron-center .item-title-row,li.media-item.chevron-center .item-title-row{padding-left:0}.links-list a:before,.list .item-link .item-inner:before,.media-list .chevron-center .item-link .item-inner:before,.media-list .item-link .item-title-row:before,.media-list .item-link.chevron-center .item-inner:before,.media-list.chevron-center .item-link .item-inner:before,li.media-item .chevron-center .item-link .item-inner:before,li.media-item .item-link .item-title-row:before,li.media-item .item-link.chevron-center .item-inner:before,li.media-item.chevron-center .item-link .item-inner:before{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;position:absolute;top:50%;width:8px;height:14px;margin-top:-7px;font-size:var(--f7-list-chevron-icon-font-size);line-height:14px;color:var(--f7-list-chevron-icon-color);pointer-events:none;left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));content:'chevron_left'}.media-list .chevron-center .item-title-row:before,.media-list.chevron-center .item-title-row:before,li.media-item .chevron-center .item-title-row:before,li.media-item.chevron-center .item-title-row:before{display:none}.media-list .item-link .item-inner:before,li.media-item .item-link .item-inner:before{display:none}.media-list .item-link .item-title-row:before,li.media-item .item-link .item-title-row:before{left:0}.list-group ul:after,.list-group ul:before{z-index:25!important}.list-group+.list-group ul:before{display:none!important}.item-divider,li.item-divider,li.list-group-title{white-space:nowrap;position:relative;max-width:100%;text-overflow:ellipsis;overflow:hidden;z-index:15;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));box-sizing:border-box;display:flex;align-items:center;align-content:center}.item-divider:after,li.item-divider:after,li.list-group-title:after{display:none!important}.item-divider,li.item-divider{margin-top:-1px;height:var(--f7-list-item-divider-height);color:var(--f7-list-item-divider-text-color);font-size:var(--f7-list-item-divider-font-size);font-weight:var(--f7-list-item-divider-font-weight);background-color:var(--f7-list-item-divider-bg-color);line-height:var(--f7-list-item-divider-line-height)}.item-divider:before,li.item-divider:before{content:'';position:absolute;background-color:var(--f7-list-item-divider-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list li.list-group-title,li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20;height:var(--f7-list-group-title-height);color:var(--f7-list-group-title-text-color);font-size:var(--f7-list-group-title-font-size);font-weight:var(--f7-list-group-title-font-weight);background-color:var(--f7-list-group-title-bg-color);line-height:var(--f7-list-group-title-line-height)}.page-with-navbar-large .list li.list-group-title,.page-with-navbar-large li.list-group-title{top:calc(-1 * var(--f7-navbar-large-title-height))}.list.inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.inset .block-title{margin-left:0;margin-right:0}.list.inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.inset ul:before{display:none!important}.list.inset ul:after{display:none!important}.list.inset li.swipeout:first-child,.list.inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.inset li.swipeout:last-child,.list.inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.inset li.swipeout:first-child:last-child,.list.inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}@media (min-width:768px){.list.tablet-inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.tablet-inset .block-title{margin-left:0;margin-right:0}.list.tablet-inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.tablet-inset ul:before{display:none!important}.list.tablet-inset ul:after{display:none!important}.list.tablet-inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.tablet-inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.tablet-inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}}.list .no-chevron,.list.no-chevron{--f7-list-chevron-icon-color:transparent;--f7-list-chevron-icon-area:0px}.ios .item-link.active-state .item-inner:after,.ios .links-list a.active-state:after,.ios .list-button.active-state:after{background-color:transparent}.ios .links-list a.active-state,.ios .list .item-link.active-state,.ios .list .list-button.active-state{transition-duration:0s}.md .list .item-media{min-width:40px}.aurora .list .item-media{min-width:18px}.aurora .links-list a:before,.aurora .list .item-link .item-inner:before,.aurora .media-list .chevron-center .item-link .item-inner:before,.aurora .media-list .item-link .item-title-row:before,.aurora .media-list .item-link.chevron-center .item-inner:before,.aurora .media-list.chevron-center .item-link .item-inner:before,.aurora li.media-item .chevron-center .item-link .item-inner:before,.aurora li.media-item .item-link .item-title-row:before,.aurora li.media-item .item-link.chevron-center .item-inner:before,.aurora li.media-item.chevron-center .item-link .item-inner:before{content:'chevron_left_aurora'}.aurora .links-list a,.aurora .list .item-link,.aurora .list .list-button{transition-duration:0s}.aurora.device-desktop .links-list a:hover:not(.active-state):not(.no-hover),.aurora.device-desktop .list .item-link:hover:not(.active-state):not(.no-hover){background:var(--f7-list-link-hover-bg-color)}.aurora.device-desktop .list .list-button:hover:not(.active-state):not(.no-hover){background:var(--f7-list-button-hover-bg-color)}:root{--f7-badge-text-color:#fff;--f7-badge-bg-color:#8e8e93;--f7-badge-padding:0 4px;--f7-badge-in-icon-size:16px;--f7-badge-in-icon-font-size:10px;--f7-badge-font-weight:normal;--f7-badge-font-size:12px}.ios{--f7-badge-size:20px}.md{--f7-badge-size:18px}.aurora{--f7-badge-size:18px;--f7-badge-font-weight:600;--f7-badge-in-icon-size:15px}.badge{display:inline-flex;align-items:center;align-content:center;justify-content:center;color:var(--f7-badge-text-color);background:var(--f7-badge-bg-color);position:relative;box-sizing:border-box;text-align:center;vertical-align:middle;font-weight:var(--f7-badge-font-weight);font-size:var(--f7-badge-font-size);border-radius:var(--f7-badge-size);padding:var(--f7-badge-padding);height:var(--f7-badge-size);min-width:var(--f7-badge-size)}.f7-icons .badge,.framework7-icons .badge,.icon .badge,.material-icons .badge{position:absolute;left:100%;margin-left:-10px;top:-2px;font-family:var(--f7-font-family);--f7-badge-font-size:var(--f7-badge-in-icon-font-size);--f7-badge-size:var(--f7-badge-in-icon-size)}.badge[class*=color-]{--f7-badge-bg-color:var(--f7-theme-color)}:root{--f7-button-min-width:32px;--f7-button-bg-color:transparent;--f7-button-border-width:0px;--f7-button-outline-border-width:2px;--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-bg-color:rgba(0, 0, 0, 0.07);--f7-segmented-strong-padding:2px;--f7-segmented-strong-between-buttons:4px;--f7-segmented-strong-button-font-weight:500;--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;--f7-segmented-strong-button-active-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.25)}:root .theme-dark,:root.theme-dark{--f7-segmented-strong-bg-color:rgba(255, 255, 255, 0.1);--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-font-size:13px;--f7-button-height:28px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:5px;--f7-button-font-weight:600;--f7-button-letter-spacing:0;--f7-button-text-transform:uppercase;--f7-button-large-height:44px;--f7-button-large-font-size:17px;--f7-button-large-font-weight:500;--f7-button-large-text-transform:none;--f7-button-small-height:26px;--f7-button-small-font-size:13px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px;--f7-segmented-strong-button-text-transform:none;--f7-segmented-strong-button-active-font-weight:600}.md{--f7-button-font-size:14px;--f7-button-height:36px;--f7-button-padding-horizontal:8px;--f7-button-border-radius:4px;--f7-button-font-weight:500;--f7-button-letter-spacing:0.03em;--f7-button-text-transform:uppercase;--f7-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-button-large-height:48px;--f7-button-large-font-size:14px;--f7-button-large-font-weight:500;--f7-button-large-text-transform:uppercase;--f7-button-small-height:28px;--f7-button-small-font-size:12px;--f7-button-small-font-weight:500;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px;--f7-segmented-strong-button-text-transform:uppercase;--f7-segmented-strong-button-active-font-weight:500}.md .theme-dark,.md.theme-dark{--f7-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}.aurora{--f7-button-font-size:14px;--f7-button-height:28px;--f7-button-min-width:24px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:4px;--f7-button-font-weight:500;--f7-button-letter-spacing:0.02;--f7-button-text-transform:none;--f7-button-large-height:34px;--f7-button-large-font-size:14px;--f7-button-large-font-weight:600;--f7-button-large-text-transform:none;--f7-button-small-height:24px;--f7-button-small-font-size:12px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:none;--f7-button-small-outline-border-width:1px;--f7-segmented-strong-button-text-transform:none;--f7-segmented-strong-button-active-font-weight:600}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}.button{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;margin:0;white-space:nowrap;text-overflow:ellipsis;position:relative;overflow:hidden;font-family:inherit;cursor:pointer;outline:0;box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;border:var(--f7-button-border-width,0px) solid var(--f7-button-border-color,var(--f7-theme-color));font-size:var(--f7-button-font-size);color:var(--f7-button-text-color,var(--f7-theme-color));height:var(--f7-button-height);line-height:calc(var(--f7-button-height) - var(--f7-button-border-width,0) * 2);padding:var(--f7-button-padding-vertical,0px) var(--f7-button-padding-horizontal);border-radius:var(--f7-button-border-radius);min-width:var(--f7-button-min-width);font-weight:var(--f7-button-font-weight);letter-spacing:var(--f7-button-letter-spacing);text-transform:var(--f7-button-text-transform);background-color:var(--f7-button-bg-color);box-shadow:var(--f7-button-box-shadow)}.button.active-state{background-color:var(--f7-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-button-pressed-text-color,var(--f7-button-text-color,var(--f7-theme-color)))}input[type=button].button,input[type=submit].button{width:100%}.button>i+i,.button>i+span,.button>span+i,.button>span+span{margin-right:4px}.appbar .button,.navbar .button,.searchbar .button,.subnavbar .button,.toolbar .button{color:var(--f7-button-text-color,var(--f7-theme-color))}.aurora .button-round-aurora,.button-round,.ios .button-round-ios,.md .button-round-md{--f7-button-border-radius:var(--f7-button-height)}.aurora .button-fill-aurora,.button-active,.button-fill,.button.tab-link-active,.ios .button-fill-ios,.md .button-fill-md{--f7-button-bg-color:var(--f7-button-fill-bg-color, var(--f7-theme-color));--f7-button-text-color:var(--f7-button-fill-text-color, #fff);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.aurora .button-fill-aurora,.button-fill,.ios .button-fill-ios,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color)}.button-active,.button.tab-link-active{--f7-button-pressed-bg-color:var(--f7-button-bg-color)}.aurora .button-outline-aurora,.button-outline,.ios .button-outline-ios,.md .button-outline-md{--f7-button-border-color:var(--f7-button-outline-border-color, var(--f7-theme-color));--f7-button-border-width:var(--f7-button-outline-border-width)}.aurora .button-large-aurora,.button-large,.ios .button-large-ios,.md .button-large-md{--f7-button-height:var(--f7-button-large-height);--f7-button-font-size:var(--f7-button-large-font-size);--f7-button-font-weight:var(--f7-button-large-font-weight);--f7-button-text-transform:var(--f7-button-large-text-transform)}.aurora .button-small-aurora,.button-small,.ios .button-small-ios,.md .button-small-md{--f7-button-outline-border-width:var(--f7-button-small-outline-border-width);--f7-button-height:var(--f7-button-small-height);--f7-button-font-size:var(--f7-button-small-font-size);--f7-button-font-weight:var(--f7-button-small-font-weight);--f7-button-text-transform:var(--f7-button-small-text-transform)}.ios .button-small-ios.button-fill,.ios .button-small.button-fill,.ios .button-small.button-fill-ios{--f7-button-border-width:var(--f7-button-small-outline-border-width);--f7-button-pressed-text-color:var(--f7-theme-color);--f7-button-pressed-bg-color:transparent}.segmented{align-self:center;display:flex;flex-wrap:nowrap;border-radius:var(--f7-button-border-radius);box-shadow:var(--f7-button-box-shadow);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:0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0}.segmented .button:not(.button-outline):first-child{border-right:none}.segmented .button.button-outline:nth-child(n+2){border-right:none}.segmented .button:last-child{border-radius:var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius)}.segmented .button-round:first-child{border-radius:0 var(--f7-button-height) var(--f7-button-height) 0}.segmented .button-round:last-child{border-radius:var(--f7-button-height) 0 0 var(--f7-button-height)}.segmented .button:first-child:last-child{border-radius:var(--f7-button-border-radius)}.aurora .segmented-raised-aurora,.ios .segmented-raised-ios,.md .segmented-raised-md,.segmented-raised{box-shadow:var(--f7-button-raised-box-shadow)}.aurora .segmented-raised-aurora .button:not(.button-outline),.ios .segmented-raised-ios .button:not(.button-outline),.md .segmented-raised-md .button:not(.button-outline),.segmented-raised .button:not(.button-outline){border-right:1px solid var(--f7-segmented-raised-divider-color)}.aurora .button-raised-aurora,.button-raised,.ios .button-raised-ios,.md .button-raised-md{--f7-button-box-shadow:var(--f7-button-raised-box-shadow)}.aurora .button-raised-aurora.active-state,.button-raised.active-state,.ios .button-raised-ios.active-state,.md .button-raised-md.active-state{--f7-button-box-shadow:var(--f7-button-raised-pressed-box-shadow)}.aurora .segmented-strong-aurora,.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);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}.aurora .segmented-strong-aurora .button,.aurora .segmented-strong-aurora .button:first-child,.aurora .segmented-strong-aurora .button:last-child,.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)}.aurora .segmented-strong-aurora .button+.button,.ios .segmented-strong-ios .button+.button,.md .segmented-strong-md .button+.button,.segmented-strong .button+.button{margin-right:var(--f7-segmented-strong-between-buttons)}.aurora .segmented-strong-aurora .button.button-active,.aurora .segmented-strong-aurora .button.tab-link-active,.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:var(--f7-segmented-strong-button-active-bg-color);--f7-button-bg-color:var(--f7-segmented-strong-button-active-bg-color);--f7-button-text-color:var(--f7-segmented-strong-button-active-text-color);--f7-button-font-weight:var(--f7-segmented-strong-button-active-font-weight);--f7-button-box-shadow:var(--f7-segmented-strong-button-active-box-shadow)}.aurora .segmented-round-aurora,.ios .segmented-round-ios,.md .segmented-round-md,.segmented-round{border-radius:var(--f7-button-height)}.subnavbar .segmented{width:100%}.ios .button{transition-duration:.1s}.ios .button-fill,.ios .button-fill-ios{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-tint))}.ios .button-small,.ios .button-small-ios{transition-duration:.2s}.md .button{transition-duration:.3s;transform:translate3d(0,0,0)}.md .button-fill,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .button{transition-duration:.1s;transform:translate3d(0,0,0)}.aurora.device-desktop .button:not(.active-state):not(.no-hover):hover{background-color:var(--f7-button-hover-bg-color,rgba(var(--f7-theme-color-rgb),.07))}.aurora .button-fill,.aurora .button-fill-aurora{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .button-active,.aurora .button-fill,.aurora .button-fill-aurora,.aurora .button.tab-link-active{--f7-button-hover-bg-color:var(--f7-button-fill-hover-bg-color, var(--f7-theme-color-tint))}:root{--f7-touch-ripple-black:rgba(0, 0, 0, 0.1);--f7-touch-ripple-white:rgba(255, 255, 255, 0.3);--f7-touch-ripple-color:var(--f7-touch-ripple-black)}.theme-dark{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.actions-button,.button,.checkbox,.dialog-button,.fab a,.item-link,.link,.list-button,.radio,.ripple,.speed-dial-buttons a,.tab-link{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ripple-wave{left:0;top:0;position:absolute!important;border-radius:50%;pointer-events:none;z-index:-1;padding:0;margin:0;font-size:0;transform:translate3d(0px,0px,0) scale(0);transition-duration:1.4s;background-color:var(--f7-touch-ripple-color);will-change:transform,opacity}.ripple-wave.ripple-wave-fill{transition-duration:.3s;opacity:.35}.ripple-wave.ripple-wave-out{transition-duration:.6s;opacity:0}.button-fill .ripple-wave,.menu .ripple-wave,.picker-calendar-day .ripple-wave{z-index:1}.checkbox .ripple-wave,.data-table .sortable-cell .ripple-wave,.radio .ripple-wave{z-index:0}[class*=ripple-color-]{--f7-touch-ripple-color:var(--f7-theme-color-ripple-color)}i.icon{display:inline-block;vertical-align:middle;background-size:100% auto;background-position:center;background-repeat:no-repeat;font-style:normal;position:relative}.icon-back:after,.icon-forward:after,.icon-next:after,.icon-prev:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.icon[class*=color-]{color:var(--f7-theme-color)}.ios .icon-back,.ios .icon-forward,.ios .icon-next,.ios .icon-prev{width:12px;height:20px;line-height:20px}.ios .icon-back:after,.ios .icon-forward:after,.ios .icon-next:after,.ios .icon-prev:after{line-height:inherit}.ios .icon-next:after,.ios .icon-prev:after{font-size:16px}.ios .item-media .icon{color:grey}.ios .item-media .f7-icons{font-size:28px;width:28px;height:28px}.ios .icon-back:after,.ios .icon-prev:after{content:'chevron_right_ios'}.ios .icon-forward:after,.ios .icon-next:after{content:'chevron_left_ios'}.md .icon-back,.md .icon-forward,.md .icon-next,.md .icon-prev{width:24px;height:24px}.md .icon-back:after,.md .icon-forward:after,.md .icon-next:after,.md .icon-prev:after{line-height:1.2}.md .item-media .icon{color:#737373}.md .item-media .material-icons{font-size:24px;width:24px;height:24px}.md .icon-back:after{content:'arrow_right_md'}.md .icon-forward:after{content:'arrow_left_md'}.md .icon-next:after{content:'chevron_left_md'}.md .icon-prev:after{content:'chevron_right_md'}.aurora .f7-icons,.aurora .material-icons{font-size:18px}.aurora .icon-back,.aurora .icon-forward,.aurora .icon-next,.aurora .icon-prev{width:9px;height:14px;line-height:14px}.aurora .icon-back:after,.aurora .icon-forward:after,.aurora .icon-next:after,.aurora .icon-prev:after{line-height:inherit}.aurora .item-media .icon{color:grey}.aurora .item-media .f7-icons{font-size:18px;width:18px;height:18px}.aurora .icon-back:after,.aurora .icon-prev:after{content:'chevron_right_aurora'}.aurora .icon-forward:after,.aurora .icon-next:after{content:'chevron_left_aurora'}.custom-modal-backdrop{z-index:10500}.actions-backdrop,.custom-modal-backdrop,.dialog-backdrop,.popover-backdrop,.popup-backdrop,.preloader-backdrop,.sheet-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;transition-duration:.4s}.actions-backdrop.not-animated,.custom-modal-backdrop.not-animated,.dialog-backdrop.not-animated,.popover-backdrop.not-animated,.popup-backdrop.not-animated,.preloader-backdrop.not-animated,.sheet-backdrop.not-animated{transition-duration:0s}.actions-backdrop.backdrop-in,.custom-modal-backdrop.backdrop-in,.dialog-backdrop.backdrop-in,.popover-backdrop.backdrop-in,.popup-backdrop.backdrop-in,.preloader-backdrop.backdrop-in,.sheet-backdrop.backdrop-in{visibility:visible;opacity:1}:root{--f7-appbar-shadow-image:none}.ios{--f7-appbar-height:44px;--f7-appbar-inner-padding-left:8px;--f7-appbar-inner-padding-right:8px}.md{--f7-appbar-height:48px;--f7-appbar-inner-padding-left:16px;--f7-appbar-inner-padding-right:16px}.aurora{--f7-appbar-height:38px;--f7-appbar-inner-padding-left:16px;--f7-appbar-inner-padding-right:16px}.appbar{position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;margin:0;transform:translate3d(0,0,0);height:calc(var(--f7-appbar-height) + var(--f7-safe-area-top));background-image:var(--f7-appbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-appbar-bg-color,var(--f7-bars-bg-color));color:var(--f7-appbar-text-color,var(--f7-bars-text-color));font-size:var(--f7-appbar-font-size);z-index:7000}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-bars .appbar{background-color:rgba(var(--f7-appbar-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))}}.appbar .panel~.appbar{z-index:5500}.appbar a{color:var(--f7-appbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.appbar a.link{display:flex;justify-content:flex-start;line-height:var(--f7-appbar-link-line-height,var(--f7-appbar-height));height:var(--f7-appbar-link-height,var(--f7-appbar-height))}.appbar .center,.appbar .left,.appbar .right{display:flex;align-items:center}.appbar.no-border:after,.appbar.no-hairline:after{display:none!important}.appbar.no-border .title-large:after,.appbar.no-hairline .title-large:after{display:none!important}.appbar.no-shadow:before{display:none!important}.appbar:after,.appbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.appbar:after{content:'';position:absolute;background-color:var(--f7-appbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.appbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-appbar-shadow-image)}.appbar:after{z-index:1}.appbar~*{--f7-appbar-app-offset:calc(var(--f7-appbar-height) + var(--f7-appbar-extra-offset, 0px) + var(--f7-safe-area-top))}.appbar~.appbar,.appbar~.view,.appbar~.views{--f7-safe-area-top:0px}.appbar~.panel .page,.appbar~.panel .page-content,.appbar~.panel .view{--f7-safe-area-top:0px}.appbar-inner{position:absolute;left:0;top:var(--f7-safe-area-top);width:100%;height:var(--f7-appbar-height);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 calc(var(--f7-appbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-appbar-inner-padding-left) + var(--f7-safe-area-left))}.appbar-inner.stacked{display:none}:root{--f7-dialog-button-text-color:var(--f7-theme-color);--f7-dialog-button-text-align:center;--f7-dialog-input-bg-color:#fff}.ios{--f7-dialog-bg-color:rgba(255, 255, 255, 0.95);--f7-dialog-bg-color-rgb:255,255,255;--f7-dialog-box-shadow:none;--f7-dialog-width:270px;--f7-dialog-inner-padding:16px;--f7-dialog-border-radius:13px;--f7-dialog-text-color:#000;--f7-dialog-text-align:center;--f7-dialog-font-size:14px;--f7-dialog-title-text-color:inherit;--f7-dialog-title-font-size:18px;--f7-dialog-title-font-weight:600;--f7-dialog-title-line-height:inherit;--f7-dialog-button-font-size:17px;--f7-dialog-button-height:44px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-font-weight:400;--f7-dialog-button-text-transform:none;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-dialog-input-border-radius:4px;--f7-dialog-input-font-size:14px;--f7-dialog-input-height:32px;--f7-dialog-input-border-color:rgba(0, 0, 0, 0.3);--f7-dialog-input-border-width:1px;--f7-dialog-input-placeholder-color:#a9a9a9;--f7-dialog-preloader-size:34px}.md{--f7-dialog-bg-color:#fff;--f7-dialog-box-shadow:var(--f7-elevation-24);--f7-dialog-width:280px;--f7-dialog-inner-padding:24px;--f7-dialog-border-radius:4px;--f7-dialog-text-color:#757575;--f7-dialog-text-align:right;--f7-dialog-font-size:16px;--f7-dialog-title-text-color:#212121;--f7-dialog-title-font-size:20px;--f7-dialog-title-font-weight:500;--f7-dialog-title-line-height:1.3;--f7-dialog-button-font-size:14px;--f7-dialog-button-height:36px;--f7-dialog-button-letter-spacing:0.03em;--f7-dialog-button-font-weight:500;--f7-dialog-button-text-transform:uppercase;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-dialog-input-border-radius:0px;--f7-dialog-input-font-size:16px;--f7-dialog-input-height:36px;--f7-dialog-input-border-color:transparent;--f7-dialog-input-border-width:0px;--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.35);--f7-dialog-preloader-size:32px}.aurora{--f7-dialog-bg-color:#fff;--f7-dialog-box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.15),0 25px 30px 0 rgba(0,0,0,0.35);--f7-dialog-width:300px;--f7-dialog-inner-padding:20px;--f7-dialog-border-radius:4px;--f7-dialog-text-color:#000;--f7-dialog-text-align:right;--f7-dialog-font-size:14px;--f7-dialog-title-text-color:inherit;--f7-dialog-title-font-size:14px;--f7-dialog-title-font-weight:700;--f7-dialog-title-line-height:inherit;--f7-dialog-button-text-color:#fff;--f7-dialog-button-font-size:13px;--f7-dialog-button-height:28px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-font-weight:500;--f7-dialog-button-text-transform:none;--f7-dialog-input-border-radius:4px;--f7-dialog-input-font-size:13px;--f7-dialog-input-height:24px;--f7-dialog-input-border-color:rgba(0, 0, 0, 0.12);--f7-dialog-input-border-width:1px;--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.32);--f7-dialog-preloader-size:24px}.dialog{position:absolute;z-index:13500;left:50%;margin-top:0;top:50%;overflow:hidden;opacity:0;transform:translate3d(0,-50%,0) scale(1.185);transition-property:transform,opacity;display:none;transition-duration:.4s;box-shadow:var(--f7-dialog-box-shadow);width:var(--f7-dialog-width);margin-left:calc(-1 * var(--f7-dialog-width)/ 2);border-radius:var(--f7-dialog-border-radius);text-align:var(--f7-dialog-text-align);color:var(--f7-dialog-text-color);font-size:var(--f7-dialog-font-size);will-change:transform,opacity;background:var(--f7-dialog-bg-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .dialog{background-color:rgba(var(--f7-dialog-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.dialog.modal-in{opacity:1;transform:translate3d(0,-50%,0) scale(1)}.dialog.modal-out{opacity:0;z-index:13499}.dialog.not-animated{transition-duration:0s}.dialog-inner{position:relative;padding:var(--f7-dialog-inner-padding)}.dialog-title{color:var(--f7-dialog-title-text-color);font-size:var(--f7-dialog-title-font-size);font-weight:var(--f7-dialog-title-font-weight);line-height:var(--f7-dialog-title-line-height)}.dialog-buttons{position:relative;display:flex;flex-direction:row-reverse}.dialog-buttons-vertical .dialog-buttons{display:block;height:auto!important}.dialog-button{box-sizing:border-box;overflow:hidden;position:relative;white-space:nowrap;text-overflow:ellipsis;color:var(--f7-dialog-button-text-color);font-size:var(--f7-dialog-button-font-size);height:var(--f7-dialog-button-height);line-height:var(--f7-dialog-button-height);letter-spacing:var(--f7-dialog-button-letter-spacing);text-align:var(--f7-dialog-button-text-align);font-weight:var(--f7-dialog-button-font-weight);text-transform:var(--f7-dialog-button-text-transform);display:block;cursor:pointer}.dialog-button.active-state{background-color:var(--f7-dialog-button-pressed-bg-color)}.dialog-no-buttons .dialog-buttons{display:none}.dialog-input-field{position:relative}input.dialog-input[type]{box-sizing:border-box;margin:0;margin-top:15px;border-radius:var(--f7-dialog-input-border-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:block;font-family:inherit;box-shadow:none;font-size:var(--f7-dialog-input-font-size);height:var(--f7-dialog-input-height);background-color:var(--f7-dialog-input-bg-color);border:var(--f7-dialog-input-border-width) solid var(--f7-dialog-input-border-color)}input.dialog-input[type]::-webkit-input-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::-moz-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::-ms-input-placeholder{color:var(--f7-dialog-input-placeholder-color)}input.dialog-input[type]::placeholder{color:var(--f7-dialog-input-placeholder-color)}.dialog-input-double input.dialog-input{border-radius:var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius) 0 0}.dialog-input-double+.dialog-input-double input.dialog-input{border-radius:0 0 var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius)}.dialog-preloader .preloader{--f7-preloader-size:var(--f7-dialog-preloader-size)}html.with-modal-dialog .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.ios .dialog.modal-out{transform:translate3d(0,-50%,0) scale(1)}.ios .dialog-inner{border-radius:var(--f7-dialog-border-radius) var(--f7-dialog-border-radius) 0 0}.ios .dialog-inner:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-title+.dialog-text{margin-top:5px}.ios .dialog-buttons{height:44px;justify-content:center}.ios .dialog-button{width:100%;padding:0 5px;-webkit-box-flex:1;-ms-flex:1}.ios .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-button:first-child{border-radius:0 0 0 var(--f7-dialog-border-radius)}.ios .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) 0}.ios .dialog-button:last-child:after{display:none!important}.ios .dialog-button:first-child:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-button.dialog-button-bold{font-weight:500}.ios .dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.ios .dialog-buttons-vertical .dialog-buttons{height:auto}.ios .dialog-buttons-vertical .dialog-button{border-radius:0}.ios .dialog-buttons-vertical .dialog-button:after{content:'';position:absolute;background-color:rgba(0,0,0,.2);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-buttons-vertical .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-buttons-vertical .dialog-button:last-child:after{display:none!important}.ios .dialog-no-buttons .dialog-inner{border-radius:var(--f7-dialog-border-radius)}.ios .dialog-no-buttons .dialog-inner:after{display:none!important}.ios .dialog-input-field{margin-top:15px}.ios .dialog-input{padding:0 5px}.ios .dialog-input+.dialog-input{margin-top:5px}.ios .dialog-input-double+.dialog-input-double{margin-top:0}.ios .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.ios .dialog-preloader .dialog-text~.preloader,.ios .dialog-preloader .dialog-title~.preloader{margin-top:15px}.ios .dialog-progress .dialog-text~.progressbar,.ios .dialog-progress .dialog-text~.progressbar-infinite,.ios .dialog-progress .dialog-title~.progressbar,.ios .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px}.md .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.md .dialog-title+.dialog-text{margin-top:20px}.md .dialog-text{line-height:1.5}.md .dialog-buttons{height:48px;padding:6px 8px;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.md .dialog-button{border-radius:4px;min-width:64px;padding:0 8px;border:none;transition-duration:.3s;transform:translate3d(0,0,0)}.md .dialog-button.dialog-button-bold{font-weight:700}.md .dialog-button+.dialog-button{margin-left:4px}.md .dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.md .dialog-buttons-vertical .dialog-buttons{padding:0 0 8px 0}.md .dialog-buttons-vertical .dialog-button{margin-left:0;text-align:right;height:48px;line-height:48px;border-radius:0;padding-left:16px;padding-right:16px}.md .dialog-input{padding:0;transition-duration:.2s;position:relative}.md .dialog-input+.dialog-input{margin-top:16px}.md .dialog-preloader .dialog-inner,.md .dialog-preloader .dialog-title,.md .dialog-progress .dialog-inner,.md .dialog-progress .dialog-title{text-align:center}.md .dialog-preloader .dialog-text~.preloader,.md .dialog-preloader .dialog-title~.preloader{margin-top:20px}.md .dialog-progress .dialog-text~.progressbar,.md .dialog-progress .dialog-text~.progressbar-infinite,.md .dialog-progress .dialog-title~.progressbar,.md .dialog-progress .dialog-title~.progressbar-infinite{margin-top:16px}.aurora .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.aurora .dialog-title+.dialog-text{margin-top:10px}.aurora .dialog-text{line-height:1.5}.aurora .dialog-buttons{padding:var(--f7-dialog-inner-padding);padding-top:0;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.aurora .dialog-button{border-radius:4px;min-width:64px;padding:0 10px;border:none;transition-duration:.3s;transform:translate3d(0,0,0);background:var(--f7-theme-color)}.aurora .dialog-button.dialog-button-bold{font-weight:600}.aurora .dialog-button+.dialog-button{margin-left:16px}.aurora .dialog-buttons-vertical .dialog-buttons{display:flex;flex-direction:column;align-items:flex-end}.aurora .dialog-buttons-vertical .dialog-button{margin-left:0;flex-shrink:0}.aurora .dialog-buttons-vertical .dialog-button+.dialog-button{margin-top:5px}.aurora .dialog-input-field{margin-top:10px}.aurora .dialog-input-field input.dialog-input{margin-top:0}.aurora .dialog-input{padding:0 4px;transition-duration:.2s;position:relative}.aurora .dialog-input+.dialog-input{margin-top:10px}.aurora .dialog-input-double+.dialog-input-double{margin-top:0}.aurora .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.aurora .dialog-preloader .dialog-inner,.aurora .dialog-preloader .dialog-title,.aurora .dialog-progress .dialog-inner,.aurora .dialog-progress .dialog-title{text-align:center}.aurora .dialog-preloader .dialog-text~.preloader,.aurora .dialog-preloader .dialog-title~.preloader{margin-top:10px}.aurora .dialog-progress .dialog-text~.progressbar,.aurora .dialog-progress .dialog-text~.progressbar-infinite,.aurora .dialog-progress .dialog-title~.progressbar,.aurora .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px}:root{--f7-popup-border-radius:0px;--f7-popup-tablet-width:630px;--f7-popup-tablet-height:630px;--f7-popup-transition-duration:400ms;--f7-popup-push-border-radius:10px;--f7-popup-push-offset:var(--f7-safe-area-top)}.ios{--f7-popup-box-shadow:none}.md{--f7-popup-box-shadow:0px 20px 44px rgba(0, 0, 0, 0.5)}.aurora{--f7-popup-tablet-border-radius:4px;--f7-popup-box-shadow:0px 20px 44px rgba(0, 0, 0, 0.5)}.popup-backdrop{z-index:10500}.popup{position:absolute;left:0;top:0px;width:100%;height:100%;display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:#fff;z-index:11000;will-change:transform;overflow:hidden;border-radius:var(--f7-popup-border-radius)}.popup.modal-in,.popup.modal-out{transition-duration:var(--f7-popup-transition-duration)}.popup.not-animated{transition-duration:0s}.popup.modal-in{display:block;transform:translate3d(0,0,0)}.popup.modal-out{transform:translate3d(0,100%,0)}.popup.swipe-close-to-top.modal-out{transform:translate3d(0,-100%,0)}@media (min-width:630px) and (min-height:630px){.popup:not(.popup-tablet-fullscreen){--f7-safe-area-top:0px;width:var(--f7-popup-tablet-width);height:var(--f7-popup-tablet-height);left:50%;top:50%;margin-left:calc(-1 * var(--f7-popup-tablet-width)/ 2);margin-top:calc(-1 * var(--f7-popup-tablet-height)/ 2);transform:translate3d(0,100vh,0);box-shadow:var(--f7-popup-box-shadow);border-radius:var(--f7-popup-tablet-border-radius,var(--f7-popup-border-radius))}.popup:not(.popup-tablet-fullscreen).modal-in{transform:translate3d(0,0,0)}.popup:not(.popup-tablet-fullscreen).modal-out{transform:translate3d(0,100vh,0)}.popup:not(.popup-tablet-fullscreen).swipe-close-to-top.modal-out{transform:translate3d(0,-100vh,0)}}html.with-modal-popup .framework7-root>.panel .page-content,html.with-modal-popup .framework7-root>.view .page-content,html.with-modal-popup .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html.with-modal-popup-push .popup-push,html.with-modal-popup-push-closing .popup-push{top:calc(var(--f7-popup-push-offset) + 10px);height:calc(100% - var(--f7-popup-push-offset) - 10px);border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0}html.with-modal-popup-push .popup-push .page,html.with-modal-popup-push .popup-push .view,html.with-modal-popup-push-closing .popup-push .page,html.with-modal-popup-push-closing .popup-push .view{--f7-safe-area-top:0px}html.with-modal-popup-push .framework7-root,html.with-modal-popup-push-closing .framework7-root{background:#000}html.with-modal-popup-push .framework7-root>.view,html.with-modal-popup-push .framework7-root>.views,html.with-modal-popup-push-closing .framework7-root>.view,html.with-modal-popup-push-closing .framework7-root>.views{transition-duration:var(--f7-popup-transition-duration)}html.with-modal-popup-push .framework7-root>.view,html.with-modal-popup-push .framework7-root>.views{border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;transform:translate3d(0,0,0px) scale(var(--f7-popup-push-scale,1))}:root{--f7-login-screen-bg-color:#fff;--f7-login-screen-content-bg-color:#fff;--f7-login-screen-blocks-max-width:480px;--f7-login-screen-title-text-align:center;--f7-login-screen-title-text-color:inherit;--f7-login-screen-title-letter-spacing:0;--f7-login-screen-title-font-weight:600;--f7-login-screen-title-font-size:28px}:root .theme-dark,:root.theme-dark{--f7-login-screen-content-bg-color:transparent}.ios{--f7-login-screen-blocks-margin-vertical:25px}.ios .theme-dark,.ios.theme-dark{--f7-login-screen-bg-color:#000}.md{--f7-login-screen-blocks-margin-vertical:24px}.md .theme-dark,.md.theme-dark{--f7-login-screen-bg-color:#121212}.aurora{--f7-login-screen-blocks-margin-vertical:15px}.aurora .theme-dark,.aurora.theme-dark{--f7-login-screen-bg-color:#121212}.login-screen{position:absolute;left:0;top:0;width:100%;height:100%;display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:var(--f7-login-screen-bg-color);z-index:11000;will-change:transform}.login-screen.modal-in,.login-screen.modal-out{transition-duration:.4s}.login-screen.not-animated{transition-duration:0s}.login-screen.modal-in{display:block;transform:translate3d(0,0,0)}.login-screen.modal-out{transform:translate3d(0,100%,0)}.login-screen .page,.login-screen-content,.login-screen-page{background:var(--f7-login-screen-content-bg-color)}.login-screen-content .list-button,.login-screen-page .list-button{text-align:center;color:var(--f7-login-screen-list-button-text-color,var(--f7-theme-color))}.login-screen-content .block,.login-screen-content .list,.login-screen-content .login-screen-title,.login-screen-page .block,.login-screen-page .list,.login-screen-page .login-screen-title{margin:var(--f7-login-screen-blocks-margin-vertical) auto}.login-screen-content .block,.login-screen-content .block-footer,.login-screen-content .block-header,.login-screen-content .list,.login-screen-content .login-screen-title,.login-screen-page .block,.login-screen-page .block-footer,.login-screen-page .block-header,.login-screen-page .list,.login-screen-page .login-screen-title{max-width:var(--f7-login-screen-blocks-max-width)}.login-screen-content .list ul,.login-screen-page .list ul{background:0 0}.login-screen-content .list ul:before,.login-screen-page .list ul:before{display:none!important}.login-screen-content .list ul:after,.login-screen-page .list ul:after{display:none!important}.login-screen-content .block-footer,.login-screen-content .block-header,.login-screen-page .block-footer,.login-screen-page .block-header{text-align:center;margin-left:auto;margin-right:auto}.login-screen-title{text-align:var(--f7-login-screen-title-text-align);font-size:var(--f7-login-screen-title-font-size);font-weight:var(--f7-login-screen-title-font-weight);color:var(--f7-login-screen-title-text-color);letter-spacing:var(--f7-login-screen-title-letter-spacing)}.login-screen-page,.login-screen>.page,.login-screen>.view>.page{display:flex;flex-direction:column}.login-screen-page .login-screen-content,.login-screen-page .page-content,.login-screen>.page .login-screen-content,.login-screen>.page .page-content,.login-screen>.view>.page .login-screen-content,.login-screen>.view>.page .page-content{margin-top:auto;margin-bottom:auto;height:auto;max-height:100%;width:100%}.theme-dark .login-screen-content .block-strong,.theme-dark .login-screen-content .list ul,.theme-dark .login-screen-page .block-strong,.theme-dark .login-screen-page .list ul,.theme-dark.login-screen-page .block-strong,.theme-dark.login-screen-page .list ul{background-color:transparent}:root{--f7-popover-width:260px}.ios{--f7-popover-bg-color:rgba(255, 255, 255, 0.95);--f7-popover-border-radius:13px;--f7-popover-box-shadow:none;--f7-popover-actions-icon-size:28px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.45)}.ios .theme-dark,.ios.theme-dark{--f7-popover-bg-color:rgba(30, 30, 30, 0.95);--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-popover-bg-color:#fff;--f7-popover-border-radius:4px;--f7-popover-box-shadow:var(--f7-elevation-8);--f7-popover-actions-icon-size:24px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-popover-bg-color:#1c1c1d;--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-popover-width:200px;--f7-popover-bg-color:#fff;--f7-popover-border-radius:4px;--f7-popover-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1),0 5px 11px 0 rgba(0,0,0,0.28);--f7-popover-actions-icon-size:24px;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.6)}.aurora .theme-dark,.aurora.theme-dark{--f7-popover-bg-color:#1c1c1d;--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.6)}.popover{width:var(--f7-popover-width);z-index:13500;margin:0;top:0;opacity:0;left:0;position:absolute;display:none;transition-duration:.3s;background-color:var(--f7-popover-bg-color);border-radius:var(--f7-popover-border-radius);box-shadow:var(--f7-popover-box-shadow);will-change:transform,opacity}.popover .list{margin:0}.popover .list ul{background:0 0}.popover .list:first-child ul:before{display:none!important}.popover .list:last-child ul:after{display:none!important}.popover .list:first-child ul{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:first-child li:first-child,.popover .list:first-child li:first-child a,.popover .list:first-child li:first-child>label{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:last-child ul{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:last-child li:last-child,.popover .list:last-child li:last-child a,.popover .list:last-child li:last-child>label{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:first-child:last-child li:first-child:last-child,.popover .list:first-child:last-child li:first-child:last-child a,.popover .list:first-child:last-child li:first-child:last-child>label,.popover .list:first-child:last-child ul{border-radius:var(--f7-popover-border-radius)}.popover .list+.list{margin-top:var(--f7-list-margin-vertical)}.popover.modal-in{opacity:1}.popover.not-animated{transition-duration:0s}.popover-inner{overflow:auto;-webkit-overflow-scrolling:touch}.popover-from-actions .item-link i.icon{width:var(--f7-popover-actions-icon-size);height:var(--f7-popover-actions-icon-size);font-size:var(--f7-popover-actions-icon-size)}.popover-from-actions-bold{font-weight:600}.popover-from-actions-label{line-height:1.3;position:relative;display:flex;align-items:center;padding:var(--f7-actions-label-padding);color:var(--f7-popover-actions-label-text-color);font-size:var(--f7-actions-label-font-size);justify-content:var(--f7-actions-label-justify-content)}.popover-from-actions-label:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.popover-from-actions-label:last-child:after{display:none!important}.ios .popover{transform:none;transition-property:opacity}.ios .popover-angle{width:26px;height:26px;position:absolute;left:-26px;top:0;z-index:100;overflow:hidden}.ios .popover-angle:after{content:'';background:var(--f7-popover-bg-color);width:26px;height:26px;position:absolute;left:0;top:0;border-radius:3px;transform:rotate(45deg)}.ios .popover-angle.on-left{left:-26px}.ios .popover-angle.on-left:after{left:19px;top:0}.ios .popover-angle.on-right{left:100%}.ios .popover-angle.on-right:after{left:-19px;top:0}.ios .popover-angle.on-top{left:0;top:-26px}.ios .popover-angle.on-top:after{left:0;top:19px}.ios .popover-angle.on-bottom{left:0;top:100%}.ios .popover-angle.on-bottom:after{left:0;top:-19px}.md .popover{transform:scale(.85,.6);transition-property:opacity,transform}.md .popover.modal-in{opacity:1;transform:scale(1)}.md .popover.modal-out{opacity:0;transform:scale(1)}.md .popover-on-top{transform-origin:center bottom}.md .popover-on-top.popover-on-right{transform-origin:left bottom}.md .popover-on-top.popover-on-left{transform-origin:right bottom}.md .popover-on-middle{transform-origin:center center}.md .popover-on-middle.popover-on-right{transform-origin:left center}.md .popover-on-middle.popover-on-left{transform-origin:right center}.md .popover-on-bottom{transform-origin:center top}.md .popover-on-bottom.popover-on-right{transform-origin:left top}.md .popover-on-bottom.popover-on-left{transform-origin:right top}.aurora .popover{transform:none;transition-property:opacity}.aurora .popover-angle{width:18px;height:18px;position:absolute;left:-18px;top:0;z-index:100;overflow:hidden}.aurora .popover-angle:after{content:'';background:var(--f7-popover-bg-color);width:18px;height:18px;position:absolute;left:0;top:0;border-radius:2px;transform:rotate(45deg)}.aurora .popover-angle.on-left{left:-18px}.aurora .popover-angle.on-left:after{left:13px;top:0}.aurora .popover-angle.on-right{left:100%}.aurora .popover-angle.on-right:after{left:-13px;top:0}.aurora .popover-angle.on-top{left:0;top:-18px}.aurora .popover-angle.on-top:after{left:0;top:13px}.aurora .popover-angle.on-bottom{left:0;top:100%}.aurora .popover-angle.on-bottom:after{left:0;top:-13px}:root{--f7-actions-grid-button-font-size:12px;--f7-actions-grid-button-text-color:#757575}.ios{--f7-actions-bg-color:rgba(255, 255, 255, 0.95);--f7-actions-bg-color-rgb:255,255,255;--f7-actions-border-radius:13px;--f7-actions-button-border-color:rgba(0, 0, 0, 0.2);--f7-actions-button-pressed-bg-color:rgba(230, 230, 230, 0.9);--f7-actions-button-padding:0px;--f7-actions-button-text-align:center;--f7-actions-button-height:57px;--f7-actions-button-height-landscape:44px;--f7-actions-button-font-size:20px;--f7-actions-button-icon-size:28px;--f7-actions-button-justify-content:center;--f7-actions-label-padding:8px 10px;--f7-actions-label-text-color:#8a8a8a;--f7-actions-label-font-size:13px;--f7-actions-label-justify-content:center;--f7-actions-group-border-color:transparent;--f7-actions-group-margin:8px;--f7-actions-grid-button-icon-size:48px}.ios .theme-dark,.ios.theme-dark{--f7-actions-bg-color:rgba(30, 30, 30, 0.95);--f7-actions-bg-color-rgb:30,30,30;--f7-actions-button-border-color:rgba(255, 255, 255, 0.15);--f7-actions-button-pressed-bg-color:rgba(50, 50, 50, 0.9);--f7-actions-button-pressed-bg-color-rgb:50,50,50;--f7-actions-label-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-actions-bg-color:#fff;--f7-actions-border-radius:0px;--f7-actions-button-border-color:transparent;--f7-actions-button-text-color:rgba(0, 0, 0, 0.87);--f7-actions-button-pressed-bg-color:#e5e5e5;--f7-actions-button-padding:0 16px;--f7-actions-button-text-align:left;--f7-actions-button-height:48px;--f7-actions-button-height-landscape:48px;--f7-actions-button-font-size:16px;--f7-actions-button-icon-size:24px;--f7-actions-button-justify-content:space-between;--f7-actions-label-padding:12px 16px;--f7-actions-label-text-color:rgba(0, 0, 0, 0.54);--f7-actions-label-font-size:16px;--f7-actions-label-justify-content:flex-start;--f7-actions-group-border-color:rgba(0, 0, 0, 0.12);--f7-actions-group-margin:0px;--f7-actions-grid-button-icon-size:48px}.md .theme-dark,.md.theme-dark{--f7-actions-bg-color:#202020;--f7-actions-button-text-color:#fff;--f7-actions-button-pressed-bg-color:#2e2e2e;--f7-actions-label-text-color:rgba(255, 255, 255, 0.55);--f7-actions-group-border-color:rgba(255, 255, 255, 0.15)}.aurora{--f7-actions-bg-color:#fff;--f7-actions-border-radius:4px;--f7-actions-button-border-color:rgba(0, 0, 0, 0.12);--f7-actions-button-pressed-bg-color:#e5e5e5;--f7-actions-button-padding:0 16px;--f7-actions-button-text-align:center;--f7-actions-button-height:32px;--f7-actions-button-height-landscape:32px;--f7-actions-button-font-size:14px;--f7-actions-button-icon-size:18px;--f7-actions-button-justify-content:space-between;--f7-actions-label-padding:10px 16px;--f7-actions-label-text-color:rgba(0, 0, 0, 0.5);--f7-actions-label-font-size:12px;--f7-actions-label-justify-content:center;--f7-actions-group-border-color:rgba(0, 0, 0, 0.1);--f7-actions-group-margin:16px;--f7-actions-grid-button-icon-size:32px}.aurora .theme-dark,.aurora.theme-dark{--f7-actions-bg-color:#202020;--f7-actions-button-text-color:#fff;--f7-actions-button-border-color:rgba(255, 255, 255, 0.15);--f7-actions-button-pressed-bg-color:#2e2e2e;--f7-actions-label-text-color:rgba(255, 255, 255, 0.55);--f7-actions-group-border-color:rgba(255, 255, 255, 0.15)}.actions-modal{position:absolute;left:0;bottom:0;z-index:13500;width:100%;transform:translate3d(0,100%,0);display:none;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch;transition-property:transform;will-change:transform}.actions-modal.modal-in,.actions-modal.modal-out{transition-duration:.3s}.actions-modal.not-animated{transition-duration:0s}.actions-modal.modal-in{transform:translate3d(0,calc(-1 * var(--f7-safe-area-bottom)),0)}.actions-modal.modal-out{z-index:13499;transform:translate3d(0,100%,0)}@media (min-width:496px){.actions-modal{width:480px;left:50%;margin-left:-240px}}@media (orientation:landscape){.actions-modal{--f7-actions-button-height:var(--f7-actions-button-height-landscape)}}.actions-group{overflow:hidden;position:relative;margin:var(--f7-actions-group-margin);border-radius:var(--f7-actions-border-radius);transform:translate3d(0,0,0)}.actions-group:after{content:'';position:absolute;background-color:var(--f7-actions-group-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.actions-group:last-child:after{display:none!important}.actions-button,.actions-label{width:100%;font-weight:400;margin:0;box-sizing:border-box;display:block;position:relative;overflow:hidden;text-align:var(--f7-actions-button-text-align);background:var(--f7-actions-bg-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .actions-button,.ios-translucent-modals .actions-label{background-color:rgba(var(--f7-actions-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.actions-button:after,.actions-label:after{content:'';position:absolute;background-color:var(--f7-actions-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.actions-button:first-child,.actions-label:first-child{border-radius:var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0}.actions-button:last-child,.actions-label:last-child{border-radius:0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius)}.actions-button:last-child:after,.actions-label:last-child:after{display:none!important}.actions-button:first-child:last-child,.actions-label:first-child:last-child{border-radius:var(--f7-actions-border-radius)}.actions-button a,.actions-label a{text-decoration:none;color:inherit;display:block}.actions-button b,.actions-button.actions-button-bold,.actions-label b,.actions-label.actions-button-bold{font-weight:600}.actions-button{cursor:pointer;display:flex;color:var(--f7-actions-button-text-color,var(--f7-theme-color));font-size:var(--f7-actions-button-font-size);height:var(--f7-actions-button-height);line-height:var(--f7-actions-button-height);padding:var(--f7-actions-button-padding);justify-content:var(--f7-actions-button-justify-content);z-index:10}.actions-button.active-state{background-color:var(--f7-actions-button-pressed-bg-color)!important}.actions-button[class*=color-]{color:var(--f7-theme-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .actions-button.active-state{background-color:rgba(var(--f7-actions-button-pressed-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.actions-button-media{flex-shrink:0;display:flex;align-items:center}.actions-button-media i.icon{width:var(--f7-actions-button-icon-size);height:var(--f7-actions-button-icon-size);font-size:var(--f7-actions-button-icon-size)}.actions-button a,.actions-button-text{position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.actions-button-text{width:100%;flex-shrink:1;text-align:var(--f7-actions-button-text-align)}.actions-label{line-height:1.3;display:flex;align-items:center;font-size:var(--f7-actions-label-font-size);color:var(--f7-actions-label-text-color);padding:var(--f7-actions-label-padding);justify-content:var(--f7-actions-label-justify-content);min-height:var(--f7-actions-label-min-height,var(--f7-actions-button-height))}.actions-label[class*=" color-"]{--f7-actions-label-text-color:var(--f7-theme-color)}.actions-grid .actions-group{display:flex;flex-wrap:wrap;justify-content:flex-start;border-radius:0;background:var(--f7-actions-bg-color);margin-top:0}.actions-grid .actions-group:first-child{border-radius:var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0}.actions-grid .actions-group:last-child{border-radius:0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius)}.actions-grid .actions-group:first-child:last-child{border-radius:var(--f7-actions-border-radius)}.actions-grid .actions-group:not(:last-child){margin-bottom:0}.actions-grid .actions-button,.actions-grid .actions-label{border-radius:0!important;background:0 0}.actions-grid .actions-button{width:33.33333333%;display:block;color:var(--f7-actions-grid-button-text-color);height:auto;line-height:1;padding:16px}.actions-grid .actions-button:after{display:none!important}.actions-grid .actions-button-media{margin-left:auto!important;margin-right:auto!important;width:var(--f7-actions-grid-button-icon-size);height:var(--f7-actions-grid-button-icon-size)}.actions-grid .actions-button-media i.icon{width:var(--f7-actions-grid-button-icon-size);height:var(--f7-actions-grid-button-icon-size);font-size:var(--f7-actions-grid-button-icon-size)}.actions-grid .actions-button-text{margin-left:0!important;text-align:center!important;margin-top:8px;line-height:1.33em;height:1.33em;font-size:var(--f7-actions-grid-button-font-size)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .actions-grid .actions-group{background-color:rgba(var(--f7-actions-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.ios .actions-button-media{margin-left:16px}.ios .actions-button-media+.actions-button-text{text-align:left;margin-left:16px}.md .actions-button{transition-duration:.3s}.md .actions-button-media{min-width:40px}.md .actions-button-media+.actions-button-text{margin-left:16px}.aurora .actions-button-media{margin-left:16px}.aurora .actions-button-media+.actions-button-text{text-align:left;margin-left:16px}:root{--f7-sheet-height:260px;--f7-sheet-bg-color:#fff;--f7-sheet-border-color:transparent;--f7-sheet-transition-duration:300ms;--f7-sheet-push-border-radius:10px;--f7-sheet-push-offset:var(--f7-safe-area-top)}:root .theme-dark,:root.theme-dark{--f7-sheet-bg-color:#121212}.ios{--f7-sheet-border-color:var(--f7-bars-border-color)}.ios .theme-dark,.ios.theme-dark{--f7-sheet-bg-color:#000}.sheet-backdrop{z-index:11000}.sheet-modal{position:absolute;left:0;bottom:0;width:100%;height:var(--f7-sheet-height);display:none;box-sizing:border-box;transition-property:transform;transform:translate3d(0,100%,0);background:var(--f7-sheet-bg-color);z-index:12500;will-change:transform}.sheet-modal.modal-in,.sheet-modal.modal-out{transition-duration:var(--f7-sheet-transition-duration)}.sheet-modal.not-animated{transition-duration:0s}.sheet-modal.modal-in{display:block;transform:translate3d(0,0,0)}.sheet-modal.modal-in-swipe-step{display:block;transform:translate3d(0,var(--f7-sheet-swipe-step,0),0)}.sheet-modal.modal-out{transform:translate3d(0,100%,0)}.sheet-modal .sheet-modal-inner{height:100%;position:relative;overflow:hidden}.sheet-modal .toolbar{--f7-safe-area-bottom:0px;position:relative;width:100%}.sheet-modal .toolbar:after,.sheet-modal .toolbar:before{display:none}.sheet-modal .toolbar+.sheet-modal-inner{height:calc(100% - var(--f7-toolbar-height))}.sheet-modal .toolbar+.sheet-modal-inner .page-content{--f7-page-toolbar-top-offset:0px;--f7-page-toolbar-bottom-offset:0px}.sheet-modal-top:after{content:'';position:absolute;background-color:var(--f7-sheet-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.sheet-modal-top:after{z-index:600;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.sheet-modal-bottom,.sheet-modal:not(.sheet-modal-top){--f7-safe-area-top:0px}.sheet-modal-bottom:before,.sheet-modal:not(.sheet-modal-top):before{content:'';position:absolute;background-color:var(--f7-sheet-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.sheet-modal-bottom:before,.sheet-modal:not(.sheet-modal-top):before{z-index:600;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.sheet-modal-top{--f7-safe-area-bottom:0px;bottom:auto;top:0;transform:translate3d(0,-100%,0)}.sheet-modal-top.modal-out{transform:translate3d(0,-100%,0)}.sheet-modal-top .toolbar-bottom{position:absolute}.sheet-modal-top .page-content{padding-top:var(--f7-safe-area-top)}html.with-modal-sheet-push .sheet-modal-push,html.with-modal-sheet-push-closing .sheet-modal-push{border-radius:var(--f7-sheet-push-border-radius) var(--f7-sheet-push-border-radius) 0 0;overflow:hidden}html.with-modal-sheet-push .sheet-modal-push .page,html.with-modal-sheet-push .sheet-modal-push .view,html.with-modal-sheet-push-closing .sheet-modal-push .page,html.with-modal-sheet-push-closing .sheet-modal-push .view{--f7-safe-area-top:0px}html.with-modal-sheet-push .sheet-modal-push.sheet-modal-top,html.with-modal-sheet-push-closing .sheet-modal-push.sheet-modal-top{border-radius:0 0 var(--f7-sheet-push-border-radius) var(--f7-sheet-push-border-radius)}html.with-modal-sheet-push .framework7-root,html.with-modal-sheet-push-closing .framework7-root{background:#000}html.with-modal-sheet-push .framework7-root>.view,html.with-modal-sheet-push .framework7-root>.views,html.with-modal-sheet-push-closing .framework7-root>.view,html.with-modal-sheet-push-closing .framework7-root>.views{transition-duration:var(--f7-sheet-transition-duration)}html.with-modal-sheet-push .framework7-root>.view,html.with-modal-sheet-push .framework7-root>.views{border-radius:var(--f7-sheet-push-border-radius);transform:translate3d(0,0,0px) scale(var(--f7-sheet-push-scale,1))}.md .sheet-modal .toolbar a.link:not(.tab-link){flex-shrink:0}:root{--f7-toast-text-color:#fff;--f7-toast-font-size:14px;--f7-toast-icon-size:48px}.ios{--f7-toast-bg-color:rgba(0, 0, 0, 0.75);--f7-toast-bg-color-rgb:0,0,0;--f7-toast-padding-horizontal:16px;--f7-toast-padding-vertical:12px;--f7-toast-border-radius:8px;--f7-toast-button-min-width:64px}.md{--f7-toast-bg-color:#323232;--f7-toast-padding-horizontal:24px;--f7-toast-padding-vertical:14px;--f7-toast-border-radius:4px;--f7-toast-button-min-width:64px}.aurora{--f7-toast-bg-color:rgba(0, 0, 0, 0.85);--f7-toast-padding-horizontal:10px;--f7-toast-padding-vertical:10px;--f7-toast-border-radius:4px;--f7-toast-button-min-width:32px}.toast{--f7-touch-ripple-color:var(--f7-touch-ripple-white);transition-property:transform,opacity;position:absolute;max-width:568px;z-index:20000;color:var(--f7-toast-text-color);font-size:var(--f7-toast-font-size);box-sizing:border-box;background-color:var(--f7-toast-bg-color);opacity:0}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .toast{background-color:rgba(var(--f7-toast-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.toast.modal-in{opacity:1}.toast .toast-content{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:var(--f7-toast-padding-vertical) var(--f7-toast-padding-horizontal)}.toast .toast-text{line-height:20px;flex-shrink:1;min-width:0}.toast .toast-button{flex-shrink:0;min-width:var(--f7-toast-button-min-width);margin-top:-8px;margin-bottom:-8px}.toast.toast-with-icon .toast-content{display:block;text-align:center}.toast.toast-with-icon .toast-text{text-align:center}.toast.toast-with-icon .toast-icon .f7-icons,.toast.toast-with-icon .toast-icon .material-icons{font-size:var(--f7-toast-icon-size);width:var(--f7-toast-icon-size);height:var(--f7-toast-icon-size)}.toast.toast-center{top:50%}.toast.toast-top{margin-top:var(--f7-safe-area-top)}.ios .toast{transition-duration:.3s;width:100%;left:0}.ios .toast.toast-top{top:0;transform:translate3d(0,-100%,0)}.ios .toast.toast-top.modal-in{transform:translate3d(0,0%,0)}.ios .toast.toast-center{width:auto;left:50%;border-radius:var(--f7-toast-border-radius);transform:translate3d(-50%,-50%,0)}.ios .toast.toast-center.modal-in{transform:translate3d(-50%,-50%,0)}.ios .toast.toast-bottom{bottom:0;transform:translate3d(0,100%,0)}.ios .toast.toast-bottom.modal-in{transform:translate3d(0,0%,0)}@media (max-width:568px){.ios .toast.toast-top{margin-top:0}.ios .toast.toast-top .toast-content{padding-top:calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-top))}.ios .toast.toast-bottom .toast-content{padding-bottom:calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-bottom))}}@media (min-width:569px){.ios .toast{left:50%;margin-left:-284px;border-radius:var(--f7-toast-border-radius)}.ios .toast.toast-top{top:16px}.ios .toast.toast-center{margin-left:0}.ios .toast.toast-bottom{margin-bottom:calc(16px + var(--f7-safe-area-bottom))}}@media (min-width:1024px){.ios .toast{margin-left:0;width:auto}.ios .toast.toast-bottom,.ios .toast.toast-top{left:16px}}.ios .toast-button{margin-right:16px;margin-left:calc(-1 * var(--f7-button-padding-horizontal))}.md .toast{transition-duration:.2s;border-radius:var(--f7-toast-border-radius);left:8px;width:calc(100% - 16px);transform:scale(.9)}.md .toast.modal-in{transform:scale(1)}.md .toast.modal-out{transform:scale(1)}.md .toast.toast-top{top:8px}.md .toast.toast-center{left:50%;width:auto;transform:scale(.9) translate3d(-55%,-55%,0)}.md .toast.toast-center.modal-in{transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-center.modal-out{transform:scale(1) translate3d(-50%,-50%,0)}.md .toast.toast-bottom{bottom:calc(8px + var(--f7-safe-area-bottom))}@media (min-width:584px){.md .toast{left:50%;margin-left:-284px}.md .toast.toast-center{margin-left:0}}@media (min-width:1024px){.md .toast{margin-left:0;width:auto}.md .toast.toast-bottom,.md .toast.toast-top{left:24px}.md .toast.toast-bottom{bottom:calc(24px + var(--f7-safe-area-bottom))}.md .toast.toast-top{top:24px}}.md .toast-button{margin-right:16px;margin-left:-8px}.aurora .toast{transition-duration:.2s;border-radius:var(--f7-toast-border-radius);left:10px;width:calc(100% - 20px);transform:scale(.9)}.aurora .toast.modal-in{transform:scale(1)}.aurora .toast.modal-out{transform:scale(1)}.aurora .toast.toast-top{top:10px}.aurora .toast.toast-center{left:50%;width:auto;transform:scale(.9) translate3d(-55%,-55%,0)}.aurora .toast.toast-center.modal-in{transform:scale(1) translate3d(-50%,-50%,0)}.aurora .toast.toast-center.modal-out{transform:scale(1) translate3d(-50%,-50%,0)}.aurora .toast.toast-bottom{bottom:calc(10px + var(--f7-safe-area-bottom))}@media (min-width:584px){.aurora .toast{left:50%;margin-left:-284px}.aurora .toast.toast-center{margin-left:0}}@media (min-width:1024px){.aurora .toast{margin-left:0;width:auto}.aurora .toast.toast-bottom,.aurora .toast.toast-top{left:10px}}.aurora .toast-button{margin-right:10px}:root{--f7-preloader-modal-padding:8px;--f7-preloader-modal-bg-color:rgba(0, 0, 0, 0.8)}.ios{--f7-preloader-color:#6c6c6c;--f7-preloader-size:20px;--f7-preloader-modal-preloader-size:34px;--f7-preloader-modal-border-radius:5px}.md{--f7-preloader-color:#757575;--f7-preloader-size:32px;--f7-preloader-modal-preloader-size:32px;--f7-preloader-modal-border-radius:4px}.aurora{--f7-preloader-color:#757575;--f7-preloader-size:24px;--f7-preloader-modal-preloader-size:24px;--f7-preloader-modal-border-radius:4px}.preloader{display:inline-block;vertical-align:middle;width:var(--f7-preloader-size);height:var(--f7-preloader-size);font-size:0;position:relative}.preloader-backdrop{visibility:visible;opacity:0;background:0 0;z-index:14000}.preloader-modal{position:absolute;left:50%;top:50%;padding:var(--f7-preloader-modal-padding);background:var(--f7-preloader-modal-bg-color);z-index:14500;transform:translateX(-50%) translateY(-50%);border-radius:var(--f7-preloader-modal-border-radius)}.preloader-modal .preloader{--f7-preloader-size:var(--f7-preloader-modal-preloader-size);display:block!important}html.with-modal-preloader .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.preloader[class*=color-]{--f7-preloader-color:var(--f7-theme-color)}.ios .preloader{animation:ios-preloader-spin 1s steps(12,end) infinite}.ios .preloader .preloader-inner-line{display:block;width:10%;height:25%;border-radius:100px;background:var(--f7-preloader-color);position:absolute;left:50%;top:50%;transform-origin:center 200%}.ios .preloader .preloader-inner-line:nth-child(1){transform:translate(-50%,-200%) rotate(0deg);opacity:.27}.ios .preloader .preloader-inner-line:nth-child(2){transform:translate(-50%,-200%) rotate(30deg);opacity:.32272727}.ios .preloader .preloader-inner-line:nth-child(3){transform:translate(-50%,-200%) rotate(60deg);opacity:.37545455}.ios .preloader .preloader-inner-line:nth-child(4){transform:translate(-50%,-200%) rotate(90deg);opacity:.42818182}.ios .preloader .preloader-inner-line:nth-child(5){transform:translate(-50%,-200%) rotate(120deg);opacity:.48090909}.ios .preloader .preloader-inner-line:nth-child(6){transform:translate(-50%,-200%) rotate(150deg);opacity:.53363636}.ios .preloader .preloader-inner-line:nth-child(7){transform:translate(-50%,-200%) rotate(180deg);opacity:.58636364}.ios .preloader .preloader-inner-line:nth-child(8){transform:translate(-50%,-200%) rotate(210deg);opacity:.63909091}.ios .preloader .preloader-inner-line:nth-child(9){transform:translate(-50%,-200%) rotate(240deg);opacity:.69181818}.ios .preloader .preloader-inner-line:nth-child(10){transform:translate(-50%,-200%) rotate(270deg);opacity:.74454545}.ios .preloader .preloader-inner-line:nth-child(11){transform:translate(-50%,-200%) rotate(300deg);opacity:.79727273}.ios .preloader .preloader-inner-line:nth-child(12){transform:translate(-50%,-200%) rotate(330deg);opacity:.85}@keyframes ios-preloader-spin{100%{transform:rotate(360deg)}}.md .preloader{animation:md-preloader-outer 3.3s linear infinite}@keyframes md-preloader-outer{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.md .preloader-inner{position:relative;display:block;width:100%;height:100%;animation:md-preloader-inner-rotate 5.25s cubic-bezier(.35,0,.25,1) infinite}.md .preloader-inner .preloader-inner-gap{position:absolute;width:2px;left:50%;margin-left:-1px;top:0;bottom:0;box-sizing:border-box;border-top:4px solid var(--f7-preloader-color)}.md .preloader-inner .preloader-inner-left,.md .preloader-inner .preloader-inner-right{position:absolute;top:0;height:100%;width:50%;overflow:hidden}.md .preloader-inner .preloader-inner-half-circle{position:absolute;top:0;height:100%;width:200%;box-sizing:border-box;border:4px solid var(--f7-preloader-color);border-bottom-color:transparent!important;border-radius:50%;animation-iteration-count:infinite;animation-duration:1.3125s;animation-timing-function:cubic-bezier(.35,0,.25,1)}.md .preloader-inner .preloader-inner-left{left:0}.md .preloader-inner .preloader-inner-left .preloader-inner-half-circle{left:0;border-right-color:transparent!important;animation-name:md-preloader-left-rotate}.md .preloader-inner .preloader-inner-right{right:0}.md .preloader-inner .preloader-inner-right .preloader-inner-half-circle{right:0;border-left-color:transparent!important;animation-name:md-preloader-right-rotate}.md .preloader.color-multi .preloader-inner-left .preloader-inner-half-circle{animation-name:md-preloader-left-rotate-multicolor}.md .preloader.color-multi .preloader-inner-right .preloader-inner-half-circle{animation-name:md-preloader-right-rotate-multicolor}@keyframes md-preloader-left-rotate{0%,100%{transform:rotate(130deg)}50%{transform:rotate(-5deg)}}@keyframes md-preloader-right-rotate{0%,100%{transform:rotate(-130deg)}50%{transform:rotate(5deg)}}@keyframes md-preloader-inner-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}@keyframes md-preloader-left-rotate-multicolor{0%,100%{border-left-color:#4285f4;transform:rotate(130deg)}75%{border-left-color:#1b9a59;border-top-color:#1b9a59}50%{border-left-color:#f7c223;border-top-color:#f7c223;transform:rotate(-5deg)}25%{border-left-color:#de3e35;border-top-color:#de3e35}}@keyframes md-preloader-right-rotate-multicolor{0%,100%{border-right-color:#4285f4;transform:rotate(-130deg)}75%{border-right-color:#1b9a59;border-top-color:#1b9a59}50%{border-right-color:#f7c223;border-top-color:#f7c223;transform:rotate(5deg)}25%{border-top-color:#de3e35;border-right-color:#de3e35}}.aurora .preloader-inner{position:absolute;left:0;top:0;width:100%;height:100%}.aurora .preloader-inner-circle{width:100%;height:100%;position:absolute;left:0;top:0;border-radius:50%;border:calc(var(--f7-preloader-size)/ 8) solid var(--f7-preloader-color);border-top-color:transparent;box-sizing:border-box;animation:aurora-preloader-rotate 1s linear infinite}.aurora .preloader.color-multi .preloader-inner-circle{animation:aurora-preloader-rotate 1s linear infinite,aurora-preloader-multicolor 2s linear infinite}@keyframes aurora-preloader-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes aurora-preloader-multicolor{0%,100%{border-color:#2196f3;border-top-color:transparent}25%{border-color:#ff3b30;border-top-color:transparent}50%{border-color:#4cd964;border-top-color:transparent}75%{border-color:#ff9500;border-top-color:transparent}}.ios{--f7-progressbar-bg-color:rgba(0, 0, 0, 0.3);--f7-progressbar-height:2px;--f7-progressbar-border-radius:2px}.ios .theme-dark,.ios.theme-dark{--f7-progressbar-bg-color:rgba(255, 255, 255, 0.3)}.md{--f7-progressbar-height:4px;--f7-progressbar-border-radius:0px}.aurora{--f7-progressbar-bg-color:#dbdbdb;--f7-progressbar-height:6px;--f7-progressbar-border-radius:3px}.aurora .theme-dark,.aurora.theme-dark{--f7-progressbar-bg-color:#444}.progressbar,.progressbar-infinite{width:100%;overflow:hidden;position:relative;display:block;transform-style:preserve-3d;background:var(--f7-progressbar-bg-color,rgba(var(--f7-theme-color-rgb),.5));transform-origin:center top;height:var(--f7-progressbar-height);border-radius:var(--f7-progressbar-border-radius)}.progressbar{vertical-align:middle}.progressbar span{background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));width:100%;height:100%;position:absolute;left:0;top:0;transform:translate3d(-100%,0,0);transition-duration:150ms}.progressbar-infinite{z-index:15000}.progressbar-infinite:after,.progressbar-infinite:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:left center;transform:translate3d(0,0,0);display:block;background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color))}.progressbar-infinite.color-multi{background:0 0!important}.progressbar-in{animation:progressbar-in 150ms forwards}.progressbar-out{animation:progressbar-out 150ms forwards}.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,.page>.progressbar,.page>.progressbar-infinite,.panel>.progressbar,.panel>.progressbar-infinite,.popup>.progressbar,.popup>.progressbar-infinite,.view>.progressbar,.view>.progressbar-infinite,.views>.progressbar,.views>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{position:absolute;left:0;top:0;z-index:15000;border-radius:0!important;transform-origin:center top!important}.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{top:var(--f7-safe-area-top)}@keyframes progressbar-in{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes progressbar-out{from{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}.ios .progressbar-infinite:before{animation:ios-progressbar-infinite 1s linear infinite}.ios .progressbar-infinite:after{display:none}.ios .progressbar-infinite.color-multi:before{width:400%;background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;animation:ios-progressbar-infinite-multicolor 3s linear infinite}@keyframes ios-progressbar-infinite{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(100%,0,0)}}@keyframes ios-progressbar-infinite-multicolor{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-50%,0,0)}}.md .progressbar-infinite:before{animation:md-progressbar-infinite-1 2s linear infinite}.md .progressbar-infinite:after{animation:md-progressbar-infinite-2 2s linear infinite}.md .progressbar-infinite.color-multi:before{background:0 0;animation:md-progressbar-infinite-multicolor-bg 3s step-end infinite}.md .progressbar-infinite.color-multi:after{background:0 0;animation:md-progressbar-infinite-multicolor-fill 3s linear infinite;transform-origin:center center}@keyframes md-progressbar-infinite-1{0%{transform:translateX(-10%) scaleX(.1)}25%{transform:translateX(30%) scaleX(.6)}50%{transform:translateX(100%) scaleX(1)}100%{transform:translateX(100%) scaleX(1)}}@keyframes md-progressbar-infinite-2{0%{transform:translateX(-100%) scaleX(1)}40%{transform:translateX(-100%) scaleX(1)}75%{transform:translateX(60%) scaleX(.35)}90%{transform:translateX(100%) scaleX(.1)}100%{transform:translateX(100%) scaleX(.1)}}@keyframes md-progressbar-infinite-multicolor-bg{0%{background-color:#4caf50}25%{background-color:#f44336}50%{background-color:#2196f3}75%{background-color:#ffeb3b}}@keyframes md-progressbar-infinite-multicolor-fill{0%{transform:scaleX(0);background-color:#f44336}24.9%{transform:scaleX(1);background-color:#f44336}25%{transform:scaleX(0);background-color:#2196f3}49.9%{transform:scaleX(1);background-color:#2196f3}50%{transform:scaleX(0);background-color:#ffeb3b}74.9%{transform:scaleX(1);background-color:#ffeb3b}75%{transform:scaleX(0);background-color:#4caf50}100%{transform:scaleX(1);background-color:#4caf50}}.aurora .progressbar,.aurora .progressbar span,.aurora .progressbar-infinite,.aurora .progressbar-infinite:before{box-shadow:0px 0px 0px 1px rgba(0,0,0,.05) inset}.aurora .progressbar-infinite:before{animation:aurora-progressbar-infinite 1s linear infinite}.aurora .progressbar-infinite:after{display:none}.aurora .progressbar-infinite.color-multi:before{width:400%;background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;animation:aurora-progressbar-infinite-multicolor 3s linear infinite}@keyframes aurora-progressbar-infinite{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(100%,0,0)}}@keyframes aurora-progressbar-infinite-multicolor{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-50%,0,0)}}:root{--f7-sortable-handler-color:rgba(0, 0, 0, 0.22);--f7-sortable-sorting-item-bg-color:rgba(255, 255, 255, 0.8)}:root .theme-dark,:root.theme-dark{--f7-sortable-sorting-item-bg-color:rgba(50, 50, 50, 0.8);--f7-sortable-handler-color:rgba(255, 255, 255, 0.55)}.ios{--f7-sortable-handler-width:35px;--f7-sortable-sorting-item-box-shadow:0px 2px 8px rgba(0, 0, 0, 0.6)}.md{--f7-sortable-handler-width:42px;--f7-sortable-sorting-item-box-shadow:var(--f7-elevation-2)}.aurora{--f7-sortable-handler-width:32px;--f7-sortable-sorting-item-box-shadow:var(--f7-elevation-2)}.sortable .sortable-handler{width:var(--f7-sortable-handler-width);height:100%;position:absolute;top:0;z-index:10;opacity:0;pointer-events:none;cursor:move;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;left:var(--f7-safe-area-left)}.sortable .sortable-handler:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;transition-duration:.3s;transform:translateX(10px);color:var(--f7-sortable-handler-color);overflow:hidden;height:20px;width:18px}.sortable .item-inner{transition-duration:.3s}.sortable li.sorting{z-index:50;background:var(--f7-sortable-sorting-item-bg-color);transition-duration:0s;box-shadow:var(--f7-sortable-sorting-item-box-shadow)}.sortable li.sorting .item-inner:after{display:none!important}.sortable-sorting li{transition-duration:.3s}.sortable-enabled .sortable-handler{pointer-events:auto;opacity:1}.sortable-enabled .sortable-handler:after{transform:translateX(0px)}.sortable-enabled .item-link .item-inner,.sortable-enabled .item-link .item-title-row{background-image:none!important}.list.sortable-enabled .item-inner,.list.sortable-enabled .item-link .item-inner,.list.sortable-enabled .item-link.no-chevron .item-inner,.list.sortable-enabled .no-chevron .item-link .item-inner,.list.sortable-enabled.no-chevron .item-link .item-inner,.no-chevron .list.sortable-enabled .item-link .item-inner{padding-left:calc(var(--f7-sortable-handler-width) + var(--f7-safe-area-right))}.ios .sortable-handler:after{content:'sort_ios'}.md .sortable-handler:after{content:'sort_md'}.aurora .sortable-handler:after{content:'sort_md';font-size:16px;height:16px}:root{--f7-swipeout-button-text-color:#fff;--f7-swipeout-button-bg-color:rgba(0, 0, 0, 0.22);--f7-swipeout-delete-button-bg-color:#ff3b30;--f7-swipeout-button-font-size:inherit;--f7-swipeout-button-font-weight:inherit}:root .theme-dark,:root.theme-dark{--f7-swipeout-button-bg-color:rgba(255, 255, 255, 0.55)}.ios{--f7-swipeout-button-padding:0 30px}.md{--f7-swipeout-button-padding:0 24px}.aurora{--f7-swipeout-button-padding:0 12px;--f7-swipeout-button-font-weight:500}.swipeout{overflow:hidden;transform-style:preserve-3d}.swipeout-deleting{transition-duration:.3s}.swipeout-deleting .swipeout-content{transform:translateX(-100%)}.swipeout-transitioning .swipeout-actions-left a,.swipeout-transitioning .swipeout-actions-right a,.swipeout-transitioning .swipeout-content,.swipeout-transitioning .swipeout-overswipe{transition-duration:.3s;transition-property:transform,left}.swipeout-content{position:relative;z-index:10}.swipeout-overswipe{transition-duration:.2s;transition-property:left}.swipeout-actions-left,.swipeout-actions-right{position:absolute;top:0;height:100%;display:flex;direction:ltr}.swipeout-actions-left>a,.swipeout-actions-left>button,.swipeout-actions-left>div,.swipeout-actions-left>span,.swipeout-actions-right>a,.swipeout-actions-right>button,.swipeout-actions-right>div,.swipeout-actions-right>span{color:var(--f7-swipeout-button-text-color);background:var(--f7-swipeout-button-bg-color);padding:var(--f7-swipeout-button-padding);display:flex;align-items:center;position:relative;left:0;font-size:var(--f7-swipeout-button-font-size);font-weight:var(--f7-swipeout-button-font-weight)}.swipeout-actions-left>a:after,.swipeout-actions-left>button:after,.swipeout-actions-left>div:after,.swipeout-actions-left>span:after,.swipeout-actions-right>a:after,.swipeout-actions-right>button:after,.swipeout-actions-right>div:after,.swipeout-actions-right>span:after{content:'';position:absolute;top:0;width:600%;height:100%;background:inherit;z-index:-1;transform:translate3d(0,0,0);pointer-events:none}.swipeout-actions-left .swipeout-delete,.swipeout-actions-right .swipeout-delete{background:var(--f7-swipeout-delete-button-bg-color)}.swipeout-actions-right{right:0%;transform:translateX(100%)}.swipeout-actions-right>a:after,.swipeout-actions-right>button:after,.swipeout-actions-right>div:after,.swipeout-actions-right>span:after{left:100%;margin-left:-1px}.swipeout-actions-left{left:0%;transform:translateX(-100%)}.swipeout-actions-left>a:after,.swipeout-actions-left>button:after,.swipeout-actions-left>div:after,.swipeout-actions-left>span:after{right:100%;margin-right:-1px}.swipeout-actions-left [class*=color-],.swipeout-actions-right [class*=color-]{--f7-swipeout-button-bg-color:var(--f7-theme-color)}.accordion-item-toggle{cursor:pointer;transition-duration:.3s}.accordion-item-toggle.active-state{transition-duration:.3s}.accordion-item-toggle.active-state>.item-inner:after{background-color:transparent}.accordion-item-toggle .item-inner{transition-duration:.3s;transition-property:background-color}.accordion-item-toggle .item-inner:after{transition-duration:.3s}.accordion-item .item-link .item-inner:after{transition-duration:.3s}.accordion-item .block,.accordion-item .list{margin-top:0;margin-bottom:0}.accordion-item .block>h1:first-child,.accordion-item .block>h2:first-child,.accordion-item .block>h3:first-child,.accordion-item .block>h4:first-child,.accordion-item .block>p:first-child{margin-top:10px}.accordion-item .block>h1:last-child,.accordion-item .block>h2:last-child,.accordion-item .block>h3:last-child,.accordion-item .block>h4:last-child,.accordion-item .block>p:last-child{margin-bottom:10px}.accordion-item-opened .accordion-item-toggle .item-inner:after,.accordion-item-opened>.item-link .item-inner:after{background-color:transparent}.list li.accordion-item ul{padding-right:0}.accordion-item-content{position:relative;overflow:hidden;height:0;font-size:14px;transition-duration:.3s}.accordion-item-opened>.accordion-item-content{height:auto}html.device-android-4 .accordion-item-content{transform:none}.list .accordion-item-toggle .item-inner{padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-safe-area-left))}.list .accordion-item-toggle .item-inner:before{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;position:absolute;top:50%;width:14px;height:8px;margin-top:-4px;font-size:20px;line-height:14px;color:var(--f7-list-chevron-icon-color);pointer-events:none;left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));content:'chevron_left'}.list .accordion-item-toggle.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.accordion-item.media-item .accordion-item-toggle .item-title-row:before,.accordion-item.media-item>.item-link .item-title-row:before,.links-list .accordion-item>a:before,.list .accordion-item-toggle .item-inner:before,.list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner:before,.list:not(.media-list) .accordion-item:not(.media-item)>.item-link .item-inner:before,.media-list .accordion-item .accordion-item-toggle .item-title-row:before,.media-list .accordion-item>.item-link .item-title-row:before{content:'chevron_down';width:14px;height:8px;margin-top:-4px;line-height:8px}.accordion-item-opened.media-item .accordion-item-toggle .item-title-row:before,.accordion-item-opened.media-item>.item-link .item-title-row:before,.links-list .accordion-item-opened>a:before,.list .accordion-item-toggle.accordion-item-opened .item-inner:before,.list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner:before,.list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner:before,.media-list .accordion-item-opened .accordion-item-toggle .item-title-row:before,.media-list .accordion-item-opened>.item-link .item-title-row:before{content:'chevron_up';width:14px;height:8px;margin-top:-4px;line-height:8px}.aurora .accordion-item.media-item .accordion-item-toggle .item-title-row:before,.aurora .accordion-item.media-item>.item-link .item-title-row:before,.aurora .links-list .accordion-item>a:before,.aurora .list .accordion-item-toggle .item-inner:before,.aurora .list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner:before,.aurora .list:not(.media-list) .accordion-item:not(.media-item)>.item-link .item-inner:before,.aurora .media-list .accordion-item .accordion-item-toggle .item-title-row:before,.aurora .media-list .accordion-item>.item-link .item-title-row:before{content:'chevron_down_aurora'}.aurora .accordion-item-opened.media-item .accordion-item-toggle .item-title-row:before,.aurora .accordion-item-opened.media-item>.item-link .item-title-row:before,.aurora .links-list .accordion-item-opened>a:before,.aurora .list .accordion-item-toggle.accordion-item-opened .item-inner:before,.aurora .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner:before,.aurora .list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner:before,.aurora .media-list .accordion-item-opened .accordion-item-toggle .item-title-row:before,.aurora .media-list .accordion-item-opened>.item-link .item-title-row:before{content:'chevron_up_aurora'}:root .theme-dark,:root.theme-dark{--f7-contacts-list-title-text-color:#fff}.ios{--f7-contacts-list-title-font-size:inherit;--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-text-color:#000;--f7-contacts-list-title-height:22px;--f7-contacts-list-title-bg-color:#f7f7f7}.ios .theme-dark,.ios.theme-dark{--f7-contacts-list-title-bg-color:#323234}.md{--f7-contacts-list-title-font-size:20px;--f7-contacts-list-title-font-weight:500;--f7-contacts-list-title-height:48px;--f7-contacts-list-title-bg-color:transparent}.aurora{--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-text-color:#000}.contacts-list{--f7-list-margin-vertical:0px}.contacts-list .list-group-title,.contacts-list li.list-group-title{background-color:var(--f7-contacts-list-title-bg-color,var(--f7-list-group-title-bg-color));font-weight:var(--f7-contacts-list-title-font-weight,var(--f7-list-group-title-font-weight));font-size:var(--f7-contacts-list-title-font-size,var(--f7-list-group-title-font-size));color:var(--f7-contacts-list-title-text-color,var(--f7-theme-color));line-height:var(--f7-contacts-list-title-height,var(--f7-list-group-title-height));height:var(--f7-contacts-list-title-height,var(--f7-list-group-title-height))}.contacts-list .list-group:first-child ul:before{display:none!important}.contacts-list .list-group:last-child ul:after{display:none!important}.md .contacts-list .list-group-title{pointer-events:none;overflow:visible;width:56px}.md .contacts-list .list-group-title+li{margin-top:calc(var(--f7-contacts-list-title-height) * -1)}.md .contacts-list li:not(.list-group-title){padding-right:56px}:root{--f7-list-index-width:16px;--f7-list-index-font-size:11px;--f7-list-index-font-weight:600;--f7-list-index-item-height:14px;--f7-list-index-label-text-color:#fff;--f7-list-index-label-font-weight:500}.ios{--f7-list-index-label-size:44px;--f7-list-index-label-font-size:17px;--f7-list-index-skip-dot-size:6px}.md{--f7-list-index-label-size:56px;--f7-list-index-label-font-size:20px;--f7-list-index-skip-dot-size:4px}.aurora{--f7-list-index-font-size:12px;--f7-list-index-label-size:32px;--f7-list-index-label-font-size:12px;--f7-list-index-label-font-weight:600;--f7-list-index-skip-dot-size:4px}.list-index{position:absolute;top:0;bottom:0;text-align:center;z-index:10;width:var(--f7-list-index-width);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;left:var(--f7-safe-area-left)}.list-index:before{content:'';position:absolute;width:20px;top:0;right:100%;height:100%}.list-index ul{color:var(--f7-list-index-text-color,var(--f7-theme-color));font-size:var(--f7-list-index-font-size);font-weight:var(--f7-list-index-font-weight);list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;height:100%;width:100%;position:relative}.list-index li{margin:0;padding:0;list-style:none;position:relative;height:var(--f7-list-index-item-height);line-height:var(--f7-list-index-item-height);flex-shrink:0;display:block;width:100%}.list-index .list-index-skip-placeholder:after{content:'';position:absolute;left:50%;top:50%;border-radius:50%;width:var(--f7-list-index-skip-dot-size);height:var(--f7-list-index-skip-dot-size);margin-left:calc(-1 * var(--f7-list-index-skip-dot-size)/ 2);margin-top:calc(-1 * var(--f7-list-index-skip-dot-size)/ 2);background:var(--f7-list-index-text-color,var(--f7-theme-color))}.list-index .list-index-label{position:absolute;bottom:0;right:100%;text-align:center;background-color:var(--f7-list-index-label-bg-color,var(--f7-theme-color));color:var(--f7-list-index-label-text-color);width:var(--f7-list-index-label-size);height:var(--f7-list-index-label-size);line-height:var(--f7-list-index-label-size);font-size:var(--f7-list-index-label-font-size);font-weight:var(--f7-list-index-label-font-weight)}.navbars~.page>.list-index,.navbar~.list-index,.navbar~.page>.list-index{top:var(--f7-navbar-height)}.ios .navbars~.toolbar-top-ios .md .navbar~.toolbar-top-md~.list-index,.ios .navbar~.toolbar-top-ios~.list-index,.navbars~.toolbar-top~.list-index,.navbar~.toolbar-top~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height))}.ios .navbars~.toolbar-top-ios .md .navbar~.toolbar-top-md.tabbar-labels~.list-index,.ios .navbar~.toolbar-top-ios.tabbar-labels~.list-index,.navbars~.toolbar-top.tabbar-labels~.list-index,.navbar~.toolbar-top.tabbar-labels~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height))}.navbars~.subnavbar~.list-index,.navbar~.subnavbar~.list-index,.page-with-subnavbar .navbar~.list-index{top:calc(var(--f7-navbar-height) + var(--f7-subnavbar-height))}.ios .toolbar-bottom-ios~* .page>.list-index,.ios .toolbar-bottom-ios~.list-index,.ios .toolbar-bottom-ios~.page>.list-index,.md .toolbar-bottom-md~* .page>.list-index,.md .toolbar-bottom-md~.list-index,.md .toolbar-bottom-md~.page>.list-index,.toolbar-bottom~* .page>.list-index,.toolbar-bottom~.list-index,.toolbar-bottom~.page>.list-index{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.ios .toolbar-bottom-ios.tabbar-labels~* .page>.list-index,.ios .toolbar-bottom-ios.tabbar-labels~.list-index,.ios .toolbar-bottom-ios.tabbar-labels~.page>.list-index,.md .toolbar-bottom-md.tabbar-labels~* .page>.list-index,.md .toolbar-bottom-md.tabbar-labels~.list-index,.md .toolbar-bottom-md.tabbar-labels~.page>.list-index,.toolbar-bottom.tabbar-labels~* .page>.list-index,.toolbar-bottom.tabbar-labels~.list-index,.toolbar-bottom.tabbar-labels~.page>.list-index{bottom:calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom))}.ios .list-index .list-index-label{margin-bottom:calc(-1 * var(--f7-list-index-label-size)/ 2);margin-right:calc(var(--f7-list-index-width) - 1px);border-radius:50%}.ios .list-index .list-index-label:before{position:absolute;width:100%;height:100%;border-radius:50% 0% 50% 50%;content:'';background-color:inherit;left:0;top:0;transform:rotate(45deg);z-index:-1}.md .list-index .list-index-label{border-radius:50% 50% 0 50%}.aurora .list-index .list-index-label{margin-bottom:calc(-1 * var(--f7-list-index-label-size)/ 2);margin-right:calc(var(--f7-list-index-width) - 1px);border-radius:50%}.aurora .list-index .list-index-label:before{position:absolute;width:100%;height:100%;border-radius:50% 1px 50% 50%;content:'';background-color:inherit;left:0;top:0;transform:rotate(45deg);z-index:-1}:root{--f7-timeline-inner-block-margin-vertical:16px;--f7-timeline-divider-margin-horizontal:16px;--f7-timeline-horizontal-date-height:34px;--f7-timeline-year-height:24px;--f7-timeline-year-font-weight:inherit;--f7-timeline-month-height:24px;--f7-timeline-month-font-size:inherit;--f7-timeline-month-font-weight:inherit;--f7-timeline-item-inner-bg-color:#fff;--f7-timeline-item-text-font-weight:inherit;--f7-timeline-item-subtitle-font-weight:inherit}:root .theme-dark,:root.theme-dark{--f7-timeline-item-inner-bg-color:#1c1c1d;--f7-timeline-horizontal-item-border-color:rgba(255, 255, 255, 0.15);--f7-timeline-horizontal-item-date-border-color:rgba(255, 255, 255, 0.15)}.ios{--f7-timeline-padding-horizontal:16px;--f7-timeline-margin-vertical:35px;--f7-timeline-item-inner-border-radius:7px;--f7-timeline-item-inner-box-shadow:none;--f7-timeline-item-time-font-size:13px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.45);--f7-timeline-item-title-font-size:17px;--f7-timeline-item-title-line-height:inherit;--f7-timeline-item-title-font-weight:600;--f7-timeline-item-subtitle-font-size:15px;--f7-timeline-item-subtitle-line-height:inherit;--f7-timeline-item-text-font-size:inherit;--f7-timeline-item-text-color:inherit;--f7-timeline-item-text-line-height:inherit;--f7-timeline-year-font-size:16px;--f7-timeline-horizontal-item-padding:10px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.22);--f7-timeline-horizontal-item-date-border-color:rgba(0, 0, 0, 0.22);--f7-timeline-horizontal-item-date-shadow-image:none}.ios .theme-dark,.ios.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-timeline-padding-horizontal:16px;--f7-timeline-margin-vertical:32px;--f7-timeline-item-inner-border-radius:4px;--f7-timeline-item-inner-box-shadow:var(--f7-elevation-1);--f7-timeline-item-time-font-size:13px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.54);--f7-timeline-item-title-font-size:16px;--f7-timeline-item-title-line-height:inherit;--f7-timeline-item-title-font-weight:400;--f7-timeline-item-subtitle-font-size:inherit;--f7-timeline-item-subtitle-line-height:inherit;--f7-timeline-item-text-font-size:inherit;--f7-timeline-item-text-line-height:inherit;--f7-timeline-item-text-color:inherit;--f7-timeline-year-font-size:16px;--f7-timeline-horizontal-item-padding:12px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.12);--f7-timeline-horizontal-item-date-border-color:transparent;--f7-timeline-horizontal-item-date-shadow-image:var(--f7-bars-shadow-bottom-image)}.md .theme-dark,.md.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-timeline-padding-horizontal:10px;--f7-timeline-margin-vertical:15px;--f7-timeline-item-inner-border-radius:4px;--f7-timeline-item-inner-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);--f7-timeline-item-time-font-size:12px;--f7-timeline-item-time-text-color:rgba(0, 0, 0, 0.5);--f7-timeline-item-title-font-size:14px;--f7-timeline-item-title-line-height:1.3;--f7-timeline-item-title-font-weight:600;--f7-timeline-item-subtitle-font-size:14px;--f7-timeline-item-subtitle-line-height:1.3;--f7-timeline-item-text-color:rgba(0, 0, 0, 0.6);--f7-timeline-item-text-font-size:12px;--f7-timeline-item-text-line-height:1.33;--f7-timeline-year-font-size:14px;--f7-timeline-year-font-weight:500;--f7-timeline-horizontal-item-padding:10px;--f7-timeline-horizontal-item-border-color:rgba(0, 0, 0, 0.2);--f7-timeline-horizontal-item-date-border-color:rgba(0, 0, 0, 0.2);--f7-timeline-horizontal-item-date-shadow-image:none}.aurora .theme-dark,.aurora.theme-dark{--f7-timeline-item-time-text-color:rgba(255, 255, 255, 0.54);--f7-timeline-item-text-color:rgba(255, 255, 255, 0.54)}.timeline{box-sizing:border-box;margin:var(--f7-timeline-margin-vertical) 0;padding:0 var(--f7-timeline-padding-horizontal);padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-right))}.block-strong .timeline{padding:0;margin:0}.timeline-item{display:flex;justify-content:flex-start;overflow:hidden;box-sizing:border-box;position:relative;padding:2px 0px var(--f7-timeline-padding-horizontal)}.timeline-item:last-child{padding-bottom:2px}.timeline-item-date{flex-shrink:0;width:50px;text-align:right;box-sizing:border-box}.timeline-item-date small{font-size:10px}.timeline-item-content{margin:2px;min-width:0;position:relative;flex-shrink:10}.timeline-item-content .block,.timeline-item-content .card,.timeline-item-content .list,.timeline-item-content.block,.timeline-item-content.card,.timeline-item-content.list{margin:0;width:100%}.timeline-item-content .block+.block,.timeline-item-content .block+.card,.timeline-item-content .block+.list,.timeline-item-content .card+.block,.timeline-item-content .card+.card,.timeline-item-content .card+.list,.timeline-item-content .list+.block,.timeline-item-content .list+.card,.timeline-item-content .list+.list{margin:var(--f7-timeline-inner-block-margin-vertical) 0 0}.timeline-item-content h1:first-child,.timeline-item-content h2:first-child,.timeline-item-content h3:first-child,.timeline-item-content h4:first-child,.timeline-item-content ol:first-child,.timeline-item-content p:first-child,.timeline-item-content ul:first-child{margin-top:0}.timeline-item-content h1:last-child,.timeline-item-content h2:last-child,.timeline-item-content h3:last-child,.timeline-item-content h4:last-child,.timeline-item-content ol:last-child,.timeline-item-content p:last-child,.timeline-item-content ul:last-child{margin-bottom:0}.timeline-item-inner{background:var(--f7-timeline-item-inner-bg-color);box-sizing:border-box;border-radius:var(--f7-timeline-item-inner-border-radius);padding:8px var(--f7-timeline-padding-horizontal);box-shadow:var(--f7-timeline-item-inner-box-shadow)}.timeline-item-inner+.timeline-item-inner{margin-top:var(--f7-timeline-inner-block-margin-vertical)}.timeline-item-inner .block{padding:0;color:inherit}.timeline-item-inner .block-strong{padding-left:0;padding-right:0;margin:0}.timeline-item-inner .block-strong:before{display:none!important}.timeline-item-inner .block-strong:after{display:none!important}.timeline-item-inner .list ul:before{display:none!important}.timeline-item-inner .list ul:after{display:none!important}.timeline-item-divider{width:1px;position:relative;width:10px;height:10px;background:#bbb;border-radius:50%;flex-shrink:0;margin:3px var(--f7-timeline-divider-margin-horizontal) 0}.timeline-item-divider:after,.timeline-item-divider:before{content:' ';width:1px;height:100vh;position:absolute;left:50%;background:inherit;transform:translate3d(-50%,0,0)}.timeline-item-divider:after{top:100%}.timeline-item-divider:before{bottom:100%}.timeline-item:last-child .timeline-item-divider:after{display:none}.timeline-item:first-child .timeline-item-divider:before{display:none}.timeline-item-time{font-size:var(--f7-timeline-item-time-font-size);margin-top:var(--f7-timeline-inner-block-margin-vertical);color:var(--f7-timeline-item-time-text-color)}.timeline-item-time:first-child,.timeline-item-time:last-child{margin-top:0}.timeline-item-title+.timeline-item-time{margin-top:0}.timeline-item-title{font-size:var(--f7-timeline-item-title-font-size);font-weight:var(--f7-timeline-item-title-font-weight);line-height:var(--f7-timeline-item-title-line-height)}.timeline-item-subtitle{font-size:var(--f7-timeline-item-subtitle-font-size);font-weight:var(--f7-timeline-item-subtitle-font-weight);line-height:var(--f7-timeline-item-subtitle-line-height)}.timeline-item-text{color:var(--f7-timeline-item-text-color);font-size:var(--f7-timeline-item-text-font-size);font-weight:var(--f7-timeline-item-text-font-weight);line-height:var(--f7-timeline-item-text-line-height)}.timeline-sides .timeline-item,.timeline-sides .timeline-item-right{margin-right:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-left:0}.timeline-sides .timeline-item .timeline-item-date,.timeline-sides .timeline-item-right .timeline-item-date{text-align:left}.timeline-sides .timeline-item-left,.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n){flex-direction:row-reverse;margin-left:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-right:0}.timeline-sides .timeline-item-left .timeline-item-date,.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:right}@media (min-width:768px){.tablet-sides .timeline-item,.tablet-sides .timeline-item-right{margin-right:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-left:0}.tablet-sides .timeline-item .timeline-item-date,.tablet-sides .timeline-item-right .timeline-item-date{text-align:left}.tablet-sides .timeline-item-left,.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n){flex-direction:row-reverse;margin-left:calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px);margin-right:0}.tablet-sides .timeline-item-left .timeline-item-date,.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:right}}.timeline-horizontal{height:100%;display:flex;padding:0;margin:0;position:relative;padding-left:var(--f7-safe-area-left);padding-right:0}.timeline-horizontal .timeline-item{display:block;width:33.33333333vw;margin:0;padding:0;flex-shrink:0;position:relative;height:100%;padding-top:var(--f7-timeline-horizontal-date-height)!important;padding-bottom:var(--f7-timeline-horizontal-item-padding)}.timeline-horizontal .timeline-item:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-horizontal .timeline-item-date{padding:0px var(--f7-timeline-horizontal-item-padding);width:auto;text-align:left;line-height:var(--f7-timeline-horizontal-date-height);position:absolute;left:0;top:0;width:100%;height:var(--f7-timeline-horizontal-date-height);background-color:var(--f7-bars-bg-color);color:var(--f7-bars-text-color);text-align:right}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-bars .timeline-horizontal .timeline-item-date{background-color:rgba(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))}}.timeline-horizontal .timeline-item-date:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-date-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-horizontal .timeline-item-date:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-timeline-horizontal-item-date-shadow-image)}.timeline-horizontal.no-shadow .timeline-item-date:before{display:none}.timeline-horizontal .timeline-item-content{padding:var(--f7-timeline-horizontal-item-padding);height:calc(100% - var(--f7-timeline-horizontal-item-padding));overflow:auto;-webkit-overflow-scrolling:touch;margin:0}.timeline-horizontal .timeline-item-divider{display:none}.timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after,.timeline-horizontal>.timeline-item:last-child:after{display:none!important}.timeline-horizontal.col-5 .timeline-item{width:5vw}.timeline-horizontal.col-10 .timeline-item{width:10vw}.timeline-horizontal.col-15 .timeline-item{width:15vw}.timeline-horizontal.col-20 .timeline-item{width:20vw}.timeline-horizontal.col-25 .timeline-item{width:25vw}.timeline-horizontal.col-30 .timeline-item{width:30vw}.timeline-horizontal.col-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.col-35 .timeline-item{width:35vw}.timeline-horizontal.col-40 .timeline-item{width:40vw}.timeline-horizontal.col-45 .timeline-item{width:45vw}.timeline-horizontal.col-50 .timeline-item{width:50vw}.timeline-horizontal.col-55 .timeline-item{width:55vw}.timeline-horizontal.col-60 .timeline-item{width:60vw}.timeline-horizontal.col-65 .timeline-item{width:65vw}.timeline-horizontal.col-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.col-70 .timeline-item{width:70vw}.timeline-horizontal.col-75 .timeline-item{width:75vw}.timeline-horizontal.col-80 .timeline-item{width:80vw}.timeline-horizontal.col-85 .timeline-item{width:85vw}.timeline-horizontal.col-90 .timeline-item{width:90vw}.timeline-horizontal.col-95 .timeline-item{width:95vw}.timeline-horizontal.col-100 .timeline-item{width:100vw}@media (min-width:768px){.timeline-horizontal.tablet-5 .timeline-item{width:5vw}.timeline-horizontal.tablet-10 .timeline-item{width:10vw}.timeline-horizontal.tablet-15 .timeline-item{width:15vw}.timeline-horizontal.tablet-20 .timeline-item{width:20vw}.timeline-horizontal.tablet-25 .timeline-item{width:25vw}.timeline-horizontal.tablet-30 .timeline-item{width:30vw}.timeline-horizontal.tablet-33 .timeline-item{width:33.333333333333336vw}.timeline-horizontal.tablet-35 .timeline-item{width:35vw}.timeline-horizontal.tablet-40 .timeline-item{width:40vw}.timeline-horizontal.tablet-45 .timeline-item{width:45vw}.timeline-horizontal.tablet-50 .timeline-item{width:50vw}.timeline-horizontal.tablet-55 .timeline-item{width:55vw}.timeline-horizontal.tablet-60 .timeline-item{width:60vw}.timeline-horizontal.tablet-65 .timeline-item{width:65vw}.timeline-horizontal.tablet-66 .timeline-item{width:66.66666666666666vw}.timeline-horizontal.tablet-70 .timeline-item{width:70vw}.timeline-horizontal.tablet-75 .timeline-item{width:75vw}.timeline-horizontal.tablet-80 .timeline-item{width:80vw}.timeline-horizontal.tablet-85 .timeline-item{width:85vw}.timeline-horizontal.tablet-90 .timeline-item{width:90vw}.timeline-horizontal.tablet-95 .timeline-item{width:95vw}.timeline-horizontal.tablet-100 .timeline-item{width:100vw}}.timeline-year{padding-top:var(--f7-timeline-year-height)}.timeline-year:after{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-year:last-child:after{display:none!important}.timeline-month{padding-top:var(--f7-timeline-month-height)}.timeline-month .timeline-item:before{content:'';position:absolute;background-color:var(--f7-timeline-horizontal-item-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.timeline-month,.timeline-year{display:flex;flex-shrink:0;position:relative;box-sizing:border-box;height:100%}.timeline-year-title{line-height:var(--f7-timeline-year-height);height:var(--f7-timeline-year-height);font-size:var(--f7-timeline-year-font-size);font-weight:var(--f7-timeline-year-font-weight)}.timeline-month-title{line-height:var(--f7-timeline-month-height);height:var(--f7-timeline-month-height);font-size:var(--f7-timeline-month-font-size);font-weight:var(--f7-timeline-month-font-weight)}.timeline-month-title,.timeline-year-title{position:absolute;left:0;top:0;width:100%;box-sizing:border-box;padding:0 var(--f7-timeline-horizontal-item-padding);background-color:var(--f7-bars-bg-color);color:var(--f7-bars-text-color)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-bars .timeline-month-title,.ios-translucent-bars .timeline-year-title{background-color:rgba(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))}}.timeline-month-title span,.timeline-year-title span{display:inline-block;position:-webkit-sticky;position:sticky;right:calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-right))}.timeline-month-title span{margin-top:-2px}.timeline-year:first-child .timeline-month:first-child .timeline-month-title,.timeline-year:first-child .timeline-year-title,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title{left:calc(var(--f7-safe-area-left) * -1);right:0;width:auto}.timeline-horizontal .timeline-item:first-child,.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item{overflow:visible}.timeline-horizontal .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date,.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date{width:auto;padding-left:calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left));left:calc(0px - var(--f7-safe-area-left));right:0}.timeline-year:last-child .timeline-month:last-child .timeline-month-title,.timeline-year:last-child .timeline-year-title{width:auto;right:calc(0px - var(--f7-safe-area-right))}.timeline-horizontal .timeline-item:last-child,.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child{overflow:visible}.timeline-horizontal .timeline-item:last-child .timeline-item-date,.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date{width:auto;right:calc(0px - var(--f7-safe-area-right));left:0}.ios .block-strong .timeline-item-inner{border-radius:3px;border:1px solid rgba(0,0,0,.1)}.ios .timeline-year-title span{margin-top:3px}.md .timeline-year-title span{margin-top:2px}.aurora .timeline-year-title span{margin-top:2px}.tabs .tab{display:none}.tabs .tab-active{display:block}.tabs-animated-wrap{position:relative;width:100%;overflow:hidden;height:100%}.tabs-animated-wrap>.tabs{display:flex;height:100%;transition-duration:.3s}.tabs-animated-wrap>.tabs>.tab{width:100%;display:block;flex-shrink:0}.tabs-animated-wrap.not-animated>.tabs{transition-duration:0s}.tabs-swipeable-wrap{height:100%}.tabs-swipeable-wrap>.tabs{height:100%}.tabs-swipeable-wrap>.tabs>.tab{display:block}.page>.tabs{height:100%}:root{--f7-panel-width:260px;--f7-panel-bg-color:#fff}.ios{--f7-panel-collapsed-width:58px;--f7-panel-backdrop-bg-color:rgba(0, 0, 0, 0);--f7-panel-transition-duration:400ms;--f7-panel-shadow:transparent}.md{--f7-panel-collapsed-width:60px;--f7-panel-backdrop-bg-color:rgba(0, 0, 0, 0.3);--f7-panel-transition-duration:300ms;--f7-panel-shadow:rgba(0, 0, 0, 0.2) 0%,rgba(0, 0, 0, 0.07) 30%,rgba(0, 0, 0, 0.03) 40%,rgba(0, 0, 0, 0) 60%,rgba(0, 0, 0, 0) 100%}.aurora{--f7-panel-collapsed-width:44px;--f7-panel-backdrop-bg-color:rgba(0, 0, 0, 0.2);--f7-panel-transition-duration:400ms;--f7-panel-shadow:transparent}.panel-backdrop{position:absolute;left:0;top:var(--f7-appbar-app-offset,0px);width:100%;height:calc(100% - var(--f7-appbar-app-offset,0px));opacity:0;z-index:5999;visibility:hidden;pointer-events:none;transform:translate3d(0,0,0);background-color:var(--f7-panel-backdrop-bg-color);transition-property:transform,opacity;transition-duration:var(--f7-panel-transition-duration)}.panel-backdrop .with-panel,.panel-backdrop .with-panel-closing{visibility:visible}.panel-backdrop.not-animated{transition-duration:0s!important}.panel{z-index:1000;box-sizing:border-box;position:absolute;top:var(--f7-appbar-app-offset,0px);height:calc(100% - var(--f7-appbar-app-offset,0px));transform:translate3d(0,0,0);width:var(--f7-panel-width);background-color:var(--f7-panel-bg-color);overflow:visible;transition-property:transform;transition-duration:var(--f7-panel-transition-duration)}.panel:not(.panel-in):not(.panel-out):not(.panel-in-breakpoint):not(.panel-in-collapsed):not(.panel-in-swipe){display:none}.panel:after{pointer-events:none;opacity:0;z-index:5999;position:absolute;content:'';top:0;width:20px;height:100%;transition-property:transform,opacity;transition-duration:var(--f7-panel-transition-duration)}.panel.not-animated,.panel.not-animated:after{transition-duration:0s!important}.panel.panel-reveal.not-animated~.view,.panel.panel-reveal.not-animated~.views{transition-duration:0s!important}.panel.panel-resizing{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.panel.panel-resizing,.panel.panel-resizing:after,.panel.panel-resizing~.view,.panel.panel-resizing~.views{transition-duration:0s!important}.panel-cover{z-index:6000}.panel-left{left:0;width:var(--f7-panel-left-width,var(--f7-panel-width))}.panel-left.panel-cover{transform:translate3d(-100%,0,0)}.panel-left.panel-cover:after{left:100%;background:linear-gradient(to right,var(--f7-panel-shadow))}html.with-panel-left-cover .panel-left.panel-cover:after{opacity:1}.panel-left.panel-reveal:after{right:0;transform:translate3d(calc(-1 * var(--f7-panel-left-width,var(--f7-panel-width))),0,0);background:linear-gradient(to left,var(--f7-panel-shadow))}html.with-panel-left-reveal .panel-left.panel-reveal:after{opacity:1;transform:translate3d(0,0,0)}.panel-right{right:0;width:var(--f7-panel-right-width,var(--f7-panel-width))}.panel-right.panel-cover{transform:translate3d(100%,0,0)}.panel-right.panel-cover:after{right:100%;background:linear-gradient(to left,var(--f7-panel-shadow))}html.with-panel-right-cover .panel-right.panel-cover:after{opacity:1}.panel-right.panel-reveal:after{left:0;background:linear-gradient(to right,var(--f7-panel-shadow));transform:translate3d(var(--f7-panel-right-width,var(--f7-panel-width)),0,0)}html.with-panel-right-reveal .panel-right.panel-reveal:after{opacity:1;transform:translate3d(0,0,0)}.panel-in-breakpoint{transform:translate3d(0,0,0)!important;transition-duration:0s}.panel-in-breakpoint:after{display:none}.panel-in-breakpoint.panel-cover{z-index:5900}html.with-panel-closing .framework7-root>.view,html.with-panel-closing .views,html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .views,html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .views{transition-duration:var(--f7-panel-transition-duration);transition-property:transform}html.with-panel-closing .panel-backdrop,html.with-panel-left-reveal .panel-backdrop,html.with-panel-right-reveal .panel-backdrop{visibility:visible;pointer-events:auto;opacity:0}html.with-panel .framework7-root>.view .page-content,html.with-panel .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html.with-panel-left-cover .panel-backdrop,html.with-panel-right-cover .panel-backdrop{visibility:visible;pointer-events:auto;opacity:1}html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .panel-backdrop,html.with-panel-left-reveal .views{transform:translate3d(var(--f7-panel-left-width,var(--f7-panel-width)),0,0)}html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .panel-backdrop,html.with-panel-right-reveal .views{transform:translate3d(calc(-1 * var(--f7-panel-right-width,var(--f7-panel-width))),0,0)}html.with-panel-left-cover .panel-left{transform:translate3d(0px,0,0)}html.with-panel-right-cover .panel-right{transform:translate3d(0px,0,0)}.panel-resize-handler{position:absolute;top:0;height:100%;width:6px;cursor:col-resize;z-index:6000;display:none}.panel-resizable .panel-resize-handler{display:block}.panel-left.panel-cover .panel-resize-handler{right:-3px}.panel-left.panel-reveal .panel-resize-handler{right:0}.panel-right.panel-cover .panel-resize-handler{left:-3px}.panel-right.panel-reveal .panel-resize-handler{left:0}.panel-left.panel-in-collapsed~.view,.panel-left.panel-in-collapsed~.views{margin-left:var(--f7-panel-left-collapsed-width,var(--f7-panel-collapsed-width))}html.with-panel-left-reveal .panel-left.panel-in-collapsed~.view,html.with-panel-left-reveal .panel-left.panel-in-collapsed~.views{transform:translate3d(calc(var(--f7-panel-left-width,var(--f7-panel-width)) - var(--f7-panel-left-collapsed-width,var(--f7-panel-collapsed-width))),0,0)}.panel-right.panel-in-collapsed~.view,.panel-right.panel-in-collapsed~.views{margin-right:var(--f7-panel-right-collapsed-width,var(--f7-panel-collapsed-width))}html.with-panel-right-reveal .panel-right.panel-in-collapsed~.view,html.with-panel-right-reveal .panel-right.panel-in-collapsed~.views{transform:translate3d(calc(var(--f7-panel-right-collapsed-width,var(--f7-panel-collapsed-width)) - var(--f7-panel-right-width,var(--f7-panel-width))),0,0)}:root{--f7-card-content-padding-horizontal:16px;--f7-card-content-padding-vertical:16px;--f7-card-bg-color:#fff;--f7-card-outline-border-color:rgba(0, 0, 0, 0.12);--f7-card-border-radius:4px;--f7-card-font-size:inherit;--f7-card-header-text-color:inherit;--f7-card-header-font-weight:400;--f7-card-header-border-color:rgba(0, 0, 0, 0.1);--f7-card-header-padding-horizontal:16px;--f7-card-footer-border-color:rgba(0, 0, 0, 0.1);--f7-card-footer-font-weight:400;--f7-card-footer-font-size:inherit;--f7-card-footer-padding-horizontal:16px;--f7-card-expandable-bg-color:#fff;--f7-card-expandable-font-size:16px;--f7-card-expandable-tablet-width:670px;--f7-card-expandable-tablet-height:670px}:root .theme-dark,:root.theme-dark{--f7-card-bg-color:#1c1c1d;--f7-card-expandable-bg-color:#1c1c1d;--f7-card-outline-border-color:rgba(255, 255, 255, 0.15);--f7-card-header-border-color:rgba(255, 255, 255, 0.15);--f7-card-footer-border-color:rgba(255, 255, 255, 0.15);--f7-card-footer-text-color:rgba(255, 255, 255, 0.55)}.ios{--f7-card-margin-horizontal:10px;--f7-card-margin-vertical:10px;--f7-card-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);--f7-card-header-font-size:17px;--f7-card-header-padding-vertical:10px;--f7-card-header-min-height:44px;--f7-card-footer-text-color:rgba(0, 0, 0, 0.45);--f7-card-footer-padding-vertical:10px;--f7-card-footer-min-height:44px;--f7-card-expandable-margin-horizontal:20px;--f7-card-expandable-margin-vertical:30px;--f7-card-expandable-box-shadow:0px 20px 40px rgba(0, 0, 0, 0.3);--f7-card-expandable-border-radius:15px;--f7-card-expandable-tablet-border-radius:5px;--f7-card-expandable-header-font-size:27px;--f7-card-expandable-header-font-weight:bold}.md{--f7-card-margin-horizontal:8px;--f7-card-margin-vertical:8px;--f7-card-box-shadow:var(--f7-elevation-1);--f7-card-header-font-size:16px;--f7-card-header-padding-vertical:4px;--f7-card-header-min-height:48px;--f7-card-footer-text-color:rgba(0, 0, 0, 0.54);--f7-card-footer-padding-vertical:4px;--f7-card-footer-min-height:48px;--f7-card-expandable-margin-horizontal:12px;--f7-card-expandable-margin-vertical:24px;--f7-card-expandable-box-shadow:var(--f7-elevation-10);--f7-card-expandable-border-radius:8px;--f7-card-expandable-tablet-border-radius:4px;--f7-card-expandable-header-font-size:24px;--f7-card-expandable-header-font-weight:500}.aurora{--f7-card-margin-horizontal:10px;--f7-card-margin-vertical:10px;--f7-card-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);--f7-card-header-font-size:14px;--f7-card-header-font-weight:bold;--f7-card-header-padding-vertical:10px;--f7-card-header-min-height:38px;--f7-card-footer-text-color:rgba(0, 0, 0, 0.6);--f7-card-footer-padding-vertical:10px;--f7-card-footer-min-height:38px;--f7-card-expandable-margin-horizontal:10px;--f7-card-expandable-margin-vertical:20px;--f7-card-expandable-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.15);--f7-card-expandable-border-radius:15px;--f7-card-expandable-tablet-border-radius:5px;--f7-card-expandable-header-font-size:27px;--f7-card-expandable-header-font-weight:bold}.card .list>ul:before,.cards-list>ul:before{display:none!important}.card .list>ul:after,.cards-list>ul:after{display:none!important}.card .list ul,.cards-list ul{background:0 0}.card{background:var(--f7-card-bg-color);position:relative;border-radius:var(--f7-card-border-radius);font-size:var(--f7-card-font-size);margin-top:var(--f7-card-margin-vertical);margin-bottom:var(--f7-card-margin-vertical);margin-left:calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right));box-shadow:var(--f7-card-box-shadow)}.card .block,.card .list{margin:0}.row:not(.no-gap) .col>.card{margin-left:0;margin-right:0}.card.no-shadow{box-shadow:none}.aurora .card-outline-aurora,.card-outline,.ios .card-outline-ios,.md .card-outline-md{box-shadow:none;border:1px solid var(--f7-card-outline-border-color)}.aurora .card-outline-aurora.no-border,.aurora .card-outline-aurora.no-hairlines,.card-outline.no-border,.card-outline.no-hairlines,.ios .card-outline-ios.no-border,.ios .card-outline-ios.no-hairlines,.md .card-outline-md.no-border,.md .card-outline-md.no-hairlines{border:none}.card-content{position:relative}.card-content-padding{position:relative;padding:var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal)}.card-content-padding>.block,.card-content-padding>.list{margin:calc(-1 * var(--f7-card-content-padding-vertical)) calc(-1 * var(--f7-card-content-padding-horizontal))}.card-content-padding>p:first-child{margin-top:0}.card-content-padding>p:last-child{margin-bottom:0}.card-header{min-height:var(--f7-card-header-min-height);color:var(--f7-card-header-text-color);font-size:var(--f7-card-header-font-size);font-weight:var(--f7-card-header-font-weight);padding:var(--f7-card-header-padding-vertical) var(--f7-card-header-padding-horizontal)}.card-footer{min-height:var(--f7-card-footer-min-height);color:var(--f7-card-footer-text-color);font-size:var(--f7-card-footer-font-size);font-weight:var(--f7-card-footer-font-weight);padding:var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal)}.card-footer a.link{overflow:hidden}.card-footer,.card-header{position:relative;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.card-footer[valign=top],.card-header[valign=top]{align-items:flex-start}.card-footer[valign=bottom],.card-header[valign=bottom]{align-items:flex-end}.card-footer a.link,.card-header a.link{position:relative}.card-footer a.link i.icon,.card-header a.link i.icon{display:block}.card-footer a.icon-only,.card-header a.icon-only{display:flex;justify-content:center;align-items:center;margin:0}.card-header{border-radius:var(--f7-card-border-radius) var(--f7-card-border-radius) 0 0}.card-header:after{content:'';position:absolute;background-color:var(--f7-card-header-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.card-header.no-hairline:after{display:none!important}.card-footer{border-radius:0 0 var(--f7-card-border-radius) var(--f7-card-border-radius)}.card-footer:before{content:'';position:absolute;background-color:var(--f7-card-footer-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.card-footer.no-hairline:before{display:none!important}.card-expandable{overflow:hidden;height:300px;background:var(--f7-card-expandable-bg-color);position:relative;transform-origin:center center;transition-property:transform,border-radius;border-radius:var(--f7-card-expandable-border-radius);z-index:2;transition-duration:.2s;margin-left:calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-right));margin-top:var(--f7-card-expandable-margin-vertical);margin-bottom:var(--f7-card-expandable-margin-vertical);box-shadow:var(--f7-card-expandable-box-shadow);font-size:var(--f7-card-expandable-font-size)}.card-expandable.card-no-transition{transition-duration:0s}.card-expandable.card-expandable-animate-width .card-content{transition-property:width,transform;width:100%}.card-expandable.active-state{transform:scale(.97)}.card-expandable .card-opened-fade-in,.card-expandable .card-opened-fade-out{transition-duration:.4s}.card-expandable .card-opened-fade-in{opacity:0;pointer-events:none}.card-expandable .card-content{position:absolute;top:0;width:100vw;height:100vh;transform-origin:center top;overflow:hidden;transition-property:transform;box-sizing:border-box;pointer-events:none;right:0}.card-expandable .card-content .card-content-padding{padding-left:calc(var(--f7-safe-area-left) + var(--f7-card-content-padding-horizontal));padding-right:calc(var(--f7-safe-area-right) + var(--f7-card-content-padding-horizontal))}.card-expandable.card-opened{transition-duration:0s}.card-expandable.card-closing,.card-expandable.card-opening,.card-expandable.card-transitioning{transition-duration:.4s}.card-expandable.card-opening .card-content{transition-duration:.3s}.card-expandable.card-closing .card-content{transition-duration:.5s}.card-expandable.card-closing,.card-expandable.card-opened,.card-expandable.card-opening{z-index:100}.card-expandable.card-opened,.card-expandable.card-opening{border-radius:0}.card-expandable.card-opened .card-opened-fade-in,.card-expandable.card-opening .card-opened-fade-in{opacity:1;pointer-events:auto}.card-expandable.card-opened .card-opened-fade-out,.card-expandable.card-opening .card-opened-fade-out{opacity:0;pointer-events:none}.card-expandable.card-opened .card-content{overflow:auto;-webkit-overflow-scrolling:touch;pointer-events:auto}.card-expandable .card-header{font-size:var(--f7-card-expandable-header-font-size);font-weight:var(--f7-card-expandable-header-font-weight)}.card-expandable .card-header:after{display:none!important}.card-prevent-open{pointer-events:auto}.card-expandable-size{width:0;height:0;position:absolute;left:0;top:0;opacity:0;pointer-events:none;visibility:hidden}@media (min-width:768px) and (min-height:670px){.card-expandable:not(.card-tablet-fullscreen){max-width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen).card-opened,.card-expandable:not(.card-tablet-fullscreen).card-opening{border-radius:var(--f7-card-expandable-tablet-border-radius)}.card-expandable:not(.card-tablet-fullscreen):not(.card-expandable-animate-width) .card-content{width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen) .card-expandable-size{width:var(--f7-card-expandable-tablet-width);height:var(--f7-card-expandable-tablet-height)}}.page.page-with-card-opened .page-content{overflow:hidden}.card-backdrop{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;pointer-events:none;background:rgba(0,0,0,.2);opacity:0}.card-backdrop-in{animation:card-backdrop-fade-in .4s forwards;pointer-events:auto}.card-backdrop-out{animation:card-backdrop-fade-out .4s forwards}@supports ((-webkit-backdrop-filter:blur(15px)) or (backdrop-filter:blur(15px))){.card-backdrop{background:0 0;opacity:1}.card-backdrop-in{animation:card-backdrop-blur-in .4s forwards}.card-backdrop-out{animation:card-backdrop-blur-out .4s forwards}}@keyframes card-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes card-backdrop-fade-out{from{opacity:1}to{opacity:0}}@keyframes card-backdrop-blur-in{from{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}}@keyframes card-backdrop-blur-out{from{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}to{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}:root{--f7-chip-bg-color:rgba(0, 0, 0, 0.12);--f7-chip-font-size:13px;--f7-chip-font-weight:normal;--f7-chip-outline-border-color:rgba(0, 0, 0, 0.12);--f7-chip-media-font-size:16px;--f7-chip-delete-button-color:#000}:root .theme-dark,:root.theme-dark{--f7-chip-delete-button-color:#fff;--f7-chip-bg-color:#333;--f7-chip-outline-border-color:rgba(255, 255, 255, 0.12)}.ios{--f7-chip-text-color:#000;--f7-chip-height:24px;--f7-chip-padding-horizontal:10px}.ios .theme-dark,.ios.theme-dark{--f7-chip-text-color:#fff}.md{--f7-chip-text-color:rgba(0, 0, 0, 0.87);--f7-chip-height:32px;--f7-chip-padding-horizontal:12px}.md .theme-dark,.md.theme-dark{--f7-chip-text-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-chip-text-color:#000;--f7-chip-height:20px;--f7-chip-padding-horizontal:10px;--f7-chip-font-size:12px;--f7-chip-media-font-size:14px}.aurora .theme-dark,.aurora.theme-dark{--f7-chip-text-color:#fff}.chip{padding-left:var(--f7-chip-padding-horizontal);padding-right:var(--f7-chip-padding-horizontal);font-weight:var(--f7-chip-font-weight);display:inline-flex;box-sizing:border-box;vertical-align:middle;align-items:center;margin:2px 0;background-color:var(--f7-chip-bg-color);font-size:var(--f7-chip-font-size);color:var(--f7-chip-text-color);height:var(--f7-chip-height);line-height:var(--f7-chip-height);border-radius:var(--f7-chip-height);position:relative}.chip-media{border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;height:var(--f7-chip-height);width:var(--f7-chip-height);border-radius:var(--f7-chip-height);text-align:center;line-height:var(--f7-chip-height);box-sizing:border-box;color:#fff;font-size:var(--f7-chip-media-font-size);vertical-align:middle;margin-right:calc(-1 * var(--f7-chip-padding-horizontal))}.chip-media i.icon{font-size:calc(var(--f7-chip-height) - 8px);height:calc(var(--f7-chip-height) - 8px)}.chip-media img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:50%;display:block}.chip-media+.chip-label{margin-right:4px}.chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;flex-shrink:1;min-width:0}.chip-delete{text-align:center;cursor:pointer;flex-shrink:0;background-repeat:no-repeat;width:24px;height:24px;color:var(--f7-chip-delete-button-color);opacity:.54;position:relative}.chip-delete:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;content:'delete_round_ios';line-height:24px}.chip .chip-delete.active-state{opacity:1}.aurora .chip-outline-aurora,.chip-outline,.ios .chip-outline-ios,.md .chip-outline-md{border:1px solid var(--f7-chip-outline-border-color);background:0 0}.chip[class*=color-]{--f7-chip-bg-color:var(--f7-theme-color);--f7-chip-text-color:#fff}.aurora .chip-outline-aurora[class*=color-],.chip-outline[class*=color-],.ios .chip-outline-ios[class*=color-],.md .chip-outline-md[class*=color-]{--f7-chip-outline-border-color:var(--f7-theme-color);--f7-chip-text-color:var(--f7-theme-color)}.ios .chip-delete{margin-left:calc(-1 * var(--f7-chip-padding-horizontal))}.ios .chip-delete:after{font-size:10px}.md .chip-label+.chip-delete{margin-right:4px}.md .chip-delete{margin-left:calc(-1 * var(--f7-chip-padding-horizontal) + 4px)}.md .chip-delete:after{font-size:12px}.aurora .chip-delete{margin-left:calc(-1 * var(--f7-chip-padding-horizontal))}.aurora .chip-delete:after{font-size:10px}:root{--f7-input-bg-color:transparent;--f7-label-font-weight:400;--f7-label-line-height:1.2;--f7-input-padding-left:0px;--f7-input-padding-right:0px;--f7-input-error-text-color:#ff3b30;--f7-input-error-font-size:12px;--f7-input-error-line-height:1.4;--f7-input-error-font-weight:400;--f7-input-info-font-size:12px;--f7-input-info-line-height:1.4;--f7-input-outline-height:40px;--f7-input-outline-border-color:#999;--f7-input-outline-border-radius:4px;--f7-input-outline-padding-horizontal:12px;--f7-textarea-height:100px}:root .theme-dark,:root.theme-dark{--f7-input-outline-border-color:#444}.ios{--f7-input-height:44px;--f7-input-text-color:#000000;--f7-input-font-size:17px;--f7-input-placeholder-color:#a9a9a9;--f7-textarea-padding-vertical:11px;--f7-label-font-size:12px;--f7-label-text-color:inherit;--f7-floating-label-scale:calc(17 / 12);--f7-inline-label-font-size:17px;--f7-inline-label-line-height:1.4;--f7-inline-label-padding-top:3px;--f7-input-info-text-color:rgba(0, 0, 0, 0.45);--f7-input-clear-button-size:14px;--f7-input-clear-button-color:rgba(0, 0, 0, 0.45)}.ios .theme-dark,.ios.theme-dark{--f7-input-text-color:#fff;--f7-input-info-text-color:rgba(255, 255, 255, 0.55);--f7-input-clear-button-color:rgba(255, 255, 255, 0.5)}.md{--f7-input-height:36px;--f7-input-text-color:#212121;--f7-input-font-size:16px;--f7-input-placeholder-color:rgba(0, 0, 0, 0.35);--f7-textarea-padding-vertical:7px;--f7-label-font-size:12px;--f7-label-text-color:rgba(0, 0, 0, 0.65);--f7-floating-label-scale:calc(16 / 12);--f7-inline-label-font-size:16px;--f7-inline-label-line-height:1.5;--f7-inline-label-padding-top:7px;--f7-input-info-text-color:rgba(0, 0, 0, 0.45);--f7-input-clear-button-size:18px;--f7-input-clear-button-color:#aaa}.md .theme-dark,.md.theme-dark{--f7-input-text-color:rgba(255, 255, 255, 0.87);--f7-input-placeholder-color:rgba(255, 255, 255, 0.35);--f7-label-text-color:rgba(255, 255, 255, 0.54);--f7-input-info-text-color:rgba(255, 255, 255, 0.35)}.aurora{--f7-input-height:24px;--f7-input-text-color:#000000;--f7-input-font-size:13px;--f7-input-placeholder-color:rgba(0, 0, 0, 0.32);--f7-textarea-padding-vertical:2px;--f7-label-font-size:11px;--f7-label-text-color:inherit;--f7-floating-label-scale:calc(13 / 11);--f7-inline-label-font-size:14px;--f7-inline-label-line-height:1.4;--f7-inline-label-padding-top:1px;--f7-input-info-text-color:rgba(0, 0, 0, 0.5);--f7-input-clear-button-size:14px;--f7-input-clear-button-color:#666;--f7-input-outline-height:32px;--f7-input-outline-padding-horizontal:8px}.aurora .theme-dark,.aurora.theme-dark{--f7-input-text-color:#fff;--f7-input-clear-button-color:#aaa;--f7-input-placeholder-color:rgba(255, 255, 255, 0.35)}input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:none;border-radius:0;outline:0;display:block;padding:0;margin:0;font-family:inherit;background:0 0;resize:none;font-size:inherit;color:inherit}.textarea-resizable-shadow{opacity:0;position:absolute;z-index:-1000;pointer-events:none;left:-1000px;top:-1000px;visibility:hidden}.list input[type=date],.list input[type=datetime-local],.list input[type=email],.list input[type=number],.list input[type=password],.list input[type=search],.list input[type=tel],.list input[type=text],.list input[type=time],.list input[type=url],.list select{width:100%;height:var(--f7-input-height);color:var(--f7-input-text-color);font-size:var(--f7-input-font-size);background-color:var(--f7-input-bg-color,transparent);padding-left:var(--f7-input-padding-left);padding-right:var(--f7-input-padding-right)}.list input[type=date]::-webkit-input-placeholder,.list input[type=datetime-local]::-webkit-input-placeholder,.list input[type=email]::-webkit-input-placeholder,.list input[type=number]::-webkit-input-placeholder,.list input[type=password]::-webkit-input-placeholder,.list input[type=search]::-webkit-input-placeholder,.list input[type=tel]::-webkit-input-placeholder,.list input[type=text]::-webkit-input-placeholder,.list input[type=time]::-webkit-input-placeholder,.list input[type=url]::-webkit-input-placeholder,.list select::-webkit-input-placeholder{color:var(--f7-input-placeholder-color)}.list input[type=date]::-moz-placeholder,.list input[type=datetime-local]::-moz-placeholder,.list input[type=email]::-moz-placeholder,.list input[type=number]::-moz-placeholder,.list input[type=password]::-moz-placeholder,.list input[type=search]::-moz-placeholder,.list input[type=tel]::-moz-placeholder,.list input[type=text]::-moz-placeholder,.list input[type=time]::-moz-placeholder,.list input[type=url]::-moz-placeholder,.list select::-moz-placeholder{color:var(--f7-input-placeholder-color)}.list input[type=date]::-ms-input-placeholder,.list input[type=datetime-local]::-ms-input-placeholder,.list input[type=email]::-ms-input-placeholder,.list input[type=number]::-ms-input-placeholder,.list input[type=password]::-ms-input-placeholder,.list input[type=search]::-ms-input-placeholder,.list input[type=tel]::-ms-input-placeholder,.list input[type=text]::-ms-input-placeholder,.list input[type=time]::-ms-input-placeholder,.list input[type=url]::-ms-input-placeholder,.list select::-ms-input-placeholder{color:var(--f7-input-placeholder-color)}.list input[type=date]::placeholder,.list input[type=datetime-local]::placeholder,.list input[type=email]::placeholder,.list input[type=number]::placeholder,.list input[type=password]::placeholder,.list input[type=search]::placeholder,.list input[type=tel]::placeholder,.list input[type=text]::placeholder,.list input[type=time]::placeholder,.list input[type=url]::placeholder,.list select::placeholder{color:var(--f7-input-placeholder-color)}.list textarea{width:100%;color:var(--f7-input-text-color);font-size:var(--f7-input-font-size);resize:none;line-height:1.4;height:var(--f7-textarea-height);background-color:var(--f7-input-bg-color,transparent);padding-top:var(--f7-textarea-padding-vertical);padding-bottom:var(--f7-textarea-padding-vertical);padding-left:var(--f7-input-padding-left);padding-right:var(--f7-input-padding-right)}.list textarea::-webkit-input-placeholder{color:var(--f7-input-placeholder-color)}.list textarea::-moz-placeholder{color:var(--f7-input-placeholder-color)}.list textarea::-ms-input-placeholder{color:var(--f7-input-placeholder-color)}.list textarea::placeholder{color:var(--f7-input-placeholder-color)}.list textarea.resizable{height:var(--f7-input-height)}.list input[type=datetime-local]{max-width:50vw}.list input[type=date],.list input[type=datetime-local],.list input[type=time]{line-height:var(--f7-input-height)}.list input[type=date],.list input[type=datetime-local]{text-align:right;flex-direction:row-reverse;width:auto}.list .item-floating-label,.list .item-label{width:100%;vertical-align:top;flex-shrink:0;font-size:var(--f7-label-font-size);font-weight:var(--f7-label-font-weight);line-height:var(--f7-label-line-height);color:var(--f7-label-text-color);transition-duration:.2s;transition-property:transform,color}.list .item-floating-label{--label-height:calc(var(--f7-label-font-size) * var(--f7-label-line-height));transform:scale(var(--f7-floating-label-scale)) translateY(calc((var(--f7-input-height)/ 2 + 50%)/ var(--f7-floating-label-scale)));color:var(--f7-input-placeholder-color);width:auto;max-width:calc(100% / var(--f7-floating-label-scale));pointer-events:none;right:var(--f7-input-padding-right);transform-origin:right center}.list .item-floating-label~.item-input-wrap input::-webkit-input-placeholder,.list .item-floating-label~.item-input-wrap textarea::-webkit-input-placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input::-moz-placeholder,.list .item-floating-label~.item-input-wrap textarea::-moz-placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input::-ms-input-placeholder,.list .item-floating-label~.item-input-wrap textarea::-ms-input-placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input::placeholder,.list .item-floating-label~.item-input-wrap textarea::placeholder{opacity:0;transition-duration:.1s}.list .item-floating-label~.item-input-wrap input.input-focused::-webkit-input-placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::-webkit-input-placeholder{opacity:1;transition-duration:.3s}.list .item-floating-label~.item-input-wrap input.input-focused::-moz-placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::-moz-placeholder{opacity:1;transition-duration:.3s}.list .item-floating-label~.item-input-wrap input.input-focused::-ms-input-placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::-ms-input-placeholder{opacity:1;transition-duration:.3s}.list .item-floating-label~.item-input-wrap input.input-focused::placeholder,.list .item-floating-label~.item-input-wrap textarea.input-focused::placeholder{opacity:1;transition-duration:.3s}.list .item-input-with-value .item-floating-label{color:var(--f7-label-text-color)}.list .item-input-focused .item-floating-label,.list .item-input-with-value .item-floating-label{transform:scale(1) translateY(0)}.list .item-input-wrap{width:100%;flex-shrink:1;position:relative}.item-input .item-inner{display:flex;flex-direction:column;align-items:flex-start}.input-error-message,.item-input-error-message{font-size:var(--f7-input-error-font-size);line-height:var(--f7-input-error-line-height);color:var(--f7-input-error-text-color);font-weight:var(--f7-input-error-font-weight);display:none;box-sizing:border-box}.input-info,.item-input-info{font-size:var(--f7-input-info-font-size);line-height:var(--f7-input-info-line-height);color:var(--f7-input-info-text-color)}.input-invalid .input-error-message,.input-invalid .item-input-error-message,.item-input-invalid .input-error-message,.item-input-invalid .item-input-error-message{display:block}.input-invalid .input-info,.input-invalid .item-input-info,.item-input-invalid .input-info,.item-input-invalid .item-input-info{display:none}.inline-label .item-inner,.inline-labels .item-inner{display:flex;align-items:center;flex-direction:row}.inline-label .item-floating-label,.inline-label .item-label,.inline-labels .item-floating-label,.inline-labels .item-label{padding-top:var(--f7-inline-label-padding-top);align-self:flex-start;width:35%;font-size:var(--f7-inline-label-font-size);line-height:var(--f7-inline-label-line-height)}.inline-label .item-floating-label+.item-input-wrap,.inline-label .item-label+.item-input-wrap,.inline-labels .item-floating-label+.item-input-wrap,.inline-labels .item-label+.item-input-wrap{margin-right:8px}.input{position:relative}.input input,.input select,.input textarea{width:100%}.input-clear-button{opacity:0;pointer-events:none;visibility:hidden;transition-duration:.1s;position:absolute;top:50%;border:none;padding:0;margin:0;outline:0;z-index:1;cursor:pointer;background:0 0;width:var(--f7-input-clear-button-size);height:var(--f7-input-clear-button-size);margin-top:calc(-1 * var(--f7-input-clear-button-size)/ 2);color:var(--f7-input-clear-button-color);left:0}.input-clear-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.input-clear-button:before{position:absolute;content:'';left:50%;top:50%}.item-input-wrap .input-clear-button{top:calc(var(--f7-input-height)/ 2)}.input-clear-button.active-state{opacity:.75!important}.input-with-value .input-clear-button,.input-with-value~.input-clear-button,.item-input-with-value .input-clear-button{opacity:1;pointer-events:auto;visibility:visible}.input-dropdown,.input-dropdown-wrap{position:relative}.input-dropdown-wrap:before,.input-dropdown:before{content:'';pointer-events:none;position:absolute;top:50%;margin-top:-2px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #727272;left:6px}.input-dropdown input,.input-dropdown select,.input-dropdown textarea,.input-dropdown-wrap input,.input-dropdown-wrap select,.input-dropdown-wrap textarea{padding-left:calc(20px + var(--f7-input-padding-left))}.input-outline:after,.item-input-outline .item-input-wrap:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:1px solid var(--f7-input-outline-border-color);border-radius:var(--f7-input-outline-border-radius);transition-duration:.2s;pointer-events:none}.input-outline.input-focused:after,.item-input-outline.item-input-focused .item-input-wrap:after{border-width:2px;border-color:var(--f7-input-outline-focused-border-color,var(--f7-theme-color))}.input-outline.input-invalid:after,.item-input-outline.item-input-invalid .item-input-wrap:after{border-width:2px;border-color:var(--f7-input-outline-invalid-border-color,var(--f7-input-error-text-color))}.input-outline input,.input-outline select,.input-outline textarea,.item-input-outline input,.item-input-outline select,.item-input-outline textarea,.list .item-input-outline input,.list .item-input-outline select,.list .item-input-outline textarea{border-radius:var(--f7-input-outline-border-radius);padding-left:var(--f7-input-outline-padding-horizontal);padding-right:var(--f7-input-outline-padding-horizontal)}.input-outline.input-dropdown:before,.item-input-outline .input-dropdown-wrap:before{left:8px}.input-outline.input-dropdown input,.input-outline.input-dropdown select,.input-outline.input-dropdown textarea,.item-input-outline .input-dropdown-wrap input,.item-input-outline .input-dropdown-wrap select,.item-input-outline .input-dropdown-wrap textarea{padding-left:20px}.input-outline .input-clear-button,.item-input-outline .input-clear-button{left:8px}.item-input-outline{--f7-input-height:var(--f7-input-outline-height)}.item-input-outline .item-inner:after{display:none!important}.item-input-outline .item-label{right:var(--f7-input-outline-padding-horizontal)}.inline-label .item-input-outline .item-label,.inline-labels .item-input-outline .item-label,.item-input-outline .inline-label .item-label,.item-input-outline .inline-label.item-label{right:0}.item-input-outline .item-floating-label{right:calc(var(--f7-input-outline-padding-horizontal) - 4px);padding-left:4px;padding-right:4px;background:var(--f7-page-bg-color);z-index:10;margin-top:calc(-.5 * (var(--f7-label-font-size) * var(--f7-label-line-height)))}.item-input-outline.item-input-focused .item-floating-label,.item-input-outline.item-input-with-value .item-floating-label{transform:scale(1) translateY(50%)}.item-input-outline .item-input-error-message,.item-input-outline .item-input-info{padding-right:var(--f7-input-outline-padding-horizontal)}.block-strong .item-input-outline .item-floating-label{background:var(--f7-block-strong-bg-color)}.list .item-input-outline .item-floating-label{background:var(--f7-list-bg-color)}.ios .item-floating-label+.item-input-wrap,.ios .item-label+.item-input-wrap{margin-top:0}.ios .item-input-focused .item-floating-label{color:var(--f7-label-text-color)}.ios .item-input .item-media{align-self:flex-start}.ios .item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical));margin-bottom:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .inline-label .item-floating-label+.item-input-wrap,.ios .inline-label .item-label+.item-input-wrap,.ios .inline-labels .item-floating-label+.item-input-wrap,.ios .inline-labels .item-label+.item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .inline-label .item-input-wrap,.ios .inline-labels .item-input-wrap{margin-top:calc(-1 * var(--f7-list-item-padding-vertical))}.ios .input-error-message,.ios .input-info,.ios .item-input-error-message,.ios .item-input-info{position:relative;margin-bottom:6px;margin-top:-8px}.ios .item-input-focused .item-floating-label,.ios .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-label-text-color))}.ios .item-input-focused .item-inner:after{background:var(--f7-input-focused-border-color,var(--f7-list-item-border-color))}.ios .item-input-invalid .item-floating-label,.ios .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-label-text-color))}.ios .item-input-invalid .item-inner:after{background:var(--f7-input-invalid-border-color,var(--f7-list-item-border-color))}.ios .input-invalid input,.ios .input-invalid select,.ios .input-invalid textarea,.ios .item-input-invalid input,.ios .item-input-invalid select,.ios .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-error-text-color))}.ios .input-clear-button:after{content:'delete_round_ios';font-size:calc(var(--f7-input-clear-button-size)/ (14 / 10));line-height:1.4}.ios .input-clear-button:before{width:44px;height:44px;margin-left:-22px;margin-top:-22px}.ios .input-outline .item-input-wrap,.ios .item-input-outline .item-input-wrap{margin-top:0;margin-bottom:0}.ios .input-outline .input-error-message,.ios .input-outline .input-info,.ios .input-outline .item-input-error-message,.ios .input-outline .item-input-info,.ios .item-input-outline .input-error-message,.ios .item-input-outline .input-info,.ios .item-input-outline .item-input-error-message,.ios .item-input-outline .item-input-info{margin-top:0;white-space:normal;overflow:hidden;text-overflow:ellipsis}.ios .input-outline .input-info,.ios .input-outline .item-input-info,.ios .item-input-outline .input-info,.ios .item-input-outline .item-input-info{margin-bottom:calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.ios .input-outline .input-error-message,.ios .input-outline .item-input-error-message,.ios .item-input-outline .input-error-message,.ios .item-input-outline .item-input-error-message{margin-bottom:calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.ios .input-outline.input-with-info .item-input-wrap,.ios .input-outline.item-input-with-info .item-input-wrap,.ios .item-input-outline.input-with-info .item-input-wrap,.ios .item-input-outline.item-input-with-info .item-input-wrap{margin-bottom:calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.ios .input-outline.input-with-error-message .item-input-wrap,.ios .input-outline.item-input-with-error-message .item-input-wrap,.ios .item-input-outline.input-with-error-message .item-input-wrap,.ios .item-input-outline.item-input-with-error-message .item-input-wrap{margin-bottom:calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.md .input:not(.input-outline):after,.md .item-input:not(.item-input-outline) .item-input-wrap:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.md .input:not(.input-outline):after,.md .item-input:not(.item-input-outline) .item-input-wrap:after{transition-duration:.2s}.md .item-input-wrap{min-height:var(--f7-input-height)}.md .item-input .item-media{align-self:flex-end}.md .item-input .item-inner:after{display:none!important}.md .inline-label .item-media,.md .inline-labels .item-media{align-self:flex-start;padding-top:14px}.md .input-with-error-message,.md .input-with-info,.md .item-input-with-error-message,.md .item-input-with-info{padding-bottom:20px}.md .input-error-message,.md .input-info,.md .item-input-error-message,.md .item-input-info{position:absolute;top:100%;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;right:0}.md .item-input-focused .item-floating-label,.md .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-theme-color))}.md .input-focused:not(.input-outline):after,.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after{background:var(--f7-input-focused-border-color,var(--f7-theme-color))}.md .input-focused:not(.input-outline):after,.md .input-invalid:not(.input-outline):after,.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after,.md .item-input-invalid:not(.item-input-outline) .item-input-wrap:after{transform:scaleY(2)!important}.md .input-invalid:not(.input-outline):after,.md .item-input-invalid:not(.item-input-outline) .item-input-wrap:after{background:var(--f7-input-invalid-border-color,var(--f7-input-error-text-color))}.md .item-input-invalid .item-floating-label,.md .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-input-error-text-color))}.md .input-invalid input,.md .input-invalid select,.md .input-invalid textarea,.md .item-input-invalid input,.md .item-input-invalid select,.md .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-text-color))}.md .input-clear-button:after{font-size:calc(var(--f7-input-clear-button-size)/ (24 / 20));content:'delete_round_md';line-height:1.2}.md .input-clear-button:before{width:48px;height:48px;margin-left:-24px;margin-top:-24px}.aurora .item-floating-label+.item-input-wrap,.aurora .item-label+.item-input-wrap{margin-top:0}.aurora .item-input-focused .item-floating-label{color:var(--f7-label-text-color)}.aurora .item-input .item-media{align-self:flex-start}.aurora .input-error-message,.aurora .input-info,.aurora .item-input-error-message,.aurora .item-input-info{position:relative}.aurora .item-input-focused .item-floating-label,.aurora .item-input-focused .item-label{color:var(--f7-label-focused-text-color,var(--f7-label-text-color))}.aurora .item-input-focused .item-inner:after{background:var(--f7-input-focused-border-color,var(--f7-list-item-border-color))}.aurora .item-input-invalid .item-floating-label,.aurora .item-input-invalid .item-label{color:var(--f7-label-invalid-text-color,var(--f7-label-text-color))}.aurora .item-input-invalid .item-inner:after{background:var(--f7-input-invalid-border-color,var(--f7-list-item-border-color))}.aurora .input-invalid input,.aurora .input-invalid select,.aurora .input-invalid textarea,.aurora .item-input-invalid input,.aurora .item-input-invalid select,.aurora .item-input-invalid textarea{color:var(--f7-input-invalid-text-color,var(--f7-input-error-text-color))}.aurora .input-clear-button:after{content:'delete_round_ios';font-size:calc(var(--f7-input-clear-button-size)/ (14 / 10));line-height:1.4}.aurora .input-clear-button:before{width:28px;height:28px;margin-left:-14px;margin-top:-14px}.aurora .input-outline .item-input-wrap,.aurora .item-input-outline .item-input-wrap{margin-top:0;margin-bottom:0}.aurora .input-outline .input-error-message,.aurora .input-outline .input-info,.aurora .input-outline .item-input-error-message,.aurora .input-outline .item-input-info,.aurora .item-input-outline .input-error-message,.aurora .item-input-outline .input-info,.aurora .item-input-outline .item-input-error-message,.aurora .item-input-outline .item-input-info{margin-top:0;white-space:normal;overflow:hidden;text-overflow:ellipsis}.aurora .input-outline .input-info,.aurora .input-outline .item-input-info,.aurora .item-input-outline .input-info,.aurora .item-input-outline .item-input-info{margin-bottom:calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.aurora .input-outline .input-error-message,.aurora .input-outline .item-input-error-message,.aurora .item-input-outline .input-error-message,.aurora .item-input-outline .item-input-error-message{margin-bottom:calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}.aurora .input-outline.input-with-info .item-input-wrap,.aurora .input-outline.item-input-with-info .item-input-wrap,.aurora .item-input-outline.input-with-info .item-input-wrap,.aurora .item-input-outline.item-input-with-info .item-input-wrap{margin-bottom:calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height))}.aurora .input-outline.input-with-error-message .item-input-wrap,.aurora .input-outline.item-input-with-error-message .item-input-wrap,.aurora .item-input-outline.input-with-error-message .item-input-wrap,.aurora .item-input-outline.item-input-with-error-message .item-input-wrap{margin-bottom:calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height))}:root{--f7-checkbox-icon-color:#fff}:root .theme-dark,:root.theme-dark{--f7-checkbox-inactive-color:rgba(255, 255, 255, 0.3)}.ios{--f7-checkbox-size:22px;--f7-checkbox-border-radius:50%;--f7-checkbox-border-width:1px;--f7-checkbox-inactive-color:#c7c7cc;--f7-checkbox-extra-margin:0px}.md{--f7-checkbox-size:18px;--f7-checkbox-border-radius:2px;--f7-checkbox-border-width:2px;--f7-checkbox-inactive-color:#6d6d6d;--f7-checkbox-extra-margin:22px}.aurora{--f7-checkbox-size:14px;--f7-checkbox-border-radius:2px;--f7-checkbox-border-width:1px;--f7-checkbox-inactive-color:#888;--f7-checkbox-extra-margin:0px}.checkbox{position:relative;display:inline-block;vertical-align:middle;z-index:1;background-color:transparent;--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb), 0.5)}.checkbox i,.icon-checkbox{flex-shrink:0;border:var(--f7-checkbox-border-width) solid var(--f7-checkbox-inactive-color);width:var(--f7-checkbox-size);height:var(--f7-checkbox-size);border-radius:var(--f7-checkbox-border-radius);box-sizing:border-box;position:relative;display:block}.checkbox i:after,.icon-checkbox:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;width:var(--f7-checkbox-size);height:var(--f7-checkbox-size);line-height:var(--f7-checkbox-size);left:calc(0px - var(--f7-checkbox-border-width));top:calc(0px - var(--f7-checkbox-border-width));opacity:0;color:var(--f7-checkbox-icon-color);position:relative;transition-property:opacity}.checkbox input[type=checkbox]:not(:checked)~i:after,label.item-checkbox input[type=checkbox]:not(:checked)~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:not(:checked)~.icon-checkbox:after{font-size:0}.checkbox input[type=checkbox]:checked~i,.checkbox input[type=checkbox]:indeterminate~i,label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,label.item-checkbox input[type=checkbox]:checked~.icon-checkbox,label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox,label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox{border-color:var(--f7-checkbox-active-color,var(--f7-theme-color));background-color:var(--f7-checkbox-active-color,var(--f7-theme-color))}.checkbox input[type=checkbox]:checked~i:after,.checkbox input[type=checkbox]:indeterminate~i:after,label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:checked~.icon-checkbox:after,label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox:after{opacity:1}.checkbox input[type=checkbox]:indeterminate~i:after,label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox:after{font-size:0;content:'';position:absolute;top:50%;width:70%;background:#fff;height:2px;border-radius:2px;margin-top:-1px;left:15%;transition:0s}.checkbox,label.item-checkbox{cursor:pointer}.checkbox input[type=checkbox],.checkbox input[type=radio],label.item-checkbox input[type=checkbox],label.item-checkbox input[type=radio]{display:none}label.item-checkbox{transition-duration:.3s}label.item-checkbox .item-content .item-media,label.item-checkbox.item-content .item-media{align-self:center}label.item-checkbox>.icon-checkbox{margin-left:calc(var(--f7-list-item-media-margin) + var(--f7-checkbox-extra-margin))}label.item-checkbox.active-state{background-color:var(--f7-list-link-pressed-bg-color)}label.item-checkbox.active-state:after{background-color:transparent}.disabled label.item-checkbox,label.item-checkbox.disabled{opacity:.55;pointer-events:none;opacity:.55!important;pointer-events:none!important}.ios .checkbox i:after,.ios .icon-checkbox:after{content:'checkbox_ios';font-size:21px}.ios label.item-checkbox.active-state{transition-duration:0s}.ios .checkbox input[type=checkbox]:indeterminate~i:after,.ios label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox:after,.ios label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox:after{height:1px;margin-top:0px}.md .checkbox i,.md .icon-checkbox{transition-duration:.2s}.md .checkbox i:after,.md .icon-checkbox:after{content:'checkbox_md';transition-duration:.2s;font-size:15px}.md label.item-checkbox{position:relative;overflow:hidden;z-index:0}.aurora .checkbox i,.aurora .icon-checkbox{transition-duration:150ms}.aurora .checkbox i:after,.aurora .icon-checkbox:after{content:'checkbox_aurora';transition-duration:150ms;font-size:19px}.aurora .checkbox i:before,.aurora .icon-checkbox:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.1);opacity:0;transition-duration:150ms}.aurora .checkbox.active-state i:before{opacity:1}.aurora label.item-checkbox{position:relative;overflow:hidden;z-index:0}:root{--f7-radio-border-radius:50%}:root .theme-dark,:root.theme-dark{--f7-radio-inactive-color:rgba(255, 255, 255, 0.3)}.ios{--f7-radio-size:22px;--f7-radio-border-width:1px;--f7-radio-inactive-color:#c7c7cc;--f7-radio-extra-margin:0px}.md{--f7-radio-size:20px;--f7-radio-border-width:2px;--f7-radio-inactive-color:#6d6d6d;--f7-radio-extra-margin:22px}.aurora{--f7-radio-size:16px;--f7-radio-border-width:1px;--f7-radio-inactive-color:#888;--f7-radio-extra-margin:0px}.radio{position:relative;display:inline-block;vertical-align:middle;z-index:1;--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb), 0.5)}.icon-radio{width:var(--f7-radio-size);height:var(--f7-radio-size);border-radius:var(--f7-radio-border-radius);position:relative;box-sizing:border-box;display:block;flex-shrink:0}.aurora .icon-radio,.md .icon-radio,.radio .icon-radio{border:var(--f7-radio-border-width) solid var(--f7-radio-inactive-color)}.radio,label.item-radio{cursor:pointer}.radio input[type=checkbox],.radio input[type=radio],label.item-radio input[type=checkbox],label.item-radio input[type=radio]{display:none}label.item-radio{transition-duration:.3s}label.item-radio .item-content .item-media,label.item-radio.item-content .item-media{align-self:center}label.item-radio.active-state{background-color:var(--f7-list-link-pressed-bg-color)}label.item-radio.active-state:after{background-color:transparent}.disabled label.item-radio,label.item-radio.disabled{opacity:.55;pointer-events:none;opacity:.55!important;pointer-events:none!important}.ios .icon-radio:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;width:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2);height:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2);line-height:calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2 + 1px);font-size:20px;content:'radio_ios';color:var(--f7-radio-active-color,var(--f7-theme-color));opacity:0}.ios .radio input[type=radio]:checked~.icon-radio:after,.ios label.item-radio input[type=radio]:checked~* .icon-radio:after,.ios label.item-radio input[type=radio]:checked~.icon-radio:after{opacity:1}.ios .radio input[type=radio]:checked~.icon-radio{border-color:var(--f7-radio-active-color,var(--f7-theme-color))}.ios label.item-radio input[type=radio]~.icon-radio{position:absolute;top:50%;margin-top:-11px;left:calc(var(--f7-safe-area-left) + 10px)}.ios label.item-radio .item-inner{padding-left:calc(var(--f7-safe-area-left) + 35px)}.ios label.item-radio.active-state{transition-duration:0s}.md .icon-radio{transition-duration:.2s}.md .icon-radio:after{content:'';position:absolute;width:10px;height:10px;left:50%;top:50%;margin-left:-5px;margin-top:-5px;background-color:var(--f7-radio-active-color,var(--f7-theme-color));border-radius:50%;transform:scale(0);transition-duration:.2s}.md .radio input[type=radio]:checked~.icon-radio,.md label.item-radio input[type=radio]:checked~* .icon-radio,.md label.item-radio input[type=radio]:checked~.icon-radio{border-color:var(--f7-radio-active-color,var(--f7-theme-color))}.md .radio input[type=radio]:checked~.icon-radio:after,.md label.item-radio input[type=radio]:checked~* .icon-radio:after,.md label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:var(--f7-radio-active-color,var(--f7-theme-color));transform:scale(1)}.md label.item-radio{position:relative;overflow:hidden;z-index:0}.md label.item-radio>.icon-radio{margin-left:calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin))}.aurora .icon-radio{transition-duration:150ms;overflow:hidden}.aurora .icon-radio:after{content:'';position:absolute;width:6px;height:6px;left:50%;top:50%;margin-left:-3px;margin-top:-3px;background-color:#fff;border-radius:50%;transform:scale(0);transition-duration:150ms}.aurora .icon-radio:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.1);opacity:0;transition-duration:150ms}.aurora .radio.active-state i:before{opacity:1}.aurora .radio input[type=radio]:checked~.icon-radio,.aurora label.item-radio input[type=radio]:checked~* .icon-radio,.aurora label.item-radio input[type=radio]:checked~.icon-radio{border-color:var(--f7-radio-active-color,var(--f7-theme-color));background-color:var(--f7-radio-active-color,var(--f7-theme-color))}.aurora .radio input[type=radio]:checked~.icon-radio:after,.aurora label.item-radio input[type=radio]:checked~* .icon-radio:after,.aurora label.item-radio input[type=radio]:checked~.icon-radio:after{transform:scale(1)}.aurora label.item-radio{position:relative;overflow:hidden;z-index:0}.aurora label.item-radio>.icon-radio{margin-left:calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin))}:root{--f7-toggle-handle-color:#fff}.ios{--f7-toggle-width:52px;--f7-toggle-height:32px;--f7-toggle-border-color:#e5e5e5;--f7-toggle-inactive-color:#fff}.ios .theme-dark,.ios.theme-dark{--f7-toggle-border-color:#555;--f7-toggle-inactive-color:#222}.md{--f7-toggle-width:36px;--f7-toggle-height:14px;--f7-toggle-inactive-color:#b0afaf}.md .theme-dark,.md.theme-dark{--f7-toggle-inactive-color:#555}.aurora{--f7-toggle-width:40px;--f7-toggle-height:20px;--f7-toggle-inactive-color:#aaa}.aurora .theme-dark,.aurora.theme-dark{--f7-toggle-inactive-color:#555}.toggle,.toggle-icon{width:var(--f7-toggle-width);height:var(--f7-toggle-height);border-radius:var(--f7-toggle-height)}.toggle{display:inline-block;vertical-align:middle;position:relative;box-sizing:border-box;align-self:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle input[type=checkbox]{display:none}.toggle input[disabled]~.toggle-icon{pointer-events:none}.toggle-icon{z-index:0;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;position:relative;transition:.3s;box-sizing:border-box;display:block;cursor:pointer}.toggle-icon:after,.toggle-icon:before{content:'';will-change:transform}.toggle-icon:after{background:var(--f7-toggle-handle-color);position:absolute;z-index:2;transform:translateX(0px);transition-duration:.3s}.ios .toggle input[type=checkbox]:checked+.toggle-icon{background:var(--f7-toggle-active-color,var(--f7-theme-color))}.ios .toggle input[type=checkbox]:checked+.toggle-icon:before{transform:scale(0)}.ios .toggle input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(-1 * (var(--f7-toggle-width) - var(--f7-toggle-height))))}.ios .toggle-icon{background:var(--f7-toggle-border-color)}.ios .toggle-icon:before{position:absolute;right:2px;top:2px;width:calc(var(--f7-toggle-width) - 4px);height:calc(var(--f7-toggle-height) - 4px);border-radius:var(--f7-toggle-height);box-sizing:border-box;background:var(--f7-toggle-inactive-color);z-index:1;transition-duration:.3s;transform:scale(1)}.ios .toggle-icon:after{height:calc(var(--f7-toggle-height) - 4px);width:calc(var(--f7-toggle-height) - 4px);top:2px;right:2px;box-shadow:0 2px 4px rgba(0,0,0,.3);border-radius:calc(var(--f7-toggle-height) - 4px)}.ios .toggle-active-state input[type=checkbox]:not(:checked)+.toggle-icon:before{transform:scale(0)}.ios .toggle-active-state input[type=checkbox]+.toggle-icon:after{width:calc(var(--f7-toggle-height) + 4px)}.ios .toggle-active-state input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(-1 * (var(--f7-toggle-width) - var(--f7-toggle-height) - 8px)))}.md .toggle input[type=checkbox]:checked+.toggle-icon{background:var(--f7-toggle-active-color,rgba(var(--f7-theme-color-rgb),.5))}.md .toggle input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(-1 * (var(--f7-toggle-width) - var(--f7-toggle-height) - 6px)));background:var(--f7-toggle-active-color,var(--f7-theme-color))}.md .toggle-icon{background:var(--f7-toggle-inactive-color)}.md .toggle-icon:after{height:calc(var(--f7-toggle-height) + 6px);width:calc(var(--f7-toggle-height) + 6px);top:-3px;box-shadow:0 2px 5px rgba(0,0,0,.4);border-radius:var(--f7-toggle-height);right:0}.aurora .toggle input[type=checkbox]:checked+.toggle-icon{background:var(--f7-toggle-active-color,var(--f7-theme-color))}.aurora .toggle input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(calc(-1 * (var(--f7-toggle-width) - var(--f7-toggle-height))))}.aurora .toggle-icon{background:var(--f7-toggle-inactive-color)}.aurora .toggle-icon:after{height:calc(var(--f7-toggle-height) - 4px);width:calc(var(--f7-toggle-height) - 4px);top:2px;right:2px;border-radius:calc(var(--f7-toggle-height) - 4px)}:root{--f7-range-scale-step-height:5px;--f7-range-scale-text-color:#666;--f7-range-scale-substep-width:1px;--f7-range-scale-substep-height:4px}.ios{--f7-range-size:28px;--f7-range-bar-bg-color:#b7b8b7;--f7-range-bar-size:1px;--f7-range-bar-border-radius:2px;--f7-range-knob-size:28px;--f7-range-knob-color:#fff;--f7-range-knob-box-shadow:0 2px 4px rgba(0, 0, 0, 0.3);--f7-range-label-size:20px;--f7-range-label-text-color:#000;--f7-range-label-bg-color:#fff;--f7-range-label-font-size:12px;--f7-range-label-font-weight:normal;--f7-range-label-border-radius:5px;--f7-range-label-padding:0px;--f7-range-scale-step-width:1px;--f7-range-scale-font-size:12px;--f7-range-scale-font-weight:400;--f7-range-scale-label-offset:4px}.md{--f7-range-size:20px;--f7-range-bar-bg-color:#b9b9b9;--f7-range-bar-size:2px;--f7-range-bar-border-radius:0px;--f7-range-knob-size:12px;--f7-range-knob-box-shadow:none;--f7-range-label-size:26px;--f7-range-label-font-weight:normal;--f7-range-label-text-color:#fff;--f7-range-label-font-size:10px;--f7-range-label-border-radius:50%;--f7-range-label-padding:0px;--f7-range-scale-step-width:2px;--f7-range-scale-font-size:12px;--f7-range-scale-font-weight:400;--f7-range-scale-label-offset:4px}.aurora{--f7-range-size:20px;--f7-range-bar-bg-color:#c7c7c7;--f7-range-bar-size:2px;--f7-range-bar-border-radius:2px;--f7-range-knob-size:16px;--f7-range-knob-box-shadow:none;--f7-range-label-size:20px;--f7-range-label-text-color:#fff;--f7-range-label-font-size:10px;--f7-range-label-font-weight:600;--f7-range-label-border-radius:4px;--f7-range-label-padding:0px 4px;--f7-range-scale-step-width:2px;--f7-range-scale-font-size:11px;--f7-range-scale-font-weight:500;--f7-range-scale-label-offset:2px}.range-slider{display:block;position:relative;align-self:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.range-slider input[type=range]{display:none}.range-slider.range-slider-horizontal{width:100%;height:var(--f7-range-size)}.range-slider.range-slider-vertical{height:100%;width:var(--f7-range-size)}.range-bar{position:absolute;overflow:hidden;background:var(--f7-range-bar-bg-color);border-radius:var(--f7-range-bar-border-radius)}.range-slider-vertical .range-bar{left:50%;top:0;height:100%;width:var(--f7-range-bar-size);margin-left:calc(-1 * var(--f7-range-bar-size)/ 2)}.range-slider-horizontal .range-bar{left:0;top:50%;width:100%;height:var(--f7-range-bar-size);margin-top:calc(-1 * var(--f7-range-bar-size)/ 2)}.range-bar-active{position:absolute;background:var(--f7-range-bar-active-bg-color,var(--f7-theme-color))}.range-slider-horizontal .range-bar-active{right:0;top:0;height:100%}.range-slider-vertical .range-bar-active{left:0;bottom:0;width:100%}.range-slider-vertical-reversed .range-bar-active{top:0;bottom:auto}.range-knob-wrap{z-index:20;position:absolute;height:var(--f7-range-knob-size);width:var(--f7-range-knob-size)}.range-slider-horizontal .range-knob-wrap{top:50%;margin-top:calc(-1 * var(--f7-range-knob-size)/ 2);margin-right:calc(-1 * var(--f7-range-knob-size)/ 2);right:0}.range-slider-vertical .range-knob-wrap{left:50%;margin-left:calc(-1 * var(--f7-range-knob-size)/ 2);bottom:0;margin-bottom:calc(-1 * var(--f7-range-knob-size)/ 2)}.range-slider-vertical-reversed .range-knob-wrap{bottom:auto;top:0;margin-bottom:0;margin-top:calc(-1 * var(--f7-range-knob-size)/ 2)}.range-knob{box-sizing:border-box;border-radius:50%;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:var(--f7-range-knob-color,var(--f7-range-knob-bg-color,var(--f7-theme-color)));box-shadow:var(--f7-range-knob-box-shadow)}.range-knob:after{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.range-knob-label{position:absolute;left:50%;bottom:100%;text-align:center;transition-duration:120ms;transition-property:transform;box-sizing:border-box;transform:translateY(100%) scale(0);height:var(--f7-range-label-size);line-height:var(--f7-range-label-size);min-width:var(--f7-range-label-size);color:var(--f7-range-label-text-color);background-color:var(--f7-range-label-bg-color,var(--f7-theme-color));font-size:var(--f7-range-label-font-size);font-weight:var(--f7-range-label-font-weight);border-radius:var(--f7-range-label-border-radius);padding:var(--f7-range-label-padding)}.range-knob-active-state .range-knob-label{transform:translateY(0%) scale(1)}.range-scale{position:absolute}.range-slider-horizontal .range-scale{top:50%;left:0;width:100%;margin-top:calc(var(--f7-range-bar-size)/ 2)}.range-slider-vertical .range-scale{right:50%;top:0;height:100%;margin-right:calc(var(--f7-range-bar-size)/ 2)}.range-scale-step{position:absolute;box-sizing:border-box;display:flex;font-size:var(--f7-range-scale-font-size);font-weight:var(--f7-range-scale-font-weight);color:var(--f7-range-scale-text-color,var(--f7-range-bar-bg-color));line-height:1}.range-scale-step:before{content:'';position:absolute;background:var(--f7-range-scale-step-bg-color,var(--f7-range-bar-bg-color))}.range-slider-horizontal .range-scale-step{justify-content:center;align-items:flex-start;width:var(--f7-range-scale-step-width);height:var(--f7-range-scale-step-height);padding-top:calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset));top:0;margin-right:calc(-1 * var(--f7-range-scale-step-width)/ 2)}.range-slider-horizontal .range-scale-step:before{left:0;top:0;width:100%;height:var(--f7-range-scale-step-height)}.range-slider-horizontal .range-scale-step:first-child{margin-right:0}.range-slider-horizontal .range-scale-step:last-child{margin-right:calc(-1 * var(--f7-range-scale-step-width))}.range-slider-vertical .range-scale-step{line-height:1;justify-content:flex-end;align-items:center;height:var(--f7-range-scale-step-width);width:var(--f7-range-scale-step-height);padding-right:calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset));right:0;margin-bottom:calc(-1 * var(--f7-range-scale-step-width)/ 2)}.range-slider-vertical .range-scale-step:first-child{margin-bottom:0}.range-slider-vertical .range-scale-step:last-child{margin-bottom:calc(-1 * var(--f7-range-scale-step-width))}.range-slider-vertical .range-scale-step:before{right:0;top:0;height:100%;width:var(--f7-range-scale-step-height)}.range-scale-substep{--f7-range-scale-step-bg-color:var(--f7-range-scale-substep-bg-color, var(--f7-range-bar-bg-color));--f7-range-scale-step-width:var(--f7-range-scale-substep-width);--f7-range-scale-step-height:var(--f7-range-scale-substep-height)}.ios .range-knob-label{margin-bottom:6px;transform:translateX(-50%) translateY(100%) scale(0)}.ios .range-knob-active-state .range-knob-label{transform:translateX(-50%) translateY(0%) scale(1)}.md .range-knob{transition-duration:.2s;transition-property:transform,background-color}.md .range-knob-active-state .range-knob{transform:scale(1.5)}.md .range-slider-min:not(.range-slider-dual) .range-knob{background:#fff!important;border:2px solid var(--f7-range-bar-bg-color)}.md .range-knob-label{width:var(--f7-range-label-size);margin-left:calc(-1 * var(--f7-range-label-size)/ 2);margin-bottom:8px}.md .range-knob-label:before{content:'';left:50%;top:0px;margin-left:calc(-1 * var(--f7-range-label-size)/ 2);position:absolute;z-index:-1;width:var(--f7-range-label-size);height:var(--f7-range-label-size);background:var(--f7-range-label-bg-color,var(--f7-theme-color));transform:rotate(-45deg);border-radius:50% 50% 50% 0}.md .range-knob-active-state .range-knob-label{transform:translateY(0%) scale(1)}.md .range-slider-label .range-knob-active-state .range-knob{transform:scale(0)}.aurora .range-knob-label{margin-bottom:6px;transform:translateX(-50%) translateY(100%) scale(0)}.aurora .range-knob-active-state .range-knob-label{transform:translateX(-50%) translateY(0%) scale(1)}:root{--f7-stepper-fill-button-text-color:#fff;--f7-stepper-raised-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0,0,0,0.24);--f7-stepper-value-font-weight:500;--f7-stepper-border-width:2px}.ios{--f7-stepper-height:28px;--f7-stepper-border-radius:5px;--f7-stepper-large-height:44px;--f7-stepper-small-height:26px;--f7-stepper-small-border-width:2px;--f7-stepper-value-font-size:17px}.md{--f7-stepper-height:36px;--f7-stepper-border-radius:4px;--f7-stepper-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-stepper-large-height:48px;--f7-stepper-small-border-width:2px;--f7-stepper-small-height:28px;--f7-stepper-value-font-size:14px}.md .theme-dark,.md.theme-dark{--f7-stepper-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}.aurora{--f7-stepper-height:28px;--f7-stepper-border-radius:4px;--f7-stepper-large-height:34px;--f7-stepper-small-border-width:1px;--f7-stepper-small-height:22px;--f7-stepper-value-font-size:14px}.stepper{display:inline-flex;align-items:stretch;height:var(--f7-stepper-height);border-radius:var(--f7-stepper-border-radius);flex-direction:row-reverse}.stepper-button,.stepper-button-minus,.stepper-button-plus{background-color:var(--f7-stepper-button-bg-color);width:40px;border-radius:var(--f7-stepper-border-radius);border:var(--f7-stepper-border-width) solid var(--f7-theme-color);color:var(--f7-stepper-button-text-color,var(--f7-theme-color));line-height:calc(var(--f7-stepper-height) - var(--f7-stepper-border-width,0px));text-align:center;display:flex;justify-content:center;align-content:center;align-items:center;flex-shrink:0;box-sizing:border-box;position:relative;cursor:pointer}.stepper-button-minus.active-state,.stepper-button-plus.active-state,.stepper-button.active-state{background-color:var(--f7-stepper-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-stepper-button-pressed-text-color,var(--f7-stepper-button-text-color,var(--f7-theme-color)))}.stepper-button-minus:first-child,.stepper-button-plus:first-child,.stepper-button:first-child{border-radius:var(--f7-stepper-border-radius) 0 0 var(--f7-stepper-border-radius)}.stepper-button-minus:last-child,.stepper-button-plus:last-child,.stepper-button:last-child{border-radius:0 var(--f7-stepper-border-radius) var(--f7-stepper-border-radius) 0}.stepper-button .icon,.stepper-button-minus .icon,.stepper-button-plus .icon{pointer-events:none}.stepper-button+.stepper-button,.stepper-button+.stepper-button-minus,.stepper-button+.stepper-button-plus,.stepper-button-minus+.stepper-button,.stepper-button-minus+.stepper-button-minus,.stepper-button-minus+.stepper-button-plus,.stepper-button-plus+.stepper-button,.stepper-button-plus+.stepper-button-minus,.stepper-button-plus+.stepper-button-plus{border-left:none}.stepper-button-minus,.stepper-button-plus{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stepper-button-minus:after,.stepper-button-minus:before,.stepper-button-plus:after,.stepper-button-plus:before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--f7-stepper-button-text-color,var(--f7-theme-color));border-radius:2px}.stepper-button-minus:after,.stepper-button-plus:after{width:15px;height:2px}.stepper-button-plus:before{height:15px;width:2px}.stepper-value{display:flex;align-content:center;align-items:center;justify-content:center}.stepper-input-wrap,.stepper-value{flex-shrink:1;text-align:center;border-top:var(--f7-stepper-border-width) solid var(--f7-theme-color);border-bottom:var(--f7-stepper-border-width) solid var(--f7-theme-color)}.stepper .stepper-input-wrap input,.stepper-value{width:45px;color:var(--f7-stepper-value-text-color,var(--f7-theme-color));font-size:var(--f7-stepper-value-font-size);font-weight:var(--f7-stepper-value-font-weight);text-align:center}.stepper .stepper-input-wrap input{height:100%}.aurora .stepper-round-aurora,.ios .stepper-round-ios,.md .stepper-round-md,.stepper-round{--f7-stepper-border-radius:var(--f7-stepper-height)}.aurora .stepper-fill-aurora,.ios .stepper-fill-ios,.md .stepper-fill-md,.stepper-fill{--f7-stepper-button-bg-color:var(--f7-stepper-fill-button-bg-color, var(--f7-theme-color));--f7-stepper-button-text-color:var(--f7-stepper-fill-button-text-color);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.aurora .stepper-fill-aurora .stepper-button+.stepper-button,.aurora .stepper-fill-aurora .stepper-button-minus+.stepper-button-plus,.aurora .stepper-raised-aurora .stepper-button+.stepper-button,.aurora .stepper-raised-aurora .stepper-button-minus+.stepper-button-plus,.ios .stepper-fill-ios .stepper-button+.stepper-button,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus,.ios .stepper-raised-ios .stepper-button+.stepper-button,.ios .stepper-raised-ios .stepper-button-minus+.stepper-button-plus,.md .stepper-fill-md .stepper-button+.stepper-button,.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus,.md .stepper-raised-md .stepper-button+.stepper-button,.md .stepper-raised-md .stepper-button-minus+.stepper-button-plus,.stepper-fill .stepper-button+.stepper-button,.stepper-fill .stepper-button-minus+.stepper-button-plus,.stepper-raised .stepper-button+.stepper-button,.stepper-raised .stepper-button-minus+.stepper-button-plus{border-left:1px solid rgba(0,0,0,.1)}.aurora .stepper-fill-aurora .stepper-button+.stepper-button.active-state,.aurora .stepper-fill-aurora .stepper-button-minus+.stepper-button-plus.active-state,.ios .stepper-fill-ios .stepper-button+.stepper-button.active-state,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus.active-state,.md .stepper-fill-md .stepper-button+.stepper-button.active-state,.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus.active-state,.stepper-fill .stepper-button+.stepper-button.active-state,.stepper-fill .stepper-button-minus+.stepper-button-plus.active-state{border-left-color:var(--f7-stepper-button-pressed-bg-color)}.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):not(.stepper-fill) .stepper-input-wrap,.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):not(.stepper-fill) .stepper-value,.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-input-wrap,.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-value,.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-input-wrap,.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-value,.stepper-raised:not(.stepper-fill) .stepper-input-wrap,.stepper-raised:not(.stepper-fill) .stepper-value{border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}.aurora .stepper-large-aurora,.ios .stepper-large-ios,.md .stepper-large-md,.stepper-large{--f7-stepper-height:var(--f7-stepper-large-height)}.aurora .stepper-small-aurora,.ios .stepper-small-ios,.md .stepper-small-md,.stepper-small{--f7-stepper-border-width:var(--f7-stepper-small-border-width);--f7-stepper-height:var(--f7-stepper-small-height)}.ios .stepper-fill.stepper-small,.ios .stepper-fill.stepper-small-ios{--f7-stepper-button-pressed-bg-color:transparent;--f7-stepper-button-pressed-text-color:var(--f7-theme-color)}.aurora .stepper-raised-aurora,.ios .stepper-raised-ios,.md .stepper-raised-md,.stepper-raised{--f7-stepper-border-width:0;box-shadow:var(--f7-stepper-raised-box-shadow)}.ios .stepper-button .f7-icons,.ios .stepper-button-minus .f7-icons,.ios .stepper-button-plus .f7-icons{font-size:22px}.ios .stepper-fill,.ios .stepper-fill-ios{--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-tint))}.ios .stepper-small-ios.stepper-raised,.ios .stepper-small-ios.stepper-raised-ios,.ios .stepper-small.stepper-raised,.ios .stepper-small.stepper-raised-ios{--f7-stepper-border-width:0px}.ios .stepper-small .stepper-button,.ios .stepper-small .stepper-button-minus,.ios .stepper-small .stepper-button-plus,.ios .stepper-small-ios .stepper-button,.ios .stepper-small-ios .stepper-button-minus,.ios .stepper-small-ios .stepper-button-plus{transition-duration:.2s}.ios .stepper-small .stepper-button-minus.active-state:after,.ios .stepper-small .stepper-button-minus.active-state:before,.ios .stepper-small .stepper-button-plus.active-state:after,.ios .stepper-small .stepper-button-plus.active-state:before,.ios .stepper-small .stepper-button.active-state:after,.ios .stepper-small .stepper-button.active-state:before,.ios .stepper-small-ios .stepper-button-minus.active-state:after,.ios .stepper-small-ios .stepper-button-minus.active-state:before,.ios .stepper-small-ios .stepper-button-plus.active-state:after,.ios .stepper-small-ios .stepper-button-plus.active-state:before,.ios .stepper-small-ios .stepper-button.active-state:after,.ios .stepper-small-ios .stepper-button.active-state:before{transition-duration:.2s;background-color:var(--f7-theme-color)}.md .stepper-button,.md .stepper-button-minus,.md .stepper-button-plus{transition-duration:.3s;transform:translate3d(0,0,0);overflow:hidden}.md .stepper-fill,.md .stepper-fill-md{--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .stepper-button,.aurora .stepper-button-minus,.aurora .stepper-button-plus{transition-duration:.1s;transform:translate3d(0,0,0);overflow:hidden}.aurora.device-desktop .stepper-button-minus:not(.active-state):not(.no-hover):hover,.aurora.device-desktop .stepper-button-plus:not(.active-state):not(.no-hover):hover,.aurora.device-desktop .stepper-button:not(.active-state):not(.no-hover):hover{background-color:var(--f7-stepper-button-hover-bg-color,rgba(var(--f7-theme-color-rgb),.07))}.aurora .stepper-fill,.aurora .stepper-fill-aurora{--f7-stepper-button-hover-bg-color:var(--f7-stepper-button-fill-hover-bg-color, var(--f7-theme-color-tint));--f7-stepper-button-pressed-bg-color:var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade))}.smart-select select{display:none}.smart-select .item-after{max-width:70%;overflow:hidden;text-overflow:ellipsis;position:relative;display:block}.smart-select-sheet .list ul,.smart-select-sheet .page,.smart-select-sheet .sheet-modal-inner{background:var(--f7-smart-select-sheet-bg,var(--f7-list-bg-color))}.smart-select-sheet .toolbar:after{content:'';position:absolute;background-color:var(--f7-smart-select-sheet-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.smart-select-sheet .toolbar:after{display:block}.smart-select-sheet .list{margin:0}.smart-select-sheet .list ul:before{display:none!important}.smart-select-sheet .list ul:after{display:none!important}.smart-select-popover .popover-inner{max-height:40vh}:root{--f7-grid-gap:16px}.row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;--f7-cols-per-row:1}.row>.col,.row>[class*=col-]{box-sizing:border-box;width:calc((100% - var(--f7-grid-gap) * (var(--f7-cols-per-row) - 1))/ var(--f7-cols-per-row))}.row.no-gap{--f7-grid-gap:0px}.row .col-5{--f7-cols-per-row:20}.row .col-10{--f7-cols-per-row:10}.row .col-15{--f7-cols-per-row:6.66666667}.row .col-20{--f7-cols-per-row:5}.row .col-25{--f7-cols-per-row:4}.row .col-30{--f7-cols-per-row:3.33333333}.row .col-33{--f7-cols-per-row:3}.row .col-35{--f7-cols-per-row:2.85714286}.row .col-40{--f7-cols-per-row:2.5}.row .col-45{--f7-cols-per-row:2.22222222}.row .col-50{--f7-cols-per-row:2}.row .col-55{--f7-cols-per-row:1.81818182}.row .col-60{--f7-cols-per-row:1.66666667}.row .col-65{--f7-cols-per-row:1.53846154}.row .col-66{--f7-cols-per-row:1.5}.row .col-70{--f7-cols-per-row:1.42857143}.row .col-75{--f7-cols-per-row:1.33333333}.row .col-80{--f7-cols-per-row:1.25}.row .col-85{--f7-cols-per-row:1.17647059}.row .col-90{--f7-cols-per-row:1.11111111}.row .col-95{--f7-cols-per-row:1.05263158}.row .col-100{--f7-cols-per-row:1}.row .col:nth-last-child(1),.row .col:nth-last-child(1)~.col{--f7-cols-per-row:1}.row .col:nth-last-child(2),.row .col:nth-last-child(2)~.col{--f7-cols-per-row:2}.row .col:nth-last-child(3),.row .col:nth-last-child(3)~.col{--f7-cols-per-row:3}.row .col:nth-last-child(4),.row .col:nth-last-child(4)~.col{--f7-cols-per-row:4}.row .col:nth-last-child(5),.row .col:nth-last-child(5)~.col{--f7-cols-per-row:5}.row .col:nth-last-child(6),.row .col:nth-last-child(6)~.col{--f7-cols-per-row:6}.row .col:nth-last-child(7),.row .col:nth-last-child(7)~.col{--f7-cols-per-row:7}.row .col:nth-last-child(8),.row .col:nth-last-child(8)~.col{--f7-cols-per-row:8}.row .col:nth-last-child(9),.row .col:nth-last-child(9)~.col{--f7-cols-per-row:9}.row .col:nth-last-child(10),.row .col:nth-last-child(10)~.col{--f7-cols-per-row:10}.row .col:nth-last-child(11),.row .col:nth-last-child(11)~.col{--f7-cols-per-row:11}.row .col:nth-last-child(12),.row .col:nth-last-child(12)~.col{--f7-cols-per-row:12}.row .col:nth-last-child(13),.row .col:nth-last-child(13)~.col{--f7-cols-per-row:13}.row .col:nth-last-child(14),.row .col:nth-last-child(14)~.col{--f7-cols-per-row:14}.row .col:nth-last-child(15),.row .col:nth-last-child(15)~.col{--f7-cols-per-row:15}.row .col:nth-last-child(16),.row .col:nth-last-child(16)~.col{--f7-cols-per-row:16}.row .col:nth-last-child(17),.row .col:nth-last-child(17)~.col{--f7-cols-per-row:17}.row .col:nth-last-child(18),.row .col:nth-last-child(18)~.col{--f7-cols-per-row:18}.row .col:nth-last-child(19),.row .col:nth-last-child(19)~.col{--f7-cols-per-row:19}.row .col:nth-last-child(20),.row .col:nth-last-child(20)~.col{--f7-cols-per-row:20}.row .col:nth-last-child(21),.row .col:nth-last-child(21)~.col{--f7-cols-per-row:21}.row .col:nth-last-child(22),.row .col:nth-last-child(22)~.col{--f7-cols-per-row:22}@media (min-width:768px){.row .tablet-5{--f7-cols-per-row:20}.row .tablet-10{--f7-cols-per-row:10}.row .tablet-15{--f7-cols-per-row:6.66666667}.row .tablet-20{--f7-cols-per-row:5}.row .tablet-25{--f7-cols-per-row:4}.row .tablet-30{--f7-cols-per-row:3.33333333}.row .tablet-33{--f7-cols-per-row:3}.row .tablet-35{--f7-cols-per-row:2.85714286}.row .tablet-40{--f7-cols-per-row:2.5}.row .tablet-45{--f7-cols-per-row:2.22222222}.row .tablet-50{--f7-cols-per-row:2}.row .tablet-55{--f7-cols-per-row:1.81818182}.row .tablet-60{--f7-cols-per-row:1.66666667}.row .tablet-65{--f7-cols-per-row:1.53846154}.row .tablet-66{--f7-cols-per-row:1.5}.row .tablet-70{--f7-cols-per-row:1.42857143}.row .tablet-75{--f7-cols-per-row:1.33333333}.row .tablet-80{--f7-cols-per-row:1.25}.row .tablet-85{--f7-cols-per-row:1.17647059}.row .tablet-90{--f7-cols-per-row:1.11111111}.row .tablet-95{--f7-cols-per-row:1.05263158}.row .tablet-100{--f7-cols-per-row:1}.row .tablet-auto:nth-last-child(1),.row .tablet-auto:nth-last-child(1)~.tablet-auto{--f7-cols-per-row:1}.row .tablet-auto:nth-last-child(2),.row .tablet-auto:nth-last-child(2)~.tablet-auto{--f7-cols-per-row:2}.row .tablet-auto:nth-last-child(3),.row .tablet-auto:nth-last-child(3)~.tablet-auto{--f7-cols-per-row:3}.row .tablet-auto:nth-last-child(4),.row .tablet-auto:nth-last-child(4)~.tablet-auto{--f7-cols-per-row:4}.row .tablet-auto:nth-last-child(5),.row .tablet-auto:nth-last-child(5)~.tablet-auto{--f7-cols-per-row:5}.row .tablet-auto:nth-last-child(6),.row .tablet-auto:nth-last-child(6)~.tablet-auto{--f7-cols-per-row:6}.row .tablet-auto:nth-last-child(7),.row .tablet-auto:nth-last-child(7)~.tablet-auto{--f7-cols-per-row:7}.row .tablet-auto:nth-last-child(8),.row .tablet-auto:nth-last-child(8)~.tablet-auto{--f7-cols-per-row:8}.row .tablet-auto:nth-last-child(9),.row .tablet-auto:nth-last-child(9)~.tablet-auto{--f7-cols-per-row:9}.row .tablet-auto:nth-last-child(10),.row .tablet-auto:nth-last-child(10)~.tablet-auto{--f7-cols-per-row:10}.row .tablet-auto:nth-last-child(11),.row .tablet-auto:nth-last-child(11)~.tablet-auto{--f7-cols-per-row:11}.row .tablet-auto:nth-last-child(12),.row .tablet-auto:nth-last-child(12)~.tablet-auto{--f7-cols-per-row:12}.row .tablet-auto:nth-last-child(13),.row .tablet-auto:nth-last-child(13)~.tablet-auto{--f7-cols-per-row:13}.row .tablet-auto:nth-last-child(14),.row .tablet-auto:nth-last-child(14)~.tablet-auto{--f7-cols-per-row:14}.row .tablet-auto:nth-last-child(15),.row .tablet-auto:nth-last-child(15)~.tablet-auto{--f7-cols-per-row:15}.row .tablet-auto:nth-last-child(16),.row .tablet-auto:nth-last-child(16)~.tablet-auto{--f7-cols-per-row:16}.row .tablet-auto:nth-last-child(17),.row .tablet-auto:nth-last-child(17)~.tablet-auto{--f7-cols-per-row:17}.row .tablet-auto:nth-last-child(18),.row .tablet-auto:nth-last-child(18)~.tablet-auto{--f7-cols-per-row:18}.row .tablet-auto:nth-last-child(19),.row .tablet-auto:nth-last-child(19)~.tablet-auto{--f7-cols-per-row:19}.row .tablet-auto:nth-last-child(20),.row .tablet-auto:nth-last-child(20)~.tablet-auto{--f7-cols-per-row:20}.row .tablet-auto:nth-last-child(21),.row .tablet-auto:nth-last-child(21)~.tablet-auto{--f7-cols-per-row:21}.row .tablet-auto:nth-last-child(22),.row .tablet-auto:nth-last-child(22)~.tablet-auto{--f7-cols-per-row:22}}@media (min-width:1025px){.row .desktop-5{--f7-cols-per-row:20}.row .desktop-10{--f7-cols-per-row:10}.row .desktop-15{--f7-cols-per-row:6.66666667}.row .desktop-20{--f7-cols-per-row:5}.row .desktop-25{--f7-cols-per-row:4}.row .desktop-30{--f7-cols-per-row:3.33333333}.row .desktop-33{--f7-cols-per-row:3}.row .desktop-35{--f7-cols-per-row:2.85714286}.row .desktop-40{--f7-cols-per-row:2.5}.row .desktop-45{--f7-cols-per-row:2.22222222}.row .desktop-50{--f7-cols-per-row:2}.row .desktop-55{--f7-cols-per-row:1.81818182}.row .desktop-60{--f7-cols-per-row:1.66666667}.row .desktop-65{--f7-cols-per-row:1.53846154}.row .desktop-66{--f7-cols-per-row:1.5}.row .desktop-70{--f7-cols-per-row:1.42857143}.row .desktop-75{--f7-cols-per-row:1.33333333}.row .desktop-80{--f7-cols-per-row:1.25}.row .desktop-85{--f7-cols-per-row:1.17647059}.row .desktop-90{--f7-cols-per-row:1.11111111}.row .desktop-95{--f7-cols-per-row:1.05263158}.row .desktop-100{--f7-cols-per-row:1}.row .desktop-auto:nth-last-child(1),.row .desktop-auto:nth-last-child(1)~.desktop-auto{--f7-cols-per-row:1}.row .desktop-auto:nth-last-child(2),.row .desktop-auto:nth-last-child(2)~.desktop-auto{--f7-cols-per-row:2}.row .desktop-auto:nth-last-child(3),.row .desktop-auto:nth-last-child(3)~.desktop-auto{--f7-cols-per-row:3}.row .desktop-auto:nth-last-child(4),.row .desktop-auto:nth-last-child(4)~.desktop-auto{--f7-cols-per-row:4}.row .desktop-auto:nth-last-child(5),.row .desktop-auto:nth-last-child(5)~.desktop-auto{--f7-cols-per-row:5}.row .desktop-auto:nth-last-child(6),.row .desktop-auto:nth-last-child(6)~.desktop-auto{--f7-cols-per-row:6}.row .desktop-auto:nth-last-child(7),.row .desktop-auto:nth-last-child(7)~.desktop-auto{--f7-cols-per-row:7}.row .desktop-auto:nth-last-child(8),.row .desktop-auto:nth-last-child(8)~.desktop-auto{--f7-cols-per-row:8}.row .desktop-auto:nth-last-child(9),.row .desktop-auto:nth-last-child(9)~.desktop-auto{--f7-cols-per-row:9}.row .desktop-auto:nth-last-child(10),.row .desktop-auto:nth-last-child(10)~.desktop-auto{--f7-cols-per-row:10}.row .desktop-auto:nth-last-child(11),.row .desktop-auto:nth-last-child(11)~.desktop-auto{--f7-cols-per-row:11}.row .desktop-auto:nth-last-child(12),.row .desktop-auto:nth-last-child(12)~.desktop-auto{--f7-cols-per-row:12}.row .desktop-auto:nth-last-child(13),.row .desktop-auto:nth-last-child(13)~.desktop-auto{--f7-cols-per-row:13}.row .desktop-auto:nth-last-child(14),.row .desktop-auto:nth-last-child(14)~.desktop-auto{--f7-cols-per-row:14}.row .desktop-auto:nth-last-child(15),.row .desktop-auto:nth-last-child(15)~.desktop-auto{--f7-cols-per-row:15}.row .desktop-auto:nth-last-child(16),.row .desktop-auto:nth-last-child(16)~.desktop-auto{--f7-cols-per-row:16}.row .desktop-auto:nth-last-child(17),.row .desktop-auto:nth-last-child(17)~.desktop-auto{--f7-cols-per-row:17}.row .desktop-auto:nth-last-child(18),.row .desktop-auto:nth-last-child(18)~.desktop-auto{--f7-cols-per-row:18}.row .desktop-auto:nth-last-child(19),.row .desktop-auto:nth-last-child(19)~.desktop-auto{--f7-cols-per-row:19}.row .desktop-auto:nth-last-child(20),.row .desktop-auto:nth-last-child(20)~.desktop-auto{--f7-cols-per-row:20}.row .desktop-auto:nth-last-child(21),.row .desktop-auto:nth-last-child(21)~.desktop-auto{--f7-cols-per-row:21}.row .desktop-auto:nth-last-child(22),.row .desktop-auto:nth-last-child(22)~.desktop-auto{--f7-cols-per-row:22}}:root{--f7-calendar-height:320px;--f7-calendar-sheet-landscape-height:220px;--f7-calendar-sheet-bg-color:#fff;--f7-calendar-popover-width:320px;--f7-calendar-popover-height:320px;--f7-calendar-modal-height:420px;--f7-calendar-modal-max-width:380px;--f7-calendar-modal-border-radius:4px;--f7-calendar-modal-bg-color:#fff;--f7-calendar-footer-padding:0 8px;--f7-calendar-week-header-font-size:11px;--f7-calendar-day-text-color:#000;--f7-calendar-selected-text-color:#fff;--f7-calendar-prev-next-text-color:#b8b8b8;--f7-calendar-disabled-text-color:#d4d4d4;--f7-calendar-event-dot-size:4px}:root .theme-dark,:root.theme-dark{--f7-calendar-sheet-border-color:var(--f7-bars-border-color);--f7-calendar-modal-bg-color:#121212;--f7-calendar-sheet-bg-color:#121212}.ios{--f7-calendar-sheet-border-color:#929499;--f7-calendar-header-height:44px;--f7-calendar-header-font-size:17px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 8px;--f7-calendar-footer-height:44px;--f7-calendar-footer-font-size:17px;--f7-calendar-week-header-height:18px;--f7-calendar-row-border-color:rgba(0, 0, 0, 0.25);--f7-calendar-day-font-size:15px;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3;--f7-calendar-day-size:30px}.ios .theme-dark,.ios.theme-dark{--f7-calendar-row-border-color:var(--f7-bars-border-color);--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.md{--f7-calendar-sheet-border-color:#ccc;--f7-calendar-header-height:56px;--f7-calendar-header-font-size:20px;--f7-calendar-header-font-weight:400;--f7-calendar-header-padding:0 24px;--f7-calendar-footer-height:48px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:24px;--f7-calendar-row-border-color:transparent;--f7-calendar-day-font-size:14px;--f7-calendar-today-bg-color:none;--f7-calendar-day-size:32px}.md .theme-dark,.md.theme-dark{--f7-calendar-day-text-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-calendar-sheet-border-color:#ccc;--f7-calendar-header-height:38px;--f7-calendar-header-font-size:14px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 8px;--f7-calendar-footer-height:38px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:18px;--f7-calendar-row-border-color:#e3e3e3;--f7-calendar-day-font-size:13px;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3;--f7-calendar-day-size:30px}.aurora .theme-dark,.aurora.theme-dark{--f7-calendar-row-border-color:var(--f7-bars-border-color);--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.calendar{overflow:hidden;height:var(--f7-calendar-height);width:100%;display:flex;flex-direction:column}.calendar.modal-in{display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:var(--f7-calendar-sheet-landscape-height)}.calendar.calendar-modal{height:calc(100vh - var(--f7-navbar-height))}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-sheet{--f7-sheet-border-color:var(--f7-calendar-sheet-border-color);background:var(--f7-calendar-sheet-bg-color)}.calendar-sheet:before{z-index:600}.calendar-sheet .sheet-modal-inner{margin-bottom:var(--f7-safe-area-bottom)}.calendar-modal .toolbar:before,.calendar-popover .toolbar:before,.calendar-sheet .toolbar:before{display:none}.calendar-popover{width:var(--f7-calendar-popover-width)}.calendar-popover .calendar{height:var(--f7-calendar-popover-height);border-radius:var(--f7-popover-border-radius)}.calendar-header{width:100%;position:relative;overflow:hidden;flex-shrink:0;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;padding:var(--f7-calendar-header-padding);background-color:var(--f7-calendar-header-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-header-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-header-height);line-height:var(--f7-calendar-header-height);font-size:var(--f7-calendar-header-font-size);font-weight:var(--f7-calendar-header-font-weight)}.calendar-header a{color:var(--f7-calendar-header-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer{width:100%;flex-shrink:0;padding:var(--f7-calendar-footer-padding);background-color:var(--f7-calendar-footer-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-footer-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-footer-height);font-size:var(--f7-calendar-header-font-size);display:flex;justify-content:flex-end;box-sizing:border-box;align-items:center;position:relative}.calendar-footer a{color:var(--f7-calendar-footer-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer:before{content:'';position:absolute;background-color:var(--f7-calendar-footer-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.calendar-modal{position:absolute;height:var(--f7-calendar-modal-height);overflow:hidden;top:50%;left:50%;min-width:300px;max-width:var(--f7-calendar-modal-max-width);transform:translate3d(-50%,100%,0);transition-property:transform;display:flex;z-index:12000;background:var(--f7-calendar-modal-bg-color);width:90%;border-radius:var(--f7-calendar-modal-border-radius);box-shadow:var(--f7-elevation-24)}.calendar-modal.modal-in,.calendar-modal.modal-out{transition-duration:.4s}.calendar-modal.modal-in{transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{transform:translate3d(-50%,100%,0)}.calendar-week-header{display:flex;box-sizing:border-box;position:relative;font-size:var(--f7-calendar-week-header-font-size);background-color:var(--f7-calendar-week-header-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-week-header-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-week-header-height);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}.calendar-week-header .calendar-week-day{flex-shrink:1;width:calc(100% / 7);text-align:center;line-height:var(--f7-calendar-week-header-height)}.calendar-months{width:100%;height:100%;overflow:hidden;position:relative;flex-shrink:10}.calendar-months-wrapper{position:relative;width:100%;height:100%;transition:.3s}.calendar-month{display:flex;flex-direction:column;width:100%;height:100%;position:absolute;left:0;top:0}.calendar-row{height:16.66666667%;height:calc(100% / 6);display:flex;flex-shrink:1;width:100%;position:relative;box-sizing:border-box;padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}.calendar-row:before{content:'';position:absolute;background-color:var(--f7-calendar-row-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.calendar-modal .calendar-months:first-child .calendar-row:first-child:before,.calendar-popover .calendar-months:first-child .calendar-row:first-child:before{display:none!important}.calendar-day{flex-shrink:1;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:14.28571429%;width:calc(100% / 7);text-align:center;cursor:pointer;z-index:20;color:var(--f7-calendar-day-text-color);height:100%;font-size:var(--f7-calendar-day-font-size)}.calendar-day.calendar-day-today .calendar-day-number{color:var(--f7-calendar-today-text-color,var(--f7-theme-color));background-color:var(--f7-calendar-today-bg-color)}.calendar-day.calendar-day-next,.calendar-day.calendar-day-prev{color:var(--f7-calendar-prev-next-text-color)}.calendar-day.calendar-day-disabled{color:var(--f7-calendar-disabled-text-color);cursor:auto}.calendar-day.calendar-day-selected .calendar-day-number{color:var(--f7-calendar-selected-text-color);background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color))}.calendar-day .calendar-day-number{display:inline-block;border-radius:50%;position:relative;width:var(--f7-calendar-day-size);height:var(--f7-calendar-day-size);line-height:var(--f7-calendar-day-size)}.calendar-day .calendar-day-events{position:absolute;display:flex;left:0;width:100%;top:100%;align-items:center;justify-content:center;margin-top:1px}.calendar-day .calendar-day-event{width:var(--f7-calendar-event-dot-size);height:var(--f7-calendar-event-dot-size);border-radius:calc(var(--f7-calendar-event-dot-size)/ 2);background-color:var(--f7-calendar-event-bg-color)}.calendar-day .calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-range .calendar-day.calendar-day-selected{align-items:stretch;align-content:stretch}.calendar-range .calendar-day.calendar-day-selected .calendar-day-number{width:100%;border-radius:0;height:auto;text-align:center;display:flex;align-items:center;justify-content:center}.calendar-month-selector,.calendar-year-selector{display:flex;justify-content:space-between;align-items:center;width:50%;max-width:200px;flex-shrink:10;margin-left:auto;margin-right:auto}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{flex-shrink:1;position:relative;overflow:hidden;text-overflow:ellipsis}.calendar-month-selector a.icon-only,.calendar-year-selector a.icon-only{min-width:36px}:root{--f7-picker-height:260px;--f7-picker-inline-height:200px;--f7-picker-popover-height:200px;--f7-picker-popover-width:280px;--f7-picker-landscape-height:200px;--f7-picker-item-height:36px}.ios{--f7-picker-sheet-bg-color:#cfd5da;--f7-picker-column-font-size:22px;--f7-picker-divider-text-color:#000;--f7-picker-item-text-color:#707274;--f7-picker-item-selected-text-color:#000;--f7-picker-item-selected-border-color:#a8abb0}.ios .theme-dark,.ios.theme-dark{--f7-picker-divider-text-color:#fff;--f7-picker-item-selected-text-color:#fff;--f7-picker-item-selected-border-color:rgba(255, 255, 255, 0.06)}.md{--f7-picker-column-font-size:20px;--f7-picker-divider-text-color:rgba(0, 0, 0, 0.87);--f7-picker-item-text-color:inherit;--f7-picker-item-selected-text-color:inherit;--f7-picker-item-selected-border-color:rgba(0, 0, 0, 0.15)}.md .theme-dark,.md.theme-dark{--f7-picker-divider-text-color:rgba(255, 255, 255, 0.87);--f7-picker-item-selected-border-color:rgba(255, 255, 255, 0.15)}.aurora{--f7-picker-column-font-size:16px;--f7-picker-divider-text-color:#000;--f7-picker-item-height:28px;--f7-picker-item-text-color:#888;--f7-picker-item-selected-text-color:#000;--f7-picker-item-selected-border-color:rgba(0, 0, 0, 0.12)}.aurora .theme-dark,.aurora.theme-dark{--f7-picker-divider-text-color:#fff;--f7-picker-item-selected-text-color:#fff;--f7-picker-item-selected-border-color:rgba(255, 255, 255, 0.06)}.picker{width:100%;height:var(--f7-picker-height)}.picker.picker-inline{height:var(--f7-picker-inline-height)}.popover .picker{height:var(--f7-picker-popover-height)}@media (orientation:landscape) and (max-height:415px){.picker:not(.picker-inline){height:var(--f7-picker-landscape-height)}}.picker.sheet-modal{background:var(--f7-picker-sheet-bg-color,var(--f7-sheet-bg-color))}.picker-popover{width:var(--f7-picker-popover-width)}.picker-popover .toolbar{background:0 0;border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.picker-popover .toolbar:before{display:none!important}.picker-popover .toolbar+.picker-columns{height:calc(100% - var(--f7-toolbar-height))}.picker-columns{display:flex;overflow:hidden;justify-content:center;padding:0;text-align:right;height:100%;position:relative;-webkit-mask-box-image:linear-gradient(to top,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent);font-size:var(--f7-picker-column-font-size)}.picker-column{position:relative;max-height:100%}.picker-column.picker-column-first:before,.picker-column.picker-column-last:after{height:100%;width:100vw;position:absolute;content:'';top:0}.picker-column.picker-column-first:before{left:100%}.picker-column.picker-column-last:after{right:100%}.picker-column.picker-column-left{text-align:left}.picker-column.picker-column-center{text-align:center}.picker-column.picker-column-right{text-align:right}.picker-column.picker-column-divider{display:flex;align-items:center;color:var(--f7-picker-divider-text-color)}.picker-items{transition:.3s;transition-timing-function:ease-out}.picker-item{height:var(--f7-picker-item-height);line-height:var(--f7-picker-item-height);white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;left:0;top:0;width:100%;box-sizing:border-box;transition:.3s;color:var(--f7-picker-item-text-color);cursor:pointer}.picker-item span{padding:0 10px}.picker-column-absolute .picker-item{position:absolute}.picker-item.picker-item-far{pointer-events:none}.picker-item.picker-item-selected{color:var(--f7-picker-item-selected-text-color);transform:translate3d(0,0,0) rotateX(0deg)}.picker-center-highlight{height:var(--f7-picker-item-height);box-sizing:border-box;position:absolute;left:0;width:100%;top:50%;margin-top:calc(-1 * var(--f7-picker-item-height)/ 2);pointer-events:none}.picker-center-highlight:before{content:'';position:absolute;background-color:var(--f7-picker-item-selected-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.picker-center-highlight:after{content:'';position:absolute;background-color:var(--f7-picker-item-selected-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.picker-3d .picker-columns{overflow:hidden;perspective:1200px}.picker-3d .picker-column,.picker-3d .picker-item,.picker-3d .picker-items{transform-style:preserve-3d}.picker-3d .picker-column{overflow:visible}.picker-3d .picker-item{transform-origin:center center -110px;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-timing-function:ease-out}.infinite-scroll-preloader{margin-left:auto;margin-right:auto;text-align:center}.infinite-scroll-preloader.preloader{display:block}.ios .infinite-scroll-preloader{margin-top:35px;margin-bottom:35px}.ios .infinite-scroll-preloader .preloader,.ios .infinite-scroll-preloader.preloader{width:27px;height:27px}.md .infinite-scroll-preloader{margin-top:32px;margin-bottom:32px}.aurora .infinite-scroll-preloader{margin-top:15px;margin-bottom:15px}.ios{--f7-ptr-preloader-size:20px;--f7-ptr-size:44px}.md{--f7-ptr-preloader-size:22px;--f7-ptr-size:40px}.aurora{--f7-ptr-preloader-size:20px;--f7-ptr-size:38px}.ptr-preloader{position:relative;top:var(--f7-ptr-top,0);height:var(--f7-ptr-size)}.ptr-preloader .preloader{position:absolute;left:50%;width:var(--f7-ptr-preloader-size);height:var(--f7-ptr-preloader-size);margin-left:calc(-1 * var(--f7-ptr-preloader-size)/ 2);margin-top:calc(-1 * var(--f7-ptr-preloader-size)/ 2);top:50%;visibility:hidden}.ptr-bottom .ptr-preloader{top:auto;bottom:0;position:fixed}.ios .ptr-preloader{margin-top:calc(-1 * var(--f7-ptr-size));width:100%;left:0}.ios .ptr-arrow{position:absolute;left:50%;top:50%;background:no-repeat center;z-index:10;transform:rotate(0deg) translate3d(0,0,0);transition-duration:.3s;transition-property:transform;width:12px;height:20px;margin-left:-6px;margin-top:-10px;visibility:visible;color:var(--f7-preloader-color)}.ios .ptr-arrow:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;width:12px;height:20px;line-height:20px;font-size:10px;content:'ptr_arrow_ios'}.ios .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader{animation:none}.ios .ptr-refreshing,.ios .ptr-transitioning{transition-duration:.3s;transition-property:transform}.ios .ptr-refreshing{transform:translate3d(0,var(--f7-ptr-size),0)}.ios .ptr-refreshing .ptr-arrow{visibility:hidden}.ios .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.ios .ptr-pull-up .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.ios .ptr-no-navbar{margin-top:calc(-1 * var(--f7-ptr-size));height:calc(100% + var(--f7-ptr-size))}.ios .ptr-no-navbar .ptr-preloader{margin-top:0}.ios .ptr-bottom .ptr-preloader{margin-top:0;margin-bottom:calc(-1 * var(--f7-ptr-size))}.ios .ptr-bottom.ptr-refreshing>*,.ios .ptr-bottom.ptr-transitioning>*{transition-duration:.3s;transition-property:transform}.ios .ptr-bottom.ptr-refreshing{transform:none}.ios .ptr-bottom.ptr-refreshing>*{transform:translate3d(0,calc(-1 * var(--f7-ptr-size)),0)}.ios .ptr-bottom .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.ios .ptr-bottom.ptr-pull-up .ptr-arrow{transform:rotate(0deg) translate3d(0,0,0)}.md{--f7-ptr-top:-4px}.md .ptr-preloader{width:var(--f7-ptr-size);border-radius:50%;background:#fff;margin-top:calc(-1 * var(--f7-ptr-size));z-index:100;box-shadow:var(--f7-elevation-1);right:50%;margin-right:calc(-1 * var(--f7-ptr-size)/ 2)}.md .ptr-preloader .preloader .preloader-inner-gap,.md .ptr-preloader .preloader .preloader-inner-half-circle{border-width:3px}.md .ptr-arrow{width:22px;height:22px;box-sizing:border-box;border:3px solid var(--f7-preloader-color);position:absolute;left:50%;top:50%;margin-left:-11px;margin-top:-11px;border-left-color:transparent;border-radius:50%;opacity:1;transform:rotate(150deg)}.md .ptr-arrow:after{content:'';width:0px;height:0px;position:absolute;left:-5px;bottom:0px;border-bottom-width:6px;border-bottom-style:solid;border-bottom-color:inherit;border-left:5px solid transparent;border-right:5px solid transparent;transform:rotate(-40deg)}.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader,.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader *{animation:none}.md .ptr-pull-up .ptr-preloader .preloader,.md .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.md .ptr-pull-up .ptr-arrow,.md .ptr-refreshing .ptr-arrow{visibility:hidden}.md .ptr-refreshing .ptr-preloader{transform:translate3d(0,66px,0)}.md .ptr-transitioning .ptr-arrow{transition:.3s}.md .ptr-pull-up .ptr-arrow{transition:.4s;transform:rotate(620deg)!important;opacity:0}.md .ptr-refreshing .ptr-preloader,.md .ptr-transitioning .ptr-preloader{transition-duration:.3s;transition-property:transform}.md .ptr-bottom .ptr-preloader{margin-top:0;margin-bottom:calc(-1 * var(--f7-ptr-size) - 4px)}.md .ptr-bottom.ptr-refreshing .ptr-preloader{transform:translate3d(0,-66px,0)}.aurora .ptr-preloader{margin-top:calc(-1 * var(--f7-ptr-size));width:100%;left:0}.aurora .ptr-arrow{position:absolute;left:50%;top:50%;background:no-repeat center;z-index:10;transform:rotate(0deg) translate3d(0,0,0);transition-duration:.3s;transition-property:transform;width:12px;height:20px;margin-left:-6px;margin-top:-10px;visibility:visible;color:var(--f7-preloader-color)}.aurora .ptr-arrow:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;width:12px;height:20px;line-height:20px;font-size:8px;content:'ptr_arrow_ios'}.aurora .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader{animation:none}.aurora .ptr-refreshing,.aurora .ptr-transitioning{transition-duration:.3s;transition-property:transform}.aurora .ptr-refreshing{transform:translate3d(0,var(--f7-ptr-size),0)}.aurora .ptr-refreshing .ptr-arrow{visibility:hidden}.aurora .ptr-refreshing .ptr-preloader .preloader{visibility:visible}.aurora .ptr-pull-up .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.aurora .ptr-no-navbar{margin-top:calc(-1 * var(--f7-ptr-size));height:calc(100% + var(--f7-ptr-size))}.aurora .ptr-no-navbar .ptr-preloader{margin-top:0}.aurora .ptr-bottom .ptr-preloader{margin-top:0;margin-bottom:calc(-1 * var(--f7-ptr-size))}.aurora .ptr-bottom.ptr-refreshing>*,.aurora .ptr-bottom.ptr-transitioning>*{transition-duration:.3s;transition-property:transform}.aurora .ptr-bottom.ptr-refreshing{transform:none}.aurora .ptr-bottom.ptr-refreshing>*{transform:translate3d(0,calc(-1 * var(--f7-ptr-size)),0)}.aurora .ptr-bottom .ptr-arrow{transform:rotate(180deg) translate3d(0,0,0)}.aurora .ptr-bottom.ptr-pull-up .ptr-arrow{transform:rotate(0deg) translate3d(0,0,0)}.lazy-loaded.lazy-fade-in{animation:lazyFadeIn .6s}@keyframes lazyFadeIn{from{opacity:0}to{opacity:1}}:root{--f7-table-head-font-size:12px;--f7-table-body-font-size:14px;--f7-table-footer-font-size:12px;--f7-table-input-height:24px;--f7-table-input-font-size:14px;--f7-table-collapsible-cell-padding:16px;--f7-table-link-icon-only-icon-size:20px;--f7-table-sortable-icon-color:#000}:root .theme-dark,:root.theme-dark{--f7-table-cell-border-color:rgba(255, 255, 255, 0.15);--f7-table-sortable-icon-color:#fff;--f7-table-input-text-color:#fff}.ios{--f7-table-head-font-weight:600;--f7-table-head-text-color:rgba(0, 0, 0, 0.45);--f7-table-head-cell-height:44px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:44px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.22);--f7-table-cell-padding-vertical:0px;--f7-table-cell-padding-horizontal:16px;--f7-table-edge-cell-padding-horizontal:16px;--f7-table-label-cell-padding-horizontal:16px;--f7-table-checkbox-cell-width:22px;--f7-table-selected-row-bg-color:rgba(0, 0, 0, 0.03);--f7-table-title-font-size:17px;--f7-table-title-font-weight:600;--f7-table-card-header-height:64px;--f7-table-footer-height:44px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.45);--f7-table-input-text-color:#000}.ios .theme-dark,.ios.theme-dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.55);--f7-table-footer-text-color:rgba(255, 255, 255, 0.55);--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.08)}.md{--f7-table-head-font-weight:500;--f7-table-head-text-color:rgba(0, 0, 0, 0.54);--f7-table-head-cell-height:56px;--f7-table-head-icon-size:16px;--f7-table-body-cell-height:48px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-cell-padding-vertical:0px;--f7-table-cell-padding-horizontal:28px;--f7-table-edge-cell-padding-horizontal:24px;--f7-table-label-cell-padding-horizontal:24px;--f7-table-checkbox-cell-width:18px;--f7-table-actions-cell-link-color:rgba(0, 0, 0, 0.54);--f7-table-selected-row-bg-color:#f5f5f5;--f7-table-actions-link-color:rgba(0, 0, 0, 0.54);--f7-table-title-font-size:20px;--f7-table-title-font-weight:400;--f7-table-card-header-height:64px;--f7-table-footer-height:56px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.54);--f7-table-input-text-color:#212121}.md .theme-dark,.md.theme-dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.54);--f7-table-footer-text-color:rgba(255, 255, 255, 0.54);--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.05);--f7-table-actions-cell-link-color:rgba(255, 255, 255, 0.54);--f7-table-actions-link-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-table-link-icon-only-icon-size:18px;--f7-table-head-font-weight:400;--f7-table-head-text-color:rgba(0, 0, 0, 0.6);--f7-table-head-cell-height:32px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:32px;--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-cell-padding-vertical:5px;--f7-table-cell-padding-horizontal:10px;--f7-table-edge-cell-padding-horizontal:16px;--f7-table-label-cell-padding-horizontal:16px;--f7-table-checkbox-cell-width:22px;--f7-table-selected-row-bg-color:rgba(0, 0, 0, 0.03);--f7-table-title-font-size:14px;--f7-table-title-font-weight:600;--f7-table-card-header-height:42px;--f7-table-footer-height:32px;--f7-table-footer-text-color:rgba(0, 0, 0, 0.5);--f7-table-input-text-color:#000}.aurora .theme-dark,.aurora.theme-dark{--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.03);--f7-table-head-text-color:rgba(255, 255, 255, 0.54);--f7-table-footer-text-color:rgba(255, 255, 255, 0.54)}.data-table{overflow-x:auto}.data-table table,table.data-table{width:100%;border:none;padding:0;margin:0;border-collapse:collapse;text-align:right}.data-table thead td,.data-table thead th{font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:16px;height:var(--f7-table-head-cell-height)}.data-table thead td:not(.sortable-cell-active),.data-table thead th:not(.sortable-cell-active){color:var(--f7-table-head-text-color)}.data-table thead i.f7-icons,.data-table thead i.icon,.data-table thead i.material-icons{vertical-align:top;font-size:var(--f7-table-head-icon-size);width:var(--f7-table-head-icon-size);height:var(--f7-table-head-icon-size)}.data-table tbody{font-size:var(--f7-table-body-font-size)}.data-table tbody td,.data-table tbody th{height:var(--f7-table-body-cell-height)}.data-table tbody tr.data-table-row-selected,.device-desktop .data-table tbody tr:hover{background:var(--f7-table-selected-row-bg-color)}.data-table tbody td:before,.data-table tbody th:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table td,.data-table th{--f7-table-cell-padding-left:var(--f7-table-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-cell-padding-horizontal);padding-top:var(--f7-table-cell-padding-vertical);padding-bottom:var(--f7-table-cell-padding-vertical);padding-left:var(--f7-table-cell-padding-left);padding-right:var(--f7-table-cell-padding-right);position:relative;box-sizing:border-box}.data-table td:first-child,.data-table th:first-child{--f7-table-cell-padding-right:var(--f7-table-edge-cell-padding-horizontal)}.data-table td:last-child,.data-table th:last-child{--f7-table-cell-padding-left:var(--f7-table-edge-cell-padding-horizontal)}.data-table td.label-cell,.data-table th.label-cell{--f7-table-cell-padding-left:var(--f7-table-label-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-label-cell-padding-horizontal)}.data-table td.numeric-cell,.data-table th.numeric-cell{text-align:left}.data-table td.checkbox-cell,.data-table th.checkbox-cell{overflow:visible;width:var(--f7-table-checkbox-cell-width)}.data-table td.checkbox-cell label+span,.data-table th.checkbox-cell label+span{margin-right:8px}.data-table td.checkbox-cell:first-child,.data-table th.checkbox-cell:first-child{padding-left:calc(var(--f7-table-cell-padding-left)/ 2)}.data-table td.checkbox-cell:first-child+td,.data-table td.checkbox-cell:first-child+th,.data-table th.checkbox-cell:first-child+td,.data-table th.checkbox-cell:first-child+th{padding-right:calc(var(--f7-table-cell-padding-right)/ 2)}.data-table td.checkbox-cell:last-child,.data-table th.checkbox-cell:last-child{padding-right:calc(var(--f7-table-cell-padding-right)/ 2)}.data-table td.actions-cell,.data-table th.actions-cell{text-align:left;white-space:nowrap}.data-table td.actions-cell a.link,.data-table th.actions-cell a.link{color:var(--f7-table-actions-cell-link-color,var(--f7-theme-color))}.card .data-table td a.icon-only,.card .data-table th a.icon-only,.card.data-table td a.icon-only,.card.data-table th a.icon-only,.data-table td a.icon-only,.data-table th a.icon-only{display:inline-block;vertical-align:middle;text-align:center;font-size:0;min-width:0}.card .data-table td a.icon-only i,.card .data-table th a.icon-only i,.card.data-table td a.icon-only i,.card.data-table th a.icon-only i,.data-table td a.icon-only i,.data-table th a.icon-only i{font-size:var(--f7-table-link-icon-only-icon-size);vertical-align:middle}.data-table .sortable-cell:not(.input-cell){cursor:pointer;position:relative}.data-table .sortable-cell.input-cell .table-head-label{cursor:pointer;position:relative}.data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.data-table .sortable-cell.numeric-cell:not(.input-cell):before,.data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{content:'arrow_bottom_md';font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;display:inline-block;vertical-align:top;width:16px;height:16px;color:var(--f7-table-sortable-icon-color);font-size:13px;line-height:16px;transition-duration:.3s;transform:rotate(0);opacity:0}.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before{opacity:.54}.data-table .sortable-cell.sortable-cell-active .table-head-label:after,.data-table .sortable-cell.sortable-cell-active .table-head-label:before,.data-table .sortable-cell.sortable-cell-active:after,.data-table .sortable-cell.sortable-cell-active:before{opacity:.87!important}.data-table .sortable-cell.sortable-desc:after,.data-table .sortable-cell.sortable-desc:before,.data-table .table-head-label:after,.data-table .table-head-label:before{transform:rotate(180deg)!important}.card .data-table .card-footer,.card .data-table .card-header,.data-table.card .card-footer,.data-table.card .card-header{padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal)}.card .data-table .card-header,.data-table.card .card-header{min-height:var(--f7-table-card-header-height)}.card .data-table .card-content,.data-table.card .card-content{overflow-x:auto}.card .data-table .card-footer,.data-table.card .card-footer{min-height:var(--f7-table-footer-height)}.data-table .data-table-title{font-size:var(--f7-table-title-font-size);font-weight:var(--f7-table-title-font-weight)}.data-table .data-table-actions,.data-table .data-table-links{display:flex}.data-table .data-table-links .button{min-width:64px}.data-table .data-table-actions{margin-right:auto;align-items:center}.data-table .data-table-actions a.link{color:var(--f7-table-actions-link-color,var(--f7-theme-color));min-width:0}.data-table .data-table-actions a.link.icon-only{line-height:1;justify-content:center;padding:0}.data-table .data-table-header,.data-table .data-table-header-selected{display:flex;justify-content:space-between;align-items:center;width:100%}.data-table .card-header>.data-table-header,.data-table .card-header>.data-table-header-selected{padding-top:var(--f7-card-header-padding-vertical);padding-bottom:var(--f7-card-header-padding-vertical);height:100%;padding-right:var(--f7-table-edge-cell-padding-horizontal);padding-left:var(--f7-table-edge-cell-padding-horizontal);margin-right:calc(-1 * var(--f7-table-edge-cell-padding-horizontal));margin-left:calc(-1 * var(--f7-table-edge-cell-padding-horizontal))}.data-table .data-table-header-selected{background:rgba(var(--f7-theme-color-rgb),.1);display:none}.data-table.data-table-has-checked .data-table-header{display:none}.data-table.data-table-has-checked .data-table-header-selected{display:flex}.data-table .data-table-title-selected{font-size:14px;color:var(--f7-theme-color)}.data-table .data-table-footer{display:flex;align-items:center;box-sizing:border-box;position:relative;font-size:var(--f7-table-footer-font-size);overflow:hidden;min-height:var(--f7-table-footer-height);color:var(--f7-table-footer-text-color);justify-content:flex-start}.data-table .data-table-footer:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table .data-table-pagination,.data-table .data-table-rows-select{display:flex;align-items:center}.data-table .input-cell{padding-top:8px;padding-bottom:8px;height:auto;vertical-align:top}.data-table .input-cell .table-head-label+.input{margin-top:4px}.data-table .input-cell .input{height:var(--f7-table-input-height)}.data-table .input-cell .input input,.data-table .input-cell .input select,.data-table .input-cell .input textarea{height:var(--f7-table-input-height);color:var(--f7-table-input-text-color);font-size:var(--f7-table-input-font-size)}@media (max-width:480px) and (orientation:portrait){.data-table.data-table-collapsible thead{display:none}.data-table.data-table-collapsible tbody,.data-table.data-table-collapsible td,.data-table.data-table-collapsible tr{display:block}.data-table.data-table-collapsible tr{position:relative}.data-table.data-table-collapsible tr:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table.data-table-collapsible tr:hover{background-color:inherit}.data-table.data-table-collapsible td{--f7-table-cell-padding-left:var(--f7-table-collapsible-cell-padding);--f7-table-cell-padding-right:var(--f7-table-collapsible-cell-padding);height:auto;min-height:var(--f7-table-body-cell-height);display:flex;align-content:center;align-items:center;justify-content:flex-start;text-align:right}.data-table.data-table-collapsible td:before{display:none!important}.data-table.data-table-collapsible td:not(.checkbox-cell):before{width:40%;display:block!important;content:attr(data-collapsible-title);position:relative;height:auto;background:0 0!important;transform:none!important;font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);color:var(--f7-table-head-text-color);margin-left:16px;flex-shrink:0}.data-table.data-table-collapsible td.checkbox-cell{position:absolute;top:0;right:0}.data-table.data-table-collapsible td.checkbox-cell+td{padding-right:16px}.data-table.data-table-collapsible td.checkbox-cell~td{margin-right:32px}}.data-table .tablet-landscape-only,.data-table .tablet-only{display:none}@media (min-width:768px){.data-table .tablet-only{display:table-cell}}@media (min-width:768px) and (orientation:landscape){.data-table .tablet-landscape-only{display:table-cell}}.ios .data-table td.actions-cell a.link+a.link,.ios .data-table th.actions-cell a.link+a.link{margin-right:16px}.ios .sortable-cell:not(.numeric-cell):after{margin-right:5px}.ios .sortable-cell.numeric-cell:before{margin-left:5px}.ios .data-table-actions .button+.button,.ios .data-table-actions a.link+a.link,.ios .data-table-links .button+.button,.ios .data-table-links a.link+a.link{margin-right:16px}.ios .data-table-actions a.link.icon-only{width:44px;height:44px}.ios .data-table-pagination a.link,.ios .data-table-rows-select a.link{width:44px;height:44px}.ios .data-table-rows-select+.data-table-pagination{margin-right:30px}.ios .data-table-rows-select .input{margin-right:20px}.ios .data-table-pagination-label{margin-left:16px}.md .data-table td.actions-cell a.link+a.link,.md .data-table th.actions-cell a.link+a.link{margin-right:24px}.md .data-table td.actions-cell a.icon-only,.md .data-table th.actions-cell a.icon-only{width:24px;height:24px;line-height:24px}.md .sortable-cell:not(.numeric-cell):after{margin-right:8px}.md .sortable-cell.numeric-cell:before{margin-left:8px}.md .data-table-actions .button+.button,.md .data-table-actions a.link+a.link,.md .data-table-links .button+.button,.md .data-table-links a.link+a.link{margin-right:24px}.md .data-table-actions a.link.icon-only{width:24px;height:24px;overflow:visible}.md .data-table-actions a.link.icon-only.active-state{background:0 0}.md .data-table-pagination a.link,.md .data-table-rows-select a.link{width:48px;height:48px}.md .data-table-pagination a.link:before,.md .data-table-rows-select a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .data-table-pagination a.link.active-state:before,.md .data-table-rows-select a.link.active-state:before{opacity:1;transition-duration:150ms}.md .data-table-rows-select+.data-table-pagination{margin-right:32px}.md .data-table-rows-select .input{margin-right:24px}.md .data-table-pagination-label{margin-left:20px}.md .input-cell .input-clear-button{transform:scale(.8)}.aurora .data-table td.actions-cell a.link+a.link,.aurora .data-table th.actions-cell a.link+a.link{margin-right:10px}.aurora .sortable-cell:not(.numeric-cell):after{margin-right:5px}.aurora .sortable-cell.numeric-cell:before{margin-left:5px}.aurora .data-table-actions .button+.button,.aurora .data-table-actions a.link+a.link,.aurora .data-table-links .button+.button,.aurora .data-table-links a.link+a.link{margin-right:10px}.aurora .data-table-pagination a.link,.aurora .data-table-rows-select a.link{width:32px;height:32px}.aurora .data-table-rows-select+.data-table-pagination{margin-right:16px}.aurora .data-table-rows-select .input{margin-right:10px}.aurora .data-table-pagination-label{margin-left:10px}:root{--f7-fab-margin:16px;--f7-fab-text-color:#fff;--f7-fab-extended-text-font-size:14px;--f7-fab-extended-text-padding:0 20px;--f7-fab-label-bg-color:#fff;--f7-fab-label-text-color:#333;--f7-fab-label-border-radius:4px;--f7-fab-label-padding:4px 12px;--f7-fab-button-size:40px}.ios{--f7-fab-size:50px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-extended-size:50px;--f7-fab-extended-text-font-weight:600;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4);--f7-fab-label-font-size:inherit}.md{--f7-fab-size:56px;--f7-fab-box-shadow:var(--f7-elevation-6);--f7-fab-extended-size:48px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0.03em;--f7-fab-label-box-shadow:var(--f7-elevation-3);--f7-fab-label-font-size:inherit}.aurora{--f7-fab-size:40px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-extended-size:38px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4);--f7-fab-label-font-size:12px}.fab{position:absolute;z-index:1500}.fab a{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.fab[class*=fab-left]{left:calc(var(--f7-fab-margin) + var(--f7-safe-area-left))}.fab[class*=fab-right]{right:calc(var(--f7-fab-margin) + var(--f7-safe-area-right))}.fab[class*="-top"]{top:var(--f7-fab-margin)}.fab[class*="-bottom"]{bottom:calc(var(--f7-fab-margin) + var(--f7-safe-area-bottom))}.fab[class*=fab-center]{left:50%;transform:translateX(-50%)}.fab[class*=left-center],.fab[class*=right-center]{top:50%;transform:translateY(-50%)}.fab[class*=center-center]{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.fab-buttons a,.fab>a{background-color:var(--f7-fab-bg-color,var(--f7-theme-color));width:var(--f7-fab-size);height:var(--f7-fab-size);box-shadow:var(--f7-fab-box-shadow);border-radius:calc(var(--f7-fab-size)/ 2);position:relative;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1;color:var(--f7-fab-text-color)}.fab-buttons a.active-state,.fab>a.active-state{background-color:var(--f7-fab-pressed-bg-color,var(--f7-theme-color-shade))}.fab>a i{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);transition:.3s}.fab>a i+i{transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);opacity:0}.fab-buttons a{border-radius:calc(var(--f7-fab-button-size)/ 2);width:var(--f7-fab-button-size);height:var(--f7-fab-button-size)}.fab-buttons{display:flex;visibility:hidden;pointer-events:none;position:absolute}.fab-buttons a{opacity:0}.fab-opened:not(.fab-morph)>a i{transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);opacity:0}.fab-opened:not(.fab-morph)>a i+i{transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;transform:translate3d(0,0px,0) scale(1)!important}.fab-opened .fab-buttons a:nth-child(2){transition-delay:50ms}.fab-opened .fab-buttons a:nth-child(3){transition-delay:.1s}.fab-opened .fab-buttons a:nth-child(4){transition-delay:150ms}.fab-opened .fab-buttons a:nth-child(5){transition-delay:.2s}.fab-opened .fab-buttons a:nth-child(6){transition-delay:250ms}.fab-buttons-bottom,.fab-buttons-top{left:50%;width:var(--f7-fab-button-size);margin-left:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-top{bottom:100%;margin-bottom:16px;flex-direction:column-reverse}.fab-buttons-top a{transform:translate3d(0,8px,0) scale(.3);transform-origin:center bottom}.fab-buttons-top a+a{margin-bottom:16px}.fab-buttons-bottom{top:100%;margin-top:16px;flex-direction:column}.fab-buttons-bottom a{transform:translate3d(0,-8px,0) scale(.3);transform-origin:center top}.fab-buttons-bottom a+a{margin-top:16px}.fab-buttons-left,.fab-buttons-right{top:50%;height:var(--f7-fab-button-size);margin-top:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-left{right:100%;margin-right:16px}.fab-buttons-left a{transform:translate3d(8px,0px,0) scale(.3);transform-origin:right center}.fab-buttons-left a+a{margin-right:16px}.fab-buttons-right{left:100%;margin-left:16px;flex-direction:row-reverse}.fab-buttons-right a{transform:translate3d(-8px,0,0) scale(.3);transform-origin:left center}.fab-buttons-right a+a{margin-left:16px}.fab-buttons-center{left:0%;top:0%;width:100%;height:100%}.fab-buttons-center a{position:absolute}.fab-buttons-center a:nth-child(1){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);bottom:100%;margin-bottom:16px;transform:translateY(-8px) scale(.3);transform-origin:center bottom}.fab-buttons-center a:nth-child(2){left:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-left:16px;transform:translateX(-8px) scale(.3);transform-origin:left center}.fab-buttons-center a:nth-child(3){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);top:100%;margin-top:16px;transform:translateY(8px) scale(.3);transform-origin:center top}.fab-buttons-center a:nth-child(4){right:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-right:16px;transform:translateX(8px) scale(.3);transform-origin:right center}.fab-morph{border-radius:calc(var(--f7-fab-size)/ 2);background:var(--f7-fab-bg-color,var(--f7-theme-color));box-shadow:var(--f7-fab-box-shadow)}.fab-morph>a{box-shadow:none;background:0 0!important}.fab-opened.fab-morph>a i{opacity:0}.fab-morph,.fab-morph-target,.fab-morph>a{transition-duration:250ms}.fab-morph-target:not(.fab-morph-target-visible){display:none}.fab-extended{width:auto;min-width:var(--f7-fab-extended-size)}.fab-extended>a{width:100%;height:var(--f7-fab-extended-size)}.fab-extended>a i{left:calc(var(--f7-fab-extended-size)/ 2)}.fab-extended i~.fab-text{padding-left:var(--f7-fab-extended-size)}.fab-extended>a{width:100%!important}.fab-text{box-sizing:border-box;font-size:var(--f7-fab-extended-text-font-size);padding:var(--f7-fab-extended-text-padding);font-weight:var(--f7-fab-extended-text-font-weight);letter-spacing:var(--f7-fab-extended-text-letter-spacing);text-transform:uppercase}.fab-label-button{overflow:visible!important}.fab-label{position:absolute;top:50%;padding:var(--f7-fab-label-padding);border-radius:var(--f7-fab-label-border-radius);background:var(--f7-fab-label-bg-color);color:var(--f7-fab-label-text-color);box-shadow:var(--f7-fab-label-box-shadow);white-space:nowrap;transform:translateY(-50%);pointer-events:none;font-size:var(--f7-fab-label-font-size)}.fab[class*=fab-right-] .fab-label{right:100%;margin-right:8px}.fab[class*=fab-left-] .fab-label{left:100%;margin-left:8px}.navbars~* .fab[class*="-top"],.navbars~.fab[class*="-top"],.navbar~* .fab[class*="-top"],.navbar~.fab[class*="-top"]{margin-top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .toolbar-top-ios~* .fab[class*="-top"],.ios .toolbar-top-ios~.fab[class*="-top"],.md .toolbar-top-md~* .fab[class*="-top"],.md .toolbar-top-md~.fab[class*="-top"],.toolbar-top~* .fab[class*="-top"],.toolbar-top~.fab[class*="-top"]{margin-top:var(--f7-toolbar-height)}.ios .toolbar-bottom-ios~* .fab[class*="-bottom"],.ios .toolbar-bottom-ios~.fab[class*="-bottom"],.md .toolbar-bottom-md~* .fab[class*="-bottom"],.md .toolbar-bottom-md~.fab[class*="-bottom"],.toolbar-bottom~* .fab[class*="-bottom"],.toolbar-bottom~.fab[class*="-bottom"]{margin-bottom:var(--f7-toolbar-height)}.ios .tabbar-labels.toolbar-bottom-ios~* .fab[class*="-bottom"],.ios .tabbar-labels.toolbar-bottom-ios~.fab[class*="-bottom"],.md .tabbar-labels.toolbar-bottom-md~* .fab[class*="-bottom"],.md .tabbar-labels.toolbar-bottom-md~.fab[class*="-bottom"],.tabbar-labels.toolbar-bottom~* .fab[class*="-bottom"],.tabbar-labels.toolbar-bottom~.fab[class*="-bottom"]{margin-bottom:var(--f7-tabbar-labels-height)}.ios .tabbar-labels.toolbar-top-ios~* .fab[class*="-bottom"],.ios .tabbar-labels.toolbar-top-ios~.fab[class*="-bottom"],.md .tabbar-labels.toolbar-top-md~* .fab[class*="-bottom"],.md .tabbar-labels.toolbar-top-md~.fab[class*="-bottom"],.tabbar-labels.toolbar-top~* .fab[class*="-bottom"],.tabbar-labels.toolbar-top~.fab[class*="-bottom"]{margin-top:var(--f7-tabbar-labels-height)}.messagebar~* .fab[class*="-bottom"],.messagebar~.fab[class*="-bottom"]{margin-bottom:var(--f7-messagebar-height)}.ios .navbar+.toolbar-top-ios~* .fab[class*="-top"],.ios .navbar+.toolbar-top-ios~.fab[class*="-top"],.md .navbar+.toolbar-top-ios~* .fab[class*="-top"],.md .navbar+.toolbar-top-ios~.fab[class*="-top"],.navbar+.toolbar-top~* .fab[class*="-top"],.navbar+.toolbar-top~.fab[class*="-top"]{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.md .navbar+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.navbar+.toolbar-top.tabbar-labels~* .fab[class*="-top"],.navbar+.toolbar-top.tabbar-labels~.fab[class*="-top"]{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbars+.toolbar-top-ios~* .fab[class*="-top"],.ios .navbars+.toolbar-top-ios~.fab[class*="-top"],.navbars+.toolbar-top~* .fab[class*="-top"],.navbars+.toolbar-top~.fab[class*="-top"]{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbars+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"],.ios .navbars+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"],.navbars+.toolbar-top.tabbar-labels~* .fab[class*="-top"],.navbars+.toolbar-top.tabbar-labels~.fab[class*="-top"]{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .fab-buttons a.active-state,.ios .fab>a.active-state{transition-duration:0s}:root{--f7-searchbar-input-border-width:0px;--f7-searchbar-input-border-color:transparent;--f7-searchbar-input-text-color:#000;--f7-searchbar-placeholder-color:rgba(0, 0, 0, 0.4)}:root .theme-dark,:root.theme-dark{--f7-searchbar-input-text-color:#fff;--f7-searchbar-placeholder-color:rgba(255, 255, 255, 0.4)}.ios{--f7-searchbar-height:44px;--f7-searchbar-inner-padding-left:8px;--f7-searchbar-inner-padding-right:8px;--f7-searchbar-search-icon-color:rgba(0, 0, 0, 0.4);--f7-searchbar-input-font-size:17px;--f7-searchbar-input-bg-color:#e4e4e4;--f7-searchbar-input-border-radius:8px;--f7-searchbar-input-height:32px;--f7-searchbar-input-padding-horizontal:28px;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.4);--f7-searchbar-shadow-image:none;--f7-searchbar-in-page-content-margin:0px;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:0;--f7-searchbar-in-page-content-input-border-radius:0}.ios .theme-dark,.ios.theme-dark{--f7-searchbar-search-icon-color:rgba(255, 255, 255, 0.4);--f7-searchbar-input-bg-color:#2a2a2a}.md{--f7-searchbar-bg-color:#fff;--f7-searchbar-border-color:transparent;--f7-searchbar-height:48px;--f7-searchbar-inner-padding-left:0px;--f7-searchbar-inner-padding-right:0px;--f7-searchbar-link-color:#737373;--f7-searchbar-search-icon-color:#737373;--f7-searchbar-input-font-size:20px;--f7-searchbar-input-bg-color:#fff;--f7-searchbar-input-border-radius:0px;--f7-searchbar-input-height:100%;--f7-searchbar-input-padding-horizontal:48px;--f7-searchbar-inline-input-padding-horizontal:24px;--f7-searchbar-input-clear-button-color:#737373;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.25);--f7-searchbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-searchbar-in-page-content-margin:8px;--f7-searchbar-in-page-content-box-shadow:var(--f7-elevation-1);--f7-searchbar-in-page-content-border-radius:4px;--f7-searchbar-in-page-content-input-border-radius:4px}.md .theme-dark,.md.theme-dark{--f7-searchbar-bg-color:#202020;--f7-searchbar-input-bg-color:#202020}.aurora{--f7-searchbar-height:38px;--f7-searchbar-inner-padding-left:8px;--f7-searchbar-inner-padding-right:8px;--f7-searchbar-search-icon-color:rgba(0, 0, 0, 0.4);--f7-searchbar-input-font-size:13px;--f7-searchbar-input-bg-color:#fff;--f7-searchbar-input-border-radius:4px;--f7-searchbar-input-height:24px;--f7-searchbar-input-padding-horizontal:24px;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.4);--f7-searchbar-shadow-image:none;--f7-searchbar-in-page-content-margin:0px;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:0}.aurora .theme-dark,.aurora.theme-dark{--f7-searchbar-input-bg-color:#333;--f7-searchbar-search-icon-color:rgba(255, 255, 255, 0.4)}.searchbar{width:100%;position:relative;z-index:200;height:var(--f7-searchbar-height);background-image:var(--f7-searchbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-searchbar-bg-color,var(--f7-bars-bg-color))}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-bars .searchbar{background-color:rgba(var(--f7-searchbar-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))}}.ios .subnavbar .searchbar{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.ios .subnavbar .searchbar:after{display:none!important}.searchbar.no-border:after,.searchbar.no-hairline:after{display:none!important}.searchbar.no-shadow:before{display:none!important}.searchbar:after{content:'';position:absolute;background-color:var(--f7-searchbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.page>.searchbar:not(.searchbar-inline){z-index:600}.page>.searchbar:not(.searchbar-inline):before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-searchbar-shadow-image)}.searchbar input[type=search],.searchbar input[type=text]{box-sizing:border-box;width:100%;height:100%;display:block;border:var(--f7-searchbar-input-border-width) solid var(--f7-searchbar-input-border-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-weight:400;color:var(--f7-searchbar-input-text-color);font-size:var(--f7-searchbar-input-font-size);background-color:var(--f7-searchbar-input-bg-color);border-radius:var(--f7-searchbar-input-border-radius);position:relative;padding:0;padding-left:calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-right,0px));padding-right:calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-left,0px))}.searchbar input[type=search]::-webkit-input-placeholder,.searchbar input[type=text]::-webkit-input-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::-moz-placeholder,.searchbar input[type=text]::-moz-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::-ms-input-placeholder,.searchbar input[type=text]::-ms-input-placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input[type=search]::placeholder,.searchbar input[type=text]::placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.searchbar .searchbar-input-wrap{flex-shrink:1;width:100%;height:var(--f7-searchbar-input-height);position:relative}.searchbar a{color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.page>.searchbar:not(.searchbar-inline){position:absolute;left:0;top:0}.page-content .searchbar:not(.searchbar-inline){border-radius:var(--f7-searchbar-in-page-content-border-radius);margin:var(--f7-searchbar-in-page-content-margin);width:auto;box-shadow:var(--f7-searchbar-in-page-content-box-shadow)}.page-content .searchbar:not(.searchbar-inline) .searchbar-inner,.page-content .searchbar:not(.searchbar-inline) input[type=search],.page-content .searchbar:not(.searchbar-inline) input[type=text]{border-radius:var(--f7-searchbar-in-page-content-input-border-radius,var(--f7-searchbar-input-border-radius))}.searchbar .input-clear-button{color:var(--f7-searchbar-input-clear-button-color,var(--f7-input-clear-button-color))}.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-searchbar-height);position:absolute;transition-duration:.3s;pointer-events:none}.navbar .searchbar-expandable{background:0 0}.navbar .searchbar-expandable:after{display:none!important}.navbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-navbar-height)}.toolbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-toolbar-height)}.subnavbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-subnavbar-height)}.tabbar-labels .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-tabbar-labels-height)}.searchbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding:0 calc(var(--f7-searchbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-searchbar-inner-padding-left) + var(--f7-safe-area-left))}.searchbar-disable-button{cursor:pointer;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;outline:0;padding:0;margin:0;width:auto;opacity:0}.searchbar-icon{pointer-events:none;background-position:center;background-repeat:no-repeat}.searchbar-icon:after{color:var(--f7-searchbar-search-icon-color);font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.searchbar-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;opacity:0;pointer-events:none;transition-duration:.3s;transform:translate3d(0,0,0);background:var(--f7-searchbar-backdrop-bg-color)}.searchbar-backdrop.searchbar-backdrop-in{opacity:1;pointer-events:auto}.page-content>.searchbar-backdrop{position:fixed}.searchbar-not-found{display:none}.hidden-by-searchbar,.list .hidden-by-searchbar,.list li.hidden-by-searchbar,.list.li.hidden-by-searchbar{display:none!important}.navbar.with-searchbar-expandable-enabled-no-transition{--f7-navbar-large-collapse-progress:1}.navbar.with-searchbar-expandable-enabled{--f7-navbar-large-collapse-progress:1}.navbar.with-searchbar-expandable-enabled .navbar-bg,.navbar.with-searchbar-expandable-enabled .title-large,.navbar.with-searchbar-expandable-enabled .title-large-text{transition-duration:.3s}.navbar.with-searchbar-expandable-closing .navbar-bg,.navbar.with-searchbar-expandable-closing .title-large,.navbar.with-searchbar-expandable-closing .title-large-text{transition-duration:.3s}.page-content.with-searchbar-expandable-enabled{height:calc(100% + var(--f7-navbar-large-title-height));transform:translateY(calc(-1 * var(--f7-navbar-large-title-height)));transition-duration:.3s;transition-property:transform}.page-content.with-searchbar-expandable-closing{transition-duration:.3s}.navbars~.page:not(.no-navbar)>.searchbar,.navbar~.page:not(.no-navbar)>.searchbar,.page>.navbar~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.navbars~.page-with-navbar-large:not(.no-navbar) .searchbar,.navbar~.page-with-navbar-large:not(.no-navbar) .searchbar,.page-with-navbar-large .navbar~* .searchbar,.page-with-navbar-large .navbar~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height) + var(--f7-safe-area-top));transform:translate3d(0,calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)),0)}.searchbar~*{--f7-page-searchbar-offset:var(--f7-searchbar-height)}.aurora .page>.toolbar-top-aurora~.searchbar,.ios .page>.toolbar-top-ios~.searchbar,.md .page>.toolbar-top-md~.searchbar,.page>.toolbar-top~.searchbar{top:var(--f7-toolbar-height)}.aurora .page>.tabbar-labels.toolbar-top-aurora~.searchbar,.ios .page>.tabbar-labels.toolbar-top-ios~.searchbar,.md .page>.tabbar-labels.toolbar-top-md~.searchbar,.page>.tabbar-labels.toolbar-top~.searchbar{top:var(--f7-tabbar-labels-height)}.aurora .page>.navbar~.toolbar-top-aurora~.searchbar,.ios .page>.navbar~.toolbar-top-ios~.searchbar,.md .page>.navbar~.toolbar-top-md~.searchbar,.page>.navbar~.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-safe-area-top))}.aurora .page>.navbar~.tabbar-labels.toolbar-top-aurora~.searchbar,.ios .page>.navbar~.tabbar-labels.toolbar-top-ios~.searchbar,.md .page>.navbar~.tabbar-labels.toolbar-top-md~.searchbar,.page>.navbar~.tabbar-labels.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-safe-area-top))}.searchbar.searchbar-inline{width:auto;height:auto;background-color:transparent;background-image:none}.searchbar.searchbar-inline:after,.searchbar.searchbar-inline:before{display:none!important}.searchbar.searchbar-inline .searchbar-input-wrap{height:var(--f7-searchbar-inline-input-height,var(--f7-searchbar-input-height))}.searchbar.searchbar-inline .searchbar-inner{padding:0;position:static;width:auto;height:auto}.searchbar.searchbar-inline input[type=search],.searchbar.searchbar-inline input[type=text]{font-size:var(--f7-searchbar-inline-input-font-size,var(--f7-searchbar-input-font-size));padding-left:calc(var(--f7-searchbar-inline-input-padding-horizontal,var(--f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-right,0px));padding-right:calc(var(--f7-searchbar-inline-input-padding-horizontal,var(--f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-left,0px))}.ios .searchbar input[type=search],.ios .searchbar input[type=text]{z-index:30}.ios .searchbar .input-clear-button{z-index:40;left:7px}.ios .searchbar-icon{width:13px;height:13px;position:absolute;top:50%;margin-top:-6px;z-index:40;right:8px}.ios .searchbar-icon:after{content:'search_ios';line-height:13px}.ios .searchbar-disable-button{font-size:17px;flex-shrink:0;transform:translate3d(0,0,0);transition-duration:.3s;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));display:none}.ios .searchbar-disable-button.active-state{transition-duration:0s;opacity:.3!important}.ios .searchbar-enabled .searchbar-disable-button{pointer-events:auto;opacity:1;margin-right:8px}.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button{transition-duration:.3s!important}.ios .searchbar-expandable{right:0;bottom:0;opacity:1;width:100%;height:0%;transform:translate3d(0,0,0);overflow:hidden}.ios .searchbar-expandable .searchbar-disable-button{margin-right:8px;opacity:1;display:block}.ios .searchbar-expandable .searchbar-inner{height:var(--f7-searchbar-expandable-size)}.ios .navbar.with-searchbar-expandable-closing .navbar-bg,.ios .navbar.with-searchbar-expandable-enabled .navbar-bg{transition-property:transform,opacity}.ios .navbar.with-searchbar-expandable-closing .left,.ios .navbar.with-searchbar-expandable-closing .navbar-bg,.ios .navbar.with-searchbar-expandable-closing .right,.ios .navbar.with-searchbar-expandable-closing .title,.ios .navbar.with-searchbar-expandable-enabled .left,.ios .navbar.with-searchbar-expandable-enabled .navbar-bg,.ios .navbar.with-searchbar-expandable-enabled .right,.ios .navbar.with-searchbar-expandable-enabled .title{transition-duration:.3s}.ios .navbar.with-searchbar-expandable-enabled .left,.ios .navbar.with-searchbar-expandable-enabled .right,.ios .navbar.with-searchbar-expandable-enabled .title,.ios .navbar.with-searchbar-expandable-enabled-no-transition .left,.ios .navbar.with-searchbar-expandable-enabled-no-transition .right,.ios .navbar.with-searchbar-expandable-enabled-no-transition .title{transform:translateY(calc(-1 * var(--f7-navbar-height)));opacity:0!important}.ios .searchbar-expandable.searchbar-enabled{opacity:1;height:var(--f7-searchbar-expandable-size);pointer-events:auto}.md .searchbar-disable-button,.md .searchbar-icon{position:absolute;right:calc(-4px + var(--f7-safe-area-right));top:50%;transition-duration:.3s}.md .searchbar-icon{width:24px;height:24px;margin-left:12px;margin-top:-12px}.md .searchbar-icon:after{content:'search_md';line-height:1.2}.md .searchbar-disable-button{width:48px;height:48px;transform:rotate(-90deg) scale(.5);font-size:0!important;display:block;margin-top:-24px;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.md .searchbar-disable-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .searchbar-disable-button.active-state:before{opacity:1;transition-duration:150ms}.md .searchbar-disable-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;line-height:48px;content:"arrow_right_md"}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button{transform:rotate(0deg) scale(1);pointer-events:auto;opacity:1}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-icon{opacity:0;transform:rotate(90deg) scale(.5)}.md .searchbar{--f7-searchbar-input-extra-padding-left:17px}.md .searchbar .input-clear-button{width:48px;height:48px;margin-top:-24px;left:0}.md .searchbar .input-clear-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .searchbar .input-clear-button.active-state:before{opacity:1;transition-duration:150ms}.md .searchbar .input-clear-button:after{line-height:48px;content:'delete_md';opacity:1}.md .searchbar .input-clear-button:before{margin-left:0;margin-top:0}.md .page>.searchbar,.md .searchbar-expandable,.md .subnavbar .searchbar{--f7-searchbar-input-extra-padding-left:calc(17px + 8px)}.md .page>.searchbar .searchbar-disable-button,.md .page>.searchbar .searchbar-icon,.md .searchbar-expandable .searchbar-disable-button,.md .searchbar-expandable .searchbar-icon,.md .subnavbar .searchbar .searchbar-disable-button,.md .subnavbar .searchbar .searchbar-icon{right:calc(-4px + 8px + var(--f7-safe-area-right))}.md .searchbar-expandable{height:var(--f7-searchbar-expandable-size);opacity:0;bottom:0;border-radius:calc(var(--f7-searchbar-expandable-size));width:calc(var(--f7-searchbar-expandable-size));margin-top:calc(var(--f7-searchbar-expandable-size) * -1 / 2);transform:translate3d(0px,0px,0px);right:100%;margin-right:calc(var(--f7-searchbar-expandable-size) * -1)}.md .searchbar-expandable.searchbar-enabled{width:100%;border-radius:0;opacity:1;pointer-events:auto;margin-top:0;right:0;margin-right:0}.aurora .searchbar input[type=search],.aurora .searchbar input[type=text]{z-index:30}.aurora .searchbar .input-clear-button{z-index:40;left:4px}.aurora .searchbar-icon{width:13px;height:13px;position:absolute;top:50%;margin-top:-6px;z-index:40;right:6px}.aurora .searchbar-icon:after{content:'search_aurora';line-height:13px}.aurora .searchbar-disable-button{font-size:14px;flex-shrink:0;transform:translate3d(0,0,0);transition-duration:.3s;color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));display:none}.aurora .searchbar-disable-button.active-state{transition-duration:0s;opacity:.3!important}.aurora .searchbar-enabled .searchbar-disable-button{pointer-events:auto;opacity:1;margin-right:8px}.aurora .searchbar:not(.searchbar-enabled) .searchbar-disable-button{transition-duration:.3s!important}.aurora .searchbar-expandable{right:0;top:auto;bottom:0;opacity:0;width:100%;transform:translate3d(0,0%,0);overflow:hidden}.aurora .searchbar-expandable .searchbar-disable-button{margin-right:8px;opacity:1;display:block}.aurora .searchbar-expandable .searchbar-inner{height:var(--f7-searchbar-expandable-size)}.aurora .searchbar-expandable.searchbar-enabled{opacity:1;pointer-events:auto}:root{--f7-messages-content-bg-color:#fff;--f7-message-text-header-text-color:inherit;--f7-message-text-header-opacity:0.65;--f7-message-text-header-font-size:12px;--f7-message-text-footer-text-color:inherit;--f7-message-text-footer-opacity:0.65;--f7-message-text-footer-font-size:12px;--f7-message-bubble-line-height:1.2;--f7-message-header-font-size:12px;--f7-message-footer-font-size:11px;--f7-message-name-font-size:12px;--f7-message-name-font-weight:inherit;--f7-message-typing-indicator-bg-color:#000;--f7-message-avatar-border-radius:50%;--f7-messages-title-font-weight:inherit;--f7-message-sent-text-color:#fff;--f7-message-received-bg-color:#e5e5ea;--f7-message-received-text-color:#000}:root .theme-dark,:root.theme-dark{--f7-messages-content-bg-color:transparent;--f7-message-received-bg-color:#333;--f7-message-received-text-color:#fff;--f7-message-typing-indicator-bg-color:#fff}.ios{--f7-messages-title-text-color:rgba(0, 0, 0, 0.45);--f7-messages-title-font-size:11px;--f7-message-header-text-color:rgba(0, 0, 0, 0.45);--f7-message-footer-text-color:rgba(0, 0, 0, 0.45);--f7-message-name-text-color:rgba(0, 0, 0, 0.45);--f7-message-avatar-size:29px;--f7-message-margin:10px;--f7-message-bubble-min-height:32px;--f7-message-bubble-font-size:17px;--f7-message-bubble-border-radius:16px;--f7-message-bubble-padding-vertical:6px;--f7-message-bubble-padding-horizontal:16px;--f7-message-typing-indicator-opacity:0.35}.md{--f7-messages-title-text-color:rgba(0, 0, 0, 0.51);--f7-messages-title-font-size:12px;--f7-message-header-text-color:rgba(0, 0, 0, 0.51);--f7-message-footer-text-color:rgba(0, 0, 0, 0.51);--f7-message-name-text-color:rgba(0, 0, 0, 0.51);--f7-message-avatar-size:32px;--f7-message-margin:16px;--f7-message-bubble-min-height:32px;--f7-message-bubble-font-size:16px;--f7-message-bubble-border-radius:4px;--f7-message-bubble-padding-vertical:6px;--f7-message-bubble-padding-horizontal:8px;--f7-message-typing-indicator-opacity:0.6}.md .theme-dark,.md.theme-dark{--f7-messages-title-text-color:rgba(255, 255, 255, 0.54);--f7-message-header-text-color:rgba(255, 255, 255, 0.54);--f7-message-name-text-color:rgba(255, 255, 255, 0.54);--f7-message-footer-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-messages-title-text-color:rgba(0, 0, 0, 0.51);--f7-messages-title-font-size:12px;--f7-message-header-text-color:rgba(0, 0, 0, 0.51);--f7-message-footer-text-color:rgba(0, 0, 0, 0.51);--f7-message-name-text-color:rgba(0, 0, 0, 0.51);--f7-message-avatar-size:24px;--f7-message-margin:10px;--f7-message-bubble-min-height:28px;--f7-message-bubble-font-size:13px;--f7-message-bubble-line-height:1.4;--f7-message-bubble-border-radius:14px;--f7-message-bubble-padding-vertical:5px;--f7-message-bubble-padding-horizontal:10px;--f7-message-typing-indicator-opacity:0.5}.aurora .theme-dark,.aurora.theme-dark{--f7-messages-title-text-color:rgba(255, 255, 255, 0.54);--f7-message-header-text-color:rgba(255, 255, 255, 0.54);--f7-message-name-text-color:rgba(255, 255, 255, 0.54);--f7-message-footer-text-color:rgba(255, 255, 255, 0.54)}.messages,.messages-content{background:var(--f7-messages-content-bg-color)}.messages{display:flex;flex-direction:column;min-height:100%;position:relative;z-index:1}.message,.messages-title{margin-top:var(--f7-message-margin)}.message:last-child,.messages-title:last-child{margin-bottom:var(--f7-message-margin)}.messages-title{text-align:center;width:100%;line-height:1;color:var(--f7-messages-title-text-color);font-size:var(--f7-messages-title-font-size);font-weight:var(--f7-messages-title-font-weight)}.message{max-width:70%;box-sizing:border-box;display:flex;align-items:flex-end;position:relative;z-index:1;transform:translate3d(0,0,0)}.message-avatar{border-radius:var(--f7-message-avatar-border-radius);position:relative;background-size:cover;align-self:flex-end;flex-shrink:0;width:var(--f7-message-avatar-size);height:var(--f7-message-avatar-size)}.message-content{position:relative;display:flex;flex-direction:column}.message-footer,.message-header,.message-name{line-height:1}.message-header{color:var(--f7-message-header-text-color);font-size:var(--f7-message-header-font-size)}.message-footer{color:var(--f7-message-footer-text-color);font-size:var(--f7-message-footer-font-size);margin-bottom:-1em}.message-name{color:var(--f7-message-name-text-color);font-size:var(--f7-message-name-font-size);font-weight:var(--f7-message-name-font-weight)}.message-bubble{box-sizing:border-box;word-break:break-word;display:flex;flex-direction:column;position:relative;line-height:var(--f7-message-bubble-line-height);font-size:var(--f7-message-bubble-font-size);border-radius:var(--f7-message-bubble-border-radius);padding:var(--f7-message-bubble-padding-vertical) var(--f7-message-bubble-padding-horizontal);min-height:var(--f7-message-bubble-min-height)}.message-image img{display:block;max-width:100%;height:auto;width:auto}.message-text-footer,.message-text-header{line-height:1}.message-text-header{color:var(--f7-message-text-header-text-color);opacity:var(--f7-message-text-header-opacity);font-size:var(--f7-message-text-header-font-size)}.message-text-footer{color:var(--f7-message-text-footer-text-color);opacity:var(--f7-message-text-footer-opacity);font-size:var(--f7-message-text-footer-font-size)}.message-text{text-align:left}.message-sent{text-align:right;flex-direction:row;align-self:flex-start}.message-sent .message-bubble{color:var(--f7-message-sent-text-color);background:var(--f7-message-sent-bg-color,var(--f7-theme-color))}.message-sent .message-content{align-items:flex-start}.message-sent.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0 var(--f7-message-bubble-border-radius)}.message-received{flex-direction:row-reverse;align-self:flex-end}.message-received .message-bubble{color:var(--f7-message-received-text-color);background:var(--f7-message-received-bg-color)}.message-received .message-content{align-items:flex-end}.message-received.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0}.message:not(.message-last) .message-avatar{opacity:0}.message:not(.message-first) .message-name{display:none}.message.message-same-name .message-name{display:none}.message.message-same-header .message-header{display:none}.message.message-same-footer .message-footer{display:none}.message-appear-from-bottom{animation:message-appear-from-bottom .3s}.message-appear-from-top{animation:message-appear-from-top .3s}.message-typing-indicator{display:inline-block;font-size:0;vertical-align:middle}.message-typing-indicator>div{display:inline-block;position:relative;background:var(--f7-message-typing-indicator-bg-color);opacity:var(--f7-message-typing-indicator-opacity);vertical-align:middle;border-radius:50%}@keyframes message-appear-from-bottom{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}@keyframes message-appear-from-top{from{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,0,0)}}.ios .message-footer b,.ios .message-header b,.ios .message-name b,.ios .messages-title b{font-weight:600}.ios .message-header,.ios .message-name{margin-bottom:3px}.ios .message-footer{margin-top:3px}.ios .message-bubble{min-width:48px}.ios .message-image{margin:var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal))}.ios .message-image:first-child{margin-top:calc(-1 * var(--f7-message-bubble-padding-vertical))}.ios .message-image:first-child img{border-top-left-radius:var(--f7-message-bubble-border-radius);border-top-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-image:last-child{margin-bottom:calc(-1 * var(--f7-message-bubble-padding-vertical))}.ios .message-image:last-child img{border-bottom-left-radius:var(--f7-message-bubble-border-radius);border-bottom-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-text-header{margin-bottom:3px}.ios .message-text-footer{margin-top:3px}.ios .message-received{margin-left:calc(10px + var(--f7-safe-area-left))}.ios .message-received .message-footer,.ios .message-received .message-header,.ios .message-received .message-name{margin-left:var(--f7-message-bubble-padding-horizontal)}.ios .message-received .message-bubble{padding-left:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received .message-image{margin-left:calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px))}.ios .message-received.message-tail:not(.message-typing) .message-bubble{-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%}.ios .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img{border-bottom-left-radius:0px}.ios .message-sent{margin-right:calc(10px + var(--f7-safe-area-right))}.ios .message-sent .message-footer,.ios .message-sent .message-header,.ios .message-sent .message-name{margin-right:var(--f7-message-bubble-padding-horizontal)}.ios .message-sent .message-bubble{padding-right:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent .message-image{margin-right:calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px))}.ios .message-sent.message-tail .message-bubble{-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%}.ios .message-sent.message-tail .message-bubble .message-image:last-child img{border-bottom-right-radius:0px}.ios .message+.message:not(.message-first){margin-top:1px}.ios .message-received.message-typing .message-content:after,.ios .message-received.message-typing .message-content:before{content:'';position:absolute;background:var(--f7-message-received-bg-color);border-radius:50%}.ios .message-received.message-typing .message-content:after{width:11px;height:11px;left:4px;bottom:0px}.ios .message-received.message-typing .message-content:before{width:6px;height:6px;left:-1px;bottom:-4px}.ios .message-typing-indicator>div{width:9px;height:9px}.ios .message-typing-indicator>div+div{margin-right:4px}.ios .message-typing-indicator>div:nth-child(1){animation:ios-message-typing-indicator .9s infinite}.ios .message-typing-indicator>div:nth-child(2){animation:ios-message-typing-indicator .9s 150ms infinite}.ios .message-typing-indicator>div:nth-child(3){animation:ios-message-typing-indicator .9s .3s infinite}@keyframes ios-message-typing-indicator{0%{opacity:.35}25%{opacity:.2}50%{opacity:.2}}.md .message-footer b,.md .message-header b,.md .message-name b,.md .messages-title b{font-weight:500}.md .message-header,.md .message-name{margin-bottom:2px}.md .message-footer{margin-top:2px}.md .message-text-header{margin-bottom:4px}.md .message-text-footer{margin-top:4px}.md .message-received.message-tail .message-bubble:before,.md .message-sent.message-tail .message-bubble:before{position:absolute;content:'';bottom:0;width:0;height:0}.md .message-received{margin-left:calc(8px + var(--f7-safe-area-left))}.md .message-received .message-avatar+.message-content{margin-left:var(--f7-message-bubble-padding-horizontal)}.md .message-received.message-tail .message-bubble:before{border-left:8px solid transparent;border-right:0 solid transparent;border-bottom:8px solid var(--f7-message-received-bg-color);right:100%}.md .message-sent{margin-right:calc(8px + var(--f7-safe-area-right))}.md .message-sent .message-avatar+.message-content{margin-right:var(--f7-message-bubble-padding-horizontal)}.md .message-sent.message-tail .message-bubble:before{border-left:0 solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--f7-message-sent-bg-color,var(--f7-theme-color));left:100%}.md .message+.message:not(.message-first){margin-top:8px}.md .message-typing-indicator>div{width:6px;height:6px}.md .message-typing-indicator>div+div{margin-right:6px}.md .message-typing-indicator>div:nth-child(1){animation:md-message-typing-indicator .9s infinite}.md .message-typing-indicator>div:nth-child(2){animation:md-message-typing-indicator .9s 150ms infinite}.md .message-typing-indicator>div:nth-child(3){animation:md-message-typing-indicator .9s .3s infinite}@keyframes md-message-typing-indicator{0%{transform:translateY(0%)}25%{transform:translateY(-5px)}50%{transform:translateY(0%)}}.aurora .message-footer b,.aurora .message-header b,.aurora .message-name b,.aurora .messages-title b{font-weight:500}.aurora .message-header,.aurora .message-name{margin-bottom:2px}.aurora .message-footer{margin-top:2px}.aurora .message-text-header{margin-bottom:2px}.aurora .message-text-footer{margin-top:2px}.aurora .message-received.message-tail .message-bubble:before,.aurora .message-sent.message-tail .message-bubble:before{position:absolute;content:'';bottom:0;width:0;height:0}.aurora .message-image{margin:var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal) + 4px)}.aurora .message-image:first-child{margin-top:calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px)}.aurora .message-image:first-child img{border-top-left-radius:var(--f7-message-bubble-border-radius);border-top-right-radius:var(--f7-message-bubble-border-radius)}.aurora .message-image:last-child{margin-bottom:calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px)}.aurora .message-image:last-child img{border-bottom-left-radius:var(--f7-message-bubble-border-radius);border-bottom-right-radius:var(--f7-message-bubble-border-radius)}.aurora .message-received{margin-left:calc(16px + var(--f7-safe-area-left))}.aurora .message-received .message-avatar+.message-content{margin-left:5px}.aurora .message-received .message-footer,.aurora .message-received .message-header,.aurora .message-received .message-name{margin-left:var(--f7-message-bubble-padding-horizontal)}.aurora .message-received.message-tail .message-bubble:before{border-left:6px solid transparent;border-right:0 solid transparent;border-bottom:6px solid var(--f7-message-received-bg-color);right:100%;transform:translate(2px,0px) rotate(-15deg);transform-origin:right bottom}.aurora .message-sent{margin-right:calc(16px + var(--f7-safe-area-right))}.aurora .message-sent .message-avatar+.message-content{margin-right:5px}.aurora .message-sent .message-footer,.aurora .message-sent .message-header,.aurora .message-sent .message-name{margin-right:var(--f7-message-bubble-padding-horizontal)}.aurora .message-sent.message-tail .message-bubble:before{border-left:0 solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--f7-message-sent-bg-color,var(--f7-theme-color));left:100%;transform:translate(-2px,0px) rotate(15deg);transform-origin:left bottom}.aurora .message+.message:not(.message-first){margin-top:5px}.aurora .message-typing-indicator>div{width:6px;height:6px}.aurora .message-typing-indicator>div+div{margin-right:4px}.aurora .message-typing-indicator>div:nth-child(1){animation:aurora-message-typing-indicator .9s infinite}.aurora .message-typing-indicator>div:nth-child(2){animation:aurora-message-typing-indicator .9s 150ms infinite}.aurora .message-typing-indicator>div:nth-child(3){animation:aurora-message-typing-indicator .9s .3s infinite}@keyframes aurora-message-typing-indicator{0%{transform:translateY(0%)}50%{transform:translateY(-5px)}100%{transform:translateY(0%)}}:root{--f7-messagebar-bg-color:#fff;--f7-messagebar-bg-color-rgb:255,255,255;--f7-messagebar-shadow-image:none;--f7-messagebar-textarea-bg-color:transparent;--f7-messagebar-attachments-height:155px;--f7-messagebar-attachment-height:155px;--f7-messagebar-attachment-landscape-height:120px;--f7-messagebar-sheet-height:252px;--f7-messagebar-sheet-landscape-height:192px}:root .theme-dark,:root.theme-dark{--f7-messagebar-bg-color:var(--f7-bars-bg-color);--f7-messagebar-bg-color-rgb:var(--f7-bars-bg-color-rgb)}.ios{--f7-messagebar-height:44px;--f7-messagebar-font-size:17px;--f7-messagebar-border-color:transparent;--f7-messagebar-textarea-border-radius:17px;--f7-messagebar-textarea-padding:6px 16px;--f7-messagebar-textarea-height:34px;--f7-messagebar-textarea-text-color:#000;--f7-messagebar-textarea-font-size:17px;--f7-messagebar-textarea-line-height:20px;--f7-messagebar-textarea-border:1px solid #c8c8cd;--f7-messagebar-sheet-bg-color:#d1d5da;--f7-messagebar-attachments-border-color:#c8c8cd;--f7-messagebar-attachment-border-radius:12px}.ios .theme-dark,.ios.theme-dark{--f7-messagebar-textarea-text-color:#fff;--f7-messagebar-textarea-border:1px solid var(--f7-bars-border-color);--f7-messagebar-attachments-border-color:var(--f7-bars-border-color)}.md{--f7-messagebar-height:48px;--f7-messagebar-font-size:16px;--f7-messagebar-link-color:#333;--f7-messagebar-border-color:#d1d1d1;--f7-messagebar-textarea-border-radius:0px;--f7-messagebar-textarea-padding:5px 8px;--f7-messagebar-textarea-height:32px;--f7-messagebar-textarea-text-color:#333;--f7-messagebar-textarea-font-size:16px;--f7-messagebar-textarea-line-height:22px;--f7-messagebar-textarea-border:1px solid transparent;--f7-messagebar-sheet-bg-color:#fff;--f7-messagebar-attachments-border-color:#ddd;--f7-messagebar-attachment-border-radius:4px}.md .theme-dark,.md.theme-dark{--f7-messagebar-border-color:transparent;--f7-messagebar-link-color:rgba(255, 255, 255, 0.87);--f7-messagebar-textarea-text-color:rgba(255, 255, 255, 0.87);--f7-messagebar-attachments-border-color:rgba(255, 255, 255, 0.2)}.aurora{--f7-messagebar-height:38px;--f7-messagebar-font-size:14px;--f7-messagebar-border-color:transparent;--f7-messagebar-textarea-border-radius:12px;--f7-messagebar-textarea-padding:3px 10px;--f7-messagebar-textarea-height:24px;--f7-messagebar-textarea-text-color:#000;--f7-messagebar-textarea-font-size:13px;--f7-messagebar-textarea-line-height:16px;--f7-messagebar-textarea-border:1px solid #c8c8cd;--f7-messagebar-sheet-bg-color:#fff;--f7-messagebar-attachments-border-color:#c8c8cd;--f7-messagebar-attachment-border-radius:12px}.aurora .theme-dark,.aurora.theme-dark{--f7-messagebar-textarea-text-color:#fff;--f7-messagebar-textarea-border:1px solid var(--f7-bars-border-color);--f7-messagebar-attachments-border-color:var(--f7-bars-border-color)}.messagebar{transform:translate3d(0,0,0);background:var(--f7-messagebar-bg-color);height:auto;min-height:var(--f7-messagebar-height);font-size:var(--f7-messagebar-font-size);padding-bottom:var(--f7-safe-area-bottom);bottom:0}.messagebar:before{content:'';position:absolute;background-color:var(--f7-messagebar-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.messagebar:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-messagebar-shadow-image)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-bars .messagebar{background-color:rgba(var(--f7-messagebar-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))}}.messagebar.no-border:before,.messagebar.no-hairline:before{display:none!important}.messagebar.no-shadow:after,.messagebar.toolbar-hidden:after{display:none!important}.messagebar .toolbar-inner{top:auto;position:relative;height:auto;bottom:auto;padding-left:calc(var(--f7-messagebar-inner-padding-left,var(--f7-toolbar-inner-padding-left)) + var(--f7-safe-area-left));padding-right:calc(var(--f7-messagebar-inner-padding-right,var(--f7-toolbar-inner-padding-right)) + var(--f7-safe-area-right));flex-direction:row-reverse}.messagebar.messagebar-sheet-visible>.toolbar-inner{bottom:0}.messagebar .messagebar-area{width:100%;flex-shrink:1;overflow:hidden;position:relative}.messagebar textarea{width:100%;flex-shrink:1;background-color:var(--f7-messagebar-textarea-bg-color);border-radius:var(--f7-messagebar-textarea-border-radius);padding:var(--f7-messagebar-textarea-padding);height:var(--f7-messagebar-textarea-height);color:var(--f7-messagebar-textarea-text-color);font-size:var(--f7-messagebar-textarea-font-size);line-height:var(--f7-messagebar-textarea-line-height);border:var(--f7-messagebar-textarea-border)}.messagebar a.link{align-self:flex-end;flex-shrink:0;color:var(--f7-messagebar-link-color,var(--f7-theme-color))}.messagebar-attachments{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;font-size:0;white-space:nowrap;box-sizing:border-box;position:relative}.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments{display:none}.messagebar-attachment{background-size:cover;background-position:center;background-repeat:no-repeat;display:inline-block;vertical-align:middle;white-space:normal;height:var(--f7-messagebar-attachment-height);position:relative;border-radius:var(--f7-messagebar-attachment-border-radius)}@media (orientation:landscape){.messagebar-attachment{height:var(--f7-messagebar-attachment-landscape-height)}}.messagebar-attachment img{display:block;width:auto;height:100%;border-radius:var(--f7-messagebar-attachment-border-radius)}.messagebar-attachment+.messagebar-attachment{margin-right:8px}.messagebar-sheet{overflow:auto;-webkit-overflow-scrolling:touch;display:flex;flex-wrap:wrap;flex-direction:column;align-content:flex-start;height:var(--f7-messagebar-sheet-height);background-color:var(--f7-messagebar-sheet-bg-color);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}@media (orientation:landscape){.messagebar-sheet{height:var(--f7-messagebar-sheet-landscape-height)}}.messagebar-sheet-image,.messagebar-sheet-item{box-sizing:border-box;flex-shrink:0;margin-top:1px;position:relative;overflow:hidden;height:calc((var(--f7-messagebar-sheet-height) - 2px)/ 2);width:calc((var(--f7-messagebar-sheet-height) - 2px)/ 2);margin-right:1px}@media (orientation:landscape){.messagebar-sheet-image,.messagebar-sheet-item{width:calc((var(--f7-messagebar-sheet-landscape-height) - 2px)/ 2);height:calc((var(--f7-messagebar-sheet-landscape-height) - 2px)/ 2)}}.messagebar-sheet-image .icon-checkbox,.messagebar-sheet-image .icon-radio,.messagebar-sheet-item .icon-checkbox,.messagebar-sheet-item .icon-radio{position:absolute;right:8px;bottom:8px}.messagebar-sheet-image{background-size:cover;background-position:center;background-repeat:no-repeat}.messagebar-attachment-delete{display:block;position:absolute;border-radius:50%;box-sizing:border-box;cursor:pointer;box-shadow:0px 0px 2px rgba(0,0,0,.2)}.messagebar-attachment-delete:after,.messagebar-attachment-delete:before{position:absolute;content:'';left:50%;top:50%}.messagebar-attachment-delete:after{transform:rotate(45deg)}.messagebar-attachment-delete:before{transform:rotate(-45deg)}.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet{display:none}.messagebar~*{--f7-page-toolbar-bottom-offset:var(--f7-messagebar-height)}.ios .messagebar a.link.icon-only:first-child{margin-left:-8px}.ios .messagebar a.link.icon-only:last-child{margin-right:-8px}.ios .messagebar a.link:not(.icon-only)+.messagebar-area{margin-left:8px}.ios .messagebar .messagebar-area+a.link:not(.icon-only){margin-left:8px}.ios .messagebar-area{margin-top:5px;margin-bottom:5px}.ios .messagebar-attachments{padding:5px;border-radius:var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0;border:1px solid var(--f7-messagebar-attachments-border-color);border-bottom:none}.ios .messagebar-attachments-visible .messagebar-attachments+textarea{border-radius:0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius)}.ios .messagebar-attachment{font-size:14px}.ios .messagebar-attachment-delete{right:5px;top:5px;width:20px;height:20px;background:#7d7e80;border:2px solid #fff}.ios .messagebar-attachment-delete:after,.ios .messagebar-attachment-delete:before{width:10px;height:2px;background:#fff;margin-left:-5px;margin-top:-1px}.md .messagebar-attachments{padding:8px;border-bottom:1px solid var(--f7-messagebar-attachments-border-color)}.md .messagebar-area{margin-top:8px;margin-bottom:8px}.md .messagebar-sheet-image .icon-checkbox,.md .messagebar-sheet-item .icon-checkbox{border-color:#fff;background:rgba(255,255,255,.25);box-shadow:0px 0px 10px rgba(0,0,0,.5)}.md .messagebar-attachment-delete{right:8px;top:8px;width:24px;height:24px;background-color:var(--f7-theme-color);border-radius:4px}.md .messagebar-attachment-delete:after,.md .messagebar-attachment-delete:before{width:14px;height:2px;background:#fff;margin-left:-7px;margin-top:-1px}.aurora .messagebar a.link+.messagebar-area{margin-left:5px}.aurora .messagebar .messagebar-area+a.link{margin-left:5px}.aurora .messagebar-area{margin-top:5px;margin-bottom:5px}.aurora .messagebar-sheet-image .icon-checkbox,.aurora .messagebar-sheet-item .icon-checkbox{background:rgba(255,255,255,.25)}.aurora .messagebar-attachments{padding:5px;border-radius:var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0;border:1px solid var(--f7-messagebar-attachments-border-color);border-bottom:none}.aurora .messagebar-attachments-visible .messagebar-attachments+textarea{border-radius:0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius)}.aurora .messagebar-attachment{font-size:14px}.aurora .messagebar-attachment-delete{right:5px;top:5px;width:14px;height:14px;background:grey}.aurora .messagebar-attachment-delete:after,.aurora .messagebar-attachment-delete:before{width:8px;height:1px;background:#fff;margin-left:-4px;margin-top:-1px}.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{touch-action:pan-x}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;line-height:44px;text-align:center;margin-top:-22px;z-index:10;cursor:pointer;color:var(--f7-theme-color)}.swiper-button-next:after,.swiper-button-prev:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;font-size:44px}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'swiper_prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'swiper_next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--f7-theme-color)}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--f7-theme-color);position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.preloader.swiper-lazy-preloader{position:absolute;left:50%;top:50%;z-index:10;width:32px;height:32px;margin-left:-16px;margin-top:-16px}:root{--f7-photobrowser-bg-color:#fff;--f7-photobrowser-bars-bg-image:none;--f7-photobrowser-caption-font-size:14px;--f7-photobrowser-caption-light-text-color:#000;--f7-photobrowser-caption-light-bg-color:rgba(255, 255, 255, 0.8);--f7-photobrowser-caption-dark-text-color:#fff;--f7-photobrowser-caption-dark-bg-color:rgba(0, 0, 0, 0.8);--f7-photobrowser-exposed-bg-color:#000;--f7-photobrowser-dark-bg-color:#000;--f7-photobrowser-dark-bars-bg-color:rgba(27, 27, 27, 0.8);--f7-photobrowser-dark-bars-text-color:#fff;--f7-photobrowser-dark-bars-link-color:#fff}.photo-browser{position:absolute;left:0;top:0;width:100%;height:100%;z-index:400}.photo-browser-standalone.modal-in{transition-duration:0s;animation:photo-browser-in .4s}.photo-browser-standalone.modal-out{transition-duration:0s;animation:photo-browser-out .4s}.photo-browser-standalone.modal-out.swipe-close-to-bottom,.photo-browser-standalone.modal-out.swipe-close-to-top{animation:none}.photo-browser-popup.modal-out.swipe-close-to-bottom,.photo-browser-popup.modal-out.swipe-close-to-top{transition-duration:.3s}.photo-browser-popup.modal-out.swipe-close-to-bottom{transform:translate3d(0,100%,0)}.photo-browser-popup.modal-out.swipe-close-to-top{transform:translate3d(0,-100vh,0)}.photo-browser-page{background:0 0}.photo-browser-page .toolbar{transform:none}.photo-browser-popup{background:0 0}.photo-browser-of{margin:0 5px}.photo-browser-captions{pointer-events:none;position:absolute;left:0;width:100%;bottom:var(--f7-safe-area-bottom);z-index:10;opacity:1;transition:.4s}.photo-browser-captions.photo-browser-captions-exposed{opacity:0}.toolbar~.photo-browser-captions{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom));transform:translate3d(0,0px,0)}.toolbar~.photo-browser-captions.photo-browser-captions-exposed{transform:translate3d(0,0px,0)}.photo-browser-caption{box-sizing:border-box;transition:.3s;position:absolute;bottom:0;left:0;opacity:0;padding:4px 5px;width:100%;text-align:center;font-size:var(--f7-photobrowser-caption-font-size)}.photo-browser-caption:empty{display:none}.photo-browser-caption.photo-browser-caption-active{opacity:1}.photo-browser-captions-light .photo-browser-caption{color:var(--f7-photobrowser-caption-light-text-color);background:var(--f7-photobrowser-caption-light-bg-color)}.photo-browser-captions-dark .photo-browser-caption{color:var(--f7-photobrowser-caption-dark-text-color);background:var(--f7-photobrowser-caption-dark-bg-color)}.photo-browser-swiper-container{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:var(--f7-photobrowser-bg-color);transition:.4s;transition-property:background-color}.photo-browser-next.swiper-button-disabled,.photo-browser-prev.swiper-button-disabled{opacity:.3;pointer-events:none}.photo-browser-slide{width:100%;height:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-shrink:0;box-sizing:border-box}.photo-browser-slide.photo-browser-transitioning{transition:.4s;transition-property:transform}.photo-browser-slide span.swiper-zoom-container{display:none}.photo-browser-slide img{width:auto;height:auto;max-width:100%;max-height:100%;display:none}.photo-browser-slide.swiper-slide-active span.swiper-zoom-container,.photo-browser-slide.swiper-slide-next span.swiper-zoom-container,.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container{display:flex}.photo-browser-slide.swiper-slide-active img,.photo-browser-slide.swiper-slide-next img,.photo-browser-slide.swiper-slide-prev img{display:inline}.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader{display:block}.photo-browser-slide iframe{width:100%;height:100%}.photo-browser-slide .preloader{display:none;position:absolute;width:42px;height:42px;margin-left:-21px;margin-top:-21px;left:50%;top:50%}.navbar-photo-browser .navbar-bg,.photo-browser-page .navbar-bg,.photo-browser-page .toolbar{background-color:var(--f7-photobrowser-bars-bg-color,rgba(var(--f7-bars-bg-color-rgb),.95));background-image:var(--f7-photobrowser-bars-bg-image)}.photo-browser-page .navbar,.photo-browser-page .toolbar{transition:.4s;color:var(--f7-photobrowser-bars-text-color,var(--f7-bars-text-color))}.photo-browser-page .navbar a,.photo-browser-page .toolbar a{color:var(--f7-photobrowser-bars-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.photo-browser-exposed .navbar,.photo-browser-exposed .toolbar{opacity:0;visibility:hidden;pointer-events:none}.photo-browser-exposed .toolbar~.photo-browser-captions{transform:translate3d(0,var(--f7-toolbar-height),0)}.photo-browser-exposed .photo-browser-swiper-container{background:var(--f7-photobrowser-exposed-bg-color)}.photo-browser-exposed .photo-browser-caption{color:var(--f7-photobrowser-caption-dark-text-color);background:var(--f7-photobrowser-caption-dark-bg-color)}.view.with-photo-browser-page-exposed .navbar{opacity:0;pointer-events:none}.navbar-photo-browser-dark .navbar-bg,.photo-browser-page-dark .navbar-bg,.photo-browser-page-dark .toolbar{background:var(--f7-photobrowser-dark-bars-bg-color)}.navbar-photo-browser-dark .navbar-bg:before,.photo-browser-page-dark .navbar-bg:before,.photo-browser-page-dark .toolbar:before{display:none!important}.navbar-photo-browser-dark .navbar-bg:after,.photo-browser-page-dark .navbar-bg:after,.photo-browser-page-dark .toolbar:after{display:none!important}.navbar-photo-browser-dark,.photo-browser-dark .navbar,.photo-browser-dark .toolbar,.photo-browser-dark-page .navbar,.photo-browser-dark-page .toolbar{--f7-touch-ripple-color:var(--f7-touch-ripple-white);--f7-link-highlight-color:var(--f7-link-highlight-white);color:var(--f7-photobrowser-dark-bars-text-color)}.navbar-photo-browser-dark a,.photo-browser-dark .navbar a,.photo-browser-dark .toolbar a,.photo-browser-dark-page .navbar a,.photo-browser-dark-page .toolbar a{color:var(--f7-photobrowser-dark-bars-link-color)}.photo-browser-dark .photo-browser-swiper-container,.photo-browser-page-dark .photo-browser-swiper-container{background:var(--f7-photobrowser-dark-bg-color)}@keyframes photo-browser-in{0%{transform:translate3d(0,0,0) scale(.5);opacity:0}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(1);opacity:1}}@keyframes photo-browser-out{0%{transform:translate3d(0,0,0) scale(1);opacity:1}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(.5);opacity:0}}:root{--f7-notification-max-width:568px;--f7-notification-subtitle-text-transform:none;--f7-notification-subtitle-line-height:1.35;--f7-notification-text-text-transform:none;--f7-notification-text-font-weight:400}.ios{--f7-notification-margin:8px;--f7-notification-padding:10px;--f7-notification-border-radius:12px;--f7-notification-box-shadow:0px 5px 25px -10px rgba(0, 0, 0, 0.7);--f7-notification-bg-color:rgba(250, 250, 250, 0.95);--f7-notification-bg-color-rgb:255,255,255;--f7-notification-icon-size:20px;--f7-notification-title-color:#000;--f7-notification-title-font-size:13px;--f7-notification-title-text-transform:uppercase;--f7-notification-title-line-height:1.4;--f7-notification-title-font-weight:400;--f7-notification-title-letter-spacing:0.02em;--f7-notification-title-right-color:rgba(0, 0, 0, 0.45);--f7-notification-title-right-font-size:13px;--f7-notification-subtitle-color:#000;--f7-notification-subtitle-font-size:15px;--f7-notification-subtitle-font-weight:600;--f7-notification-text-color:#000;--f7-notification-text-font-size:15px;--f7-notification-text-line-height:1.2}.ios .theme-dark,.ios.theme-dark{--f7-notification-bg-color:rgba(30, 30, 30, 0.95);--f7-notification-bg-color-rgb:30,30,30;--f7-notification-subtitle-color:#fff;--f7-notification-title-color:#fff;--f7-notification-text-color:#fff;--f7-notification-title-right-color:rgba(255, 255, 255, 0.55)}.md{--f7-notification-margin:0px;--f7-notification-padding:16px;--f7-notification-border-radius:0px;--f7-notification-box-shadow:0 2px 4px rgba(0, 0, 0, 0.22),0 1px 2px rgba(0, 0, 0, 0.24);--f7-notification-bg-color:#fff;--f7-notification-icon-size:16px;--f7-notification-title-color:var(--f7-theme-color);--f7-notification-title-font-size:12px;--f7-notification-title-text-transform:none;--f7-notification-title-line-height:1;--f7-notification-title-font-weight:400;--f7-notification-title-right-color:rgba(0, 0, 0, 0.54);--f7-notification-title-right-font-size:12px;--f7-notification-subtitle-color:#212121;--f7-notification-subtitle-font-size:14px;--f7-notification-subtitle-font-weight:400;--f7-notification-text-color:rgba(0, 0, 0, 0.54);--f7-notification-text-font-size:14px;--f7-notification-text-line-height:1.35}.md .theme-dark,.md.theme-dark{--f7-notification-bg-color:#242424;--f7-notification-subtitle-color:#fff;--f7-notification-title-right-color:rgba(255, 255, 255, 0.54);--f7-notification-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-notification-margin:10px;--f7-notification-padding:10px;--f7-notification-border-radius:4px;--f7-notification-box-shadow:0px 5px 25px -10px rgba(0, 0, 0, 0.7);--f7-notification-bg-color:#fff;--f7-notification-icon-size:18px;--f7-notification-title-color:#000;--f7-notification-title-font-size:13px;--f7-notification-title-text-transform:uppercase;--f7-notification-title-line-height:1.4;--f7-notification-title-font-weight:500;--f7-notification-title-letter-spacing:0.02em;--f7-notification-title-right-color:rgba(255, 255, 255, 0.6);--f7-notification-title-right-font-size:13px;--f7-notification-subtitle-color:#000;--f7-notification-subtitle-font-size:12px;--f7-notification-subtitle-font-weight:600;--f7-notification-text-color:#000;--f7-notification-text-font-size:12px;--f7-notification-text-line-height:1.2}.aurora .theme-dark,.aurora.theme-dark{--f7-notification-bg-color:#242424;--f7-notification-title-color:#fff;--f7-notification-subtitle-color:#fff;--f7-notification-text-color:#fff;--f7-notification-title-right-color:rgba(255, 255, 255, 0.54)}.notification{--f7-link-highlight-color:var(--f7-link-highlight-black);--f7-touch-ripple-color:var(--f7-touch-ripple-black);position:absolute;left:var(--f7-notification-margin);top:var(--f7-notification-margin);width:calc(100% - var(--f7-notification-margin) * 2);z-index:20000;font-size:14px;margin:0;border:none;display:none;box-sizing:border-box;transition-property:transform;direction:ltr;max-width:var(--f7-notification-max-width);padding:var(--f7-notification-padding);border-radius:var(--f7-notification-border-radius);box-shadow:var(--f7-notification-box-shadow);background:var(--f7-notification-bg-color);margin-top:var(--f7-safe-area-top)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .notification{background-color:rgba(var(--f7-notification-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}@media (min-width:568px){.notification{left:50%;width:var(--f7-notification-max-width);margin-left:calc(-1 * var(--f7-notification-max-width)/ 2)}}.notification-title{color:var(--f7-notification-title-color,var(--f7-theme-color));font-size:var(--f7-notification-title-font-size);text-transform:var(--f7-notification-title-text-transform);line-height:var(--f7-notification-title-line-height);font-weight:var(--f7-notification-title-font-weight);letter-spacing:var(--f7-notification-title-letter-spacing)}.notification-subtitle{color:var(--f7-notification-subtitle-color);font-size:var(--f7-notification-subtitle-font-size);text-transform:var(--f7-notification-subtitle-text-transform);line-height:var(--f7-notification-subtitle-line-height);font-weight:var(--f7-notification-subtitle-font-weight)}.notification-text{color:var(--f7-notification-text-color);font-size:var(--f7-notification-text-font-size);text-transform:var(--f7-notification-text-text-transform);line-height:var(--f7-notification-text-line-height);font-weight:var(--f7-notification-text-font-weight)}.notification-title-right-text{color:var(--f7-notification-title-right-color);font-size:var(--f7-notification-title-right-font-size)}.notification-icon{font-size:0;line-height:var(--f7-notification-icon-size)}.notification-icon,.notification-icon i{width:var(--f7-notification-icon-size)!important;height:var(--f7-notification-icon-size)!important}.notification-icon i{font-size:var(--f7-notification-icon-size)}.notification-header{display:flex;justify-content:flex-start;align-items:center}.notification-close-button{margin-left:auto;cursor:pointer;position:relative}.notification-close-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";display:block;width:100%;height:100%;font-size:20px;position:absolute;left:50%;top:50%;text-align:center}.ios .notification{transition-duration:450ms;transform:translate3d(0%,-200%,0)}.ios .notification.modal-in{transform:translate3d(0%,0%,0);opacity:1}.ios .notification.modal-out{transform:translate3d(0%,-200%,0)}.ios .notification-icon{margin-right:8px}.ios .notification-header+.notification-content{margin-top:10px}.ios .notification-title-right-text{margin-right:6px;margin-left:auto}.ios .notification-title-right-text+.notification-close-button{margin-left:10px}.ios .notification-close-button{font-size:14px;width:20px;height:20px;opacity:.3;transition-duration:.3s}.ios .notification-close-button.active-state{transition-duration:0s;opacity:.1}.ios .notification-close-button:after{color:#000;content:'notification_close_ios';font-size:.65em;line-height:44px;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.ios .theme-dark,.ios.theme-dark .notification-close-button:after{color:#fff}.md .notification{transform:translate3d(0,-150%,0)}.md .notification.modal-in{transition-duration:0s;animation:notification-md-in .4s ease-out;transform:translate3d(0,0%,0)}.md .notification.modal-in.notification-transitioning{transition-duration:.2s}.md .notification.modal-out{animation:none;transition-duration:.2s;transition-timing-function:ease-in;transform:translate3d(0,-150%,0)}.md .notification-icon{margin-right:8px}.md .notification-subtitle+.notification-text{margin-top:2px}.md .notification-header+.notification-content{margin-top:6px}.md .notification-title-right-text{margin-left:4px}.md .notification-title-right-text:before{content:'';width:3px;height:3px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:4px;background:var(--f7-notification-title-right-color)}.md .notification-close-button{width:16px;height:16px;transition-duration:.3s}.md .notification-close-button:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .notification-close-button.active-state:before{opacity:1;transition-duration:150ms}.md .notification-close-button:after,.md .notification-close-button:before{width:48px;height:48px;left:50%;top:50%;margin-left:-24px;margin-top:-24px}.md .notification-close-button:after{color:#737373;content:'delete_md';line-height:48px;font-size:14px}@keyframes notification-md-in{0%{transform:translate3d(0,-150%,0)}50%{transform:translate3d(0,10%,0)}100%{transform:translate3d(0,0%,0)}}.aurora .notification{transition-duration:450ms;transform:translate3d(0%,-200%,0)}.aurora .notification.modal-in{transform:translate3d(0%,0%,0);opacity:1}.aurora .notification.modal-out{transform:translate3d(0%,-200%,0)}.aurora .notification-icon{margin-right:10px}.aurora .notification-header+.notification-content{margin-top:10px}.aurora .notification-title-right-text{margin-right:0px;margin-left:auto}.aurora .notification-title-right-text+.notification-close-button{margin-left:10px}.aurora .notification-close-button{font-size:14px;width:16px;height:16px;opacity:.4;transition-duration:.3s}.aurora .notification-close-button.active-state{transition-duration:0s;opacity:.6}.aurora .notification-close-button:after{color:#000;content:'notification_close_ios';font-size:.5em;line-height:38px;width:38px;height:38px;margin-left:-19px;margin-top:-19px}.aurora .theme-dark,.aurora.theme-dark .notification-close-button:after{color:#fff}:root{--f7-autocomplete-dropdown-bg-color:#fff;--f7-autocomplete-dropdown-placeholder-color:#a9a9a9;--f7-autocomplete-dropdown-preloader-size:20px}.ios{--f7-autocomplete-dropdown-box-shadow:0px 3px 3px rgba(0, 0, 0, 0.2);--f7-autocomplete-dropdown-text-color:#000;--f7-autocomplete-dropdown-text-matching-color:#000;--f7-autocomplete-dropdown-text-matching-font-weight:600;--f7-autocomplete-dropdown-font-size:var(--f7-list-font-size)}.ios .theme-dark,.ios.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1d;--f7-autocomplete-dropdown-text-color:#fff;--f7-autocomplete-dropdown-text-matching-color:#fff}.md{--f7-autocomplete-dropdown-box-shadow:0 2px 2px rgba(0, 0, 0, 0.25);--f7-autocomplete-dropdown-text-color:rgba(0, 0, 0, 0.54);--f7-autocomplete-dropdown-text-matching-color:#212121;--f7-autocomplete-dropdown-text-matching-font-weight:400;--f7-autocomplete-dropdown-font-size:var(--f7-list-font-size)}.md .theme-dark,.md.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1d;--f7-autocomplete-dropdown-text-color:rgba(255, 255, 255, 0.54);--f7-autocomplete-dropdown-text-matching-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-autocomplete-dropdown-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);--f7-autocomplete-dropdown-text-color:#000;--f7-autocomplete-dropdown-text-matching-color:#000;--f7-autocomplete-dropdown-text-matching-font-weight:700;--f7-autocomplete-dropdown-font-size:13px}.aurora .theme-dark,.aurora.theme-dark{--f7-autocomplete-dropdown-bg-color:#1c1c1c;--f7-autocomplete-dropdown-text-color:#fff;--f7-autocomplete-dropdown-text-matching-color:#fff}.autocomplete-page .autocomplete-found{display:block}.autocomplete-page .autocomplete-not-found{display:none}.autocomplete-page .autocomplete-values{display:block}.autocomplete-page .list ul:empty{display:none}.autocomplete-preloader:not(.autocomplete-preloader-visible){visibility:hidden}.autocomplete-preloader:not(.autocomplete-preloader-visible),.autocomplete-preloader:not(.autocomplete-preloader-visible) *{animation:none}.autocomplete-dropdown{background:var(--f7-autocomplete-dropdown-bg-color);box-shadow:var(--f7-autocomplete-dropdown-box-shadow);box-sizing:border-box;position:absolute;z-index:500;width:100%;right:0}.autocomplete-dropdown .autocomplete-dropdown-inner{position:relative;overflow:auto;-webkit-overflow-scrolling:touch;height:100%;z-index:1}.autocomplete-dropdown .autocomplete-preloader{display:none;position:absolute;bottom:100%;width:var(--f7-autocomplete-dropdown-preloader-size);height:var(--f7-autocomplete-dropdown-preloader-size)}.autocomplete-dropdown .autocomplete-preloader-visible{display:block}.autocomplete-dropdown .autocomplete-dropdown-placeholder{color:var(--f7-autocomplete-dropdown-placeholder-color)}.autocomplete-dropdown .list{margin:0;color:var(--f7-autocomplete-dropdown-text-color);font-size:var(--f7-autocomplete-dropdown-font-size)}.autocomplete-dropdown .list b{color:var(--f7-autocomplete-dropdown-text-matching-color);font-weight:var(--f7-autocomplete-dropdown-text-matching-font-weight)}.autocomplete-dropdown .list ul{background:0 0!important}.autocomplete-dropdown .list ul:before{display:none!important}.autocomplete-dropdown .list ul:after{display:none!important}.autocomplete-dropdown .autocomplete-dropdown-selected{background:var(--f7-autocomplete-dropdown-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}.searchbar-input-wrap .autocomplete-dropdown{background-color:var(--f7-searchbar-input-bg-color,var(--f7-searchbar-bg-color));border-radius:var(--f7-searchbar-input-border-radius)}.searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder{color:var(--f7-searchbar-placeholder-color)}.searchbar-input-wrap .autocomplete-dropdown li:last-child{border-radius:0 0 var(--f7-searchbar-input-border-radius) var(--f7-searchbar-input-border-radius);position:relative;overflow:hidden}.searchbar-input-wrap .autocomplete-dropdown .item-content{padding-right:var(--f7-searchbar-input-padding-horizontal)}.list .item-content-dropdown-expanded .item-title.item-label{width:0;flex-shrink:10;overflow:hidden}.list .item-content-dropdown-expanded .item-title.item-label+.item-input-wrap{margin-right:0}.list .item-content-dropdown-expanded .item-input-wrap{width:100%}.ios .autocomplete-dropdown .autocomplete-preloader{left:16px;margin-bottom:12px}.ios .searchbar-input-wrap .autocomplete-dropdown{margin-top:calc(-1 * var(--f7-searchbar-input-height));top:100%;z-index:20}.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner{padding-top:var(--f7-searchbar-input-height)}.md .autocomplete-page .navbar .autocomplete-preloader{margin-left:8px}.md .autocomplete-popup .navbar .autocomplete-preloader{margin-right:8px;margin-left:16px}.md .autocomplete-dropdown .autocomplete-preloader{left:16px;margin-bottom:8px}.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-gap,.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle{border-width:3px}.aurora .autocomplete-dropdown .autocomplete-preloader{left:16px;margin-bottom:2px}.aurora .searchbar-input-wrap .autocomplete-dropdown{margin-top:calc(-1 * var(--f7-searchbar-input-height));top:100%;z-index:20}.aurora .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner{padding-top:var(--f7-searchbar-input-height)}:root{--f7-tooltip-bg-color:rgba(0, 0, 0, 0.87);--f7-tooltip-text-color:#fff;--f7-tooltip-border-radius:4px;--f7-tooltip-padding:8px 16px;--f7-tooltip-font-size:14px;--f7-tooltip-font-weight:500;--f7-tooltip-desktop-padding:6px 8px;--f7-tooltip-desktop-font-size:12px}.tooltip{position:absolute;z-index:20000;background:var(--f7-tooltip-bg-color);border-radius:var(--f7-tooltip-border-radius);padding:var(--f7-tooltip-padding);color:var(--f7-tooltip-text-color);font-size:var(--f7-tooltip-font-size);font-weight:var(--f7-tooltip-font-weight);box-sizing:border-box;line-height:1.2;opacity:0;transform:scale(.9);transition-duration:150ms;transition-property:opacity,transform;z-index:99000}.tooltip.tooltip-in{transform:scale(1);opacity:1}.tooltip.tooltip-out{opacity:0;transform:scale(1)}.device-desktop .tooltip{font-size:var(--f7-tooltip-desktop-font-size);padding:var(--f7-tooltip-desktop-padding)}.gauge{position:relative;text-align:center;margin-left:auto;margin-right:auto;display:inline-block}.gauge svg,.gauge-svg{max-width:100%;height:auto}.gauge svg circle,.gauge svg path,.gauge-svg circle,.gauge-svg path{transition-duration:.4s}:root{--f7-skeleton-color:#ccc}.theme-dark{--f7-skeleton-color:#515151}.skeleton-text{font-family:framework7-skeleton!important}.skeleton-text,.skeleton-text *{color:var(--f7-skeleton-color)!important;font-weight:400!important;font-style:normal!important;letter-spacing:-.015em!important}.skeleton-block{height:1em;background:var(--f7-skeleton-color)!important;width:100%}.skeleton-effect-fade{animation:skeleton-effect-fade 1s infinite}.skeleton-effect-blink{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 75%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 75%,transparent 100%);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-position:50% top;mask-position:50% top;animation:skeleton-effect-blink 1s infinite}.skeleton-effect-pulse{animation:skeleton-effect-pulse 1s infinite}@keyframes skeleton-effect-fade{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}@keyframes skeleton-effect-blink{0%{-webkit-mask-position:50% top;mask-position:50% top}100%{-webkit-mask-position:-150% top;mask-position:-150% top}}@keyframes skeleton-effect-pulse{0%{transform:scale(1)}40%{transform:scale(1)}50%{transform:scale(.975)}100%{transform:scale(1)}}:root{--f7-menu-text-color:#fff;--f7-menu-font-size:16px;--f7-menu-font-weight:500;--f7-menu-line-height:1.2;--f7-menu-bg-color:rgba(0, 0, 0, 0.9);--f7-menu-item-pressed-bg-color:rgba(20, 20, 20, 0.9);--f7-menu-item-padding-horizontal:12px;--f7-menu-item-spacing:6px;--f7-menu-item-height:40px;--f7-menu-item-dropdown-icon-color:rgba(255, 255, 255, 0.4);--f7-menu-item-border-radius:8px;--f7-menu-dropdown-item-height:28px;--f7-menu-dropdown-divider-color:rgba(255, 255, 255, 0.2);--f7-menu-dropdown-padding-vertical:6px}.aurora{--f7-menu-font-size:13px;--f7-menu-item-height:28px;--f7-menu-dropdown-item-height:24px;--f7-menu-item-border-radius:5px;--f7-menu-item-padding-horizontal:10px}.menu{z-index:1000;position:relative;--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.menu-inner{display:flex;justify-content:flex-start;align-items:flex-start;padding-left:var(--f7-menu-item-spacing);padding-right:var(--f7-menu-item-spacing)}.menu-inner:after{content:'';width:var(--f7-menu-item-spacing);height:100%;flex-shrink:0}.menu-item{height:var(--f7-menu-item-height);min-width:var(--f7-menu-item-height);flex-shrink:0;background:var(--f7-menu-bg-color);color:var(--f7-menu-text-color);border-radius:var(--f7-menu-item-border-radius);position:relative;box-sizing:border-box;font-size:var(--f7-menu-font-size);font-weight:var(--f7-menu-font-weight);cursor:pointer;margin-right:var(--f7-menu-item-spacing)}.menu-item:first-child{margin-right:0}.menu-item.active-state:not(.menu-item-dropdown-opened){background-color:rgba(0,0,0,.7)}.menu-item.icon-only{padding-left:0;padding-right:0}.menu-item-content{display:flex;justify-content:center;align-items:center;padding:0 var(--f7-menu-item-padding-horizontal);height:100%;box-sizing:border-box;width:100%;overflow:hidden;border-radius:var(--f7-menu-item-border-radius);position:relative}.icon-only .menu-item-content,.menu-item-content.icon-only{padding-left:0;padding-right:0}.menu-item-dropdown .menu-item-content:after{content:'';position:absolute;width:20px;height:2px;left:50%;transform:translateX(-50%);bottom:4px;background:var(--f7-menu-item-dropdown-icon-color);border-radius:4px}.menu-dropdown{opacity:0;visibility:hidden;pointer-events:none;cursor:auto;height:10px;background:var(--f7-menu-bg-color);position:relative}.menu-dropdown-content{position:absolute;top:100%;border-radius:var(--f7-menu-dropdown-border-radius,var(--f7-menu-item-border-radius));padding-top:var(--f7-menu-dropdown-padding-vertical);padding-bottom:var(--f7-menu-dropdown-padding-vertical);box-sizing:border-box;background:var(--f7-menu-bg-color);overflow:auto;-webkit-overflow-scrolling:touch;min-width:calc(100% + 24px)}.menu-dropdown-item,.menu-dropdown-link{display:flex;justify-content:space-between;align-items:center;padding-left:var(--f7-menu-item-padding-horizontal);padding-right:var(--f7-menu-item-padding-horizontal);min-height:var(--f7-menu-dropdown-item-height);line-height:var(--f7-menu-line-height);font-size:var(--f7-menu-font-size);color:var(--f7-menu-text-color);font-weight:var(--f7-menu-font-weight);white-space:nowrap;min-width:100px}.menu-dropdown-item i,.menu-dropdown-item i.f7-icons,.menu-dropdown-item i.icon,.menu-dropdown-item i.material-icons,.menu-dropdown-link i,.menu-dropdown-link i.f7-icons,.menu-dropdown-link i.icon,.menu-dropdown-link i.material-icons{font-size:20px}.menu-dropdown-link.active-state{background:var(--f7-menu-dropdown-pressed-bg-color,var(--f7-theme-color));color:var(--f7-menu-text-color)}.menu-dropdown-divider{height:1px;margin-top:2px;margin-bottom:2px;background:var(--f7-menu-dropdown-divider-color)}.menu-item-dropdown-opened{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.menu-item-dropdown-opened .menu-item-content:after{opacity:0}.menu-item-dropdown-opened .menu-dropdown{opacity:1;visibility:visible;pointer-events:auto}.menu-dropdown-center:after,.menu-dropdown-left:after,.menu-item-dropdown-center .menu-dropdown:after,.menu-item-dropdown-left .menu-dropdown:after{content:'';position:absolute;left:100%;bottom:0;width:var(--f7-menu-item-border-radius);height:var(--f7-menu-item-border-radius);background-image:radial-gradient(ellipse at 100% 0%,transparent 0%,transparent 70%,var(--f7-menu-bg-color) 72%)}.menu-dropdown-center:before,.menu-dropdown-right:before,.menu-item-dropdown-center .menu-dropdown:before,.menu-item-dropdown-right .menu-dropdown:before{content:'';position:absolute;right:100%;bottom:0;width:var(--f7-menu-item-border-radius);height:var(--f7-menu-item-border-radius);background-image:radial-gradient(ellipse at 0% 0%,transparent 0%,transparent 70%,var(--f7-menu-bg-color) 72%)}.menu-dropdown-left .menu-dropdown-content,.menu-item-dropdown-left .menu-dropdown-content{left:0;border-top-left-radius:0px}.menu-dropdown-right .menu-dropdown-content,.menu-item-dropdown-right .menu-dropdown-content{right:0;border-top-right-radius:0px}.menu-dropdown-center .menu-dropdown-content,.menu-item-dropdown-center .menu-dropdown-content{left:50%;min-width:calc(100% + 24px + 24px);transform:translateX(-50%)}:root{--f7-color-picker-sheet-bg-color:#fff;--f7-color-picker-popup-bg-color:#fff;--f7-color-picker-popover-width:350px;--f7-color-picker-slider-size:6px;--f7-color-picker-slider-knob-size:16px;--f7-color-picker-bar-size:50px;--f7-color-picker-bar-min-height:260px;--f7-color-picker-value-bg-color:rgba(0, 0, 0, 0.05);--f7-color-picker-value-width:64px;--f7-color-picker-value-height:32px;--f7-color-picker-value-font-size:16px;--f7-color-picker-value-border-radius:4px;--f7-color-picker-hex-value-width:84px;--f7-color-picker-label-font-size:14px;--f7-color-picker-label-width:10px;--f7-color-picker-label-height:14px;--f7-color-picker-sb-spectrum-height:260px;--f7-color-picker-sb-spectrum-handle-size:16px;--f7-color-picker-wheel-width:330px;--f7-color-picker-group-bg-color:rgba(0, 0, 0, 0.05);--f7-color-picker-group-value-bg-color:#fff;--f7-color-picker-palette-value-width:36px;--f7-color-picker-palette-value-height:36px;--f7-color-picker-initial-current-color-height:40px;--f7-color-picker-initial-current-color-border-radius:4px}:root .theme-dark,:root.theme-dark{--f7-color-picker-sheet-bg-color:#121212;--f7-color-picker-popup-bg-color:#121212;--f7-color-picker-value-bg-color:rgba(255, 255, 255, 0.1);--f7-color-picker-group-bg-color:#000;--f7-color-picker-group-value-bg-color:rgba(255, 255, 255, 0.12)}.color-picker{overflow:hidden;width:100%;display:flex;flex-direction:column}.color-picker-popover .color-picker,.color-picker-popup .color-picker,.color-picker.color-picker-inline{position:relative}.color-picker-sheet-modal{background:var(--f7-color-picker-sheet-bg-color)}.color-picker-sheet-modal:before{z-index:600}.color-picker-sheet-modal .sheet-modal-inner{margin-bottom:var(--f7-safe-area-bottom)}.color-picker-popup .page{background:var(--f7-color-picker-popup-bg-color)}.color-picker-popup .page-content{padding-bottom:var(--f7-safe-area-bottom)}.color-picker-page .color-picker,.color-picker-popover .color-picker,.color-picker-popup .color-picker{height:100%}.color-picker-page .color-picker .toolbar,.color-picker-popover .color-picker .toolbar,.color-picker-popup .color-picker .toolbar{position:absolute}.color-picker-popover{width:var(--f7-color-picker-popover-width);max-width:90vw;max-height:80vh}.color-picker-popover .color-picker{max-height:80vh}.color-picker-popover .toolbar-top{border-top-left-radius:var(--f7-popover-border-radius);border-top-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette{overflow:hidden;flex-shrink:0}.color-picker-popover .color-picker-module-palette:first-child{border-top-left-radius:var(--f7-popover-border-radius);border-top-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette:last-child{border-bottom-left-radius:var(--f7-popover-border-radius);border-bottom-right-radius:var(--f7-popover-border-radius)}.color-picker-popover .color-picker-module-palette:first-child:last-child{border-radius:var(--f7-popover-border-radius)}.color-picker-popover .toolbar~.page-content .color-picker-module-palette:first-child{border-top-left-radius:0;border-top-right-radius:0}.color-picker-page .page-content,.color-picker-popover .page-content,.color-picker-popup .page-content,.color-picker-sheet-modal .page-content{display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column;overflow-x:hidden}.color-picker-module{margin-top:5px}.color-picker-module:last-child{margin-bottom:5px}.color-picker-module-hs-spectrum,.color-picker-module-sb-spectrum{margin-left:10px;margin-right:10px}.color-picker-module-hs-spectrum:first-child,.color-picker-module-sb-spectrum:first-child{margin-top:10px}.color-picker-module-hs-spectrum .color-picker-hs-spectrum,.color-picker-module-hs-spectrum .color-picker-sb-spectrum,.color-picker-module-sb-spectrum .color-picker-hs-spectrum,.color-picker-module-sb-spectrum .color-picker-sb-spectrum{border-radius:4px;height:var(--f7-color-picker-sb-spectrum-height)}.color-picker-sb-spectrum{background-color:#000;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#000 100%),linear-gradient(to left,rgba(255,255,255,0) 0%,#fff 100%);position:relative}.color-picker-hs-spectrum{position:relative;background-image:linear-gradient(to right,red,#feff00,#0f0,#00feff,#00f,#ff00fe,red)}.color-picker-hs-spectrum:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(to bottom,rgba(255,255,255,0),#fff)}.color-picker-hs-spectrum-handle,.color-picker-sb-spectrum-handle{width:4px;height:4px;position:absolute;left:-2px;top:-2px;z-index:1}.color-picker-hs-spectrum-handle:after,.color-picker-sb-spectrum-handle:after{background-color:inherit;content:'';position:absolute;width:var(--f7-color-picker-sb-spectrum-handle-size);height:var(--f7-color-picker-sb-spectrum-handle-size);border:1px solid #fff;border-radius:50%;box-shadow:0px 0px 2px rgba(0,0,0,.5);box-sizing:border-box;left:50%;top:50%;transform:translate(-50%,-50%);transition:150ms;transition-property:transform;transform-origin:center}.color-picker-hs-spectrum-handle.color-picker-hs-spectrum-handle-pressed:after,.color-picker-hs-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after,.color-picker-sb-spectrum-handle.color-picker-hs-spectrum-handle-pressed:after,.color-picker-sb-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after{transform:scale(1.5) translate(-33.333%,-33.333%)}.color-picker-module-wheel{margin-left:10px;margin-right:10px}.color-picker-wheel{position:relative;width:var(--f7-color-picker-wheel-width);max-width:100%;height:auto;font-size:0;margin-left:auto;margin-right:auto}.color-picker-wheel svg{width:100%;height:auto}.color-picker-wheel .color-picker-wheel-handle{width:calc(100% / 6);height:calc(100% / 6);position:absolute;box-sizing:border-box;border:2px solid #fff;box-shadow:0px 0px 5px rgba(0,0,0,.5);background:red;border-radius:50%;left:0;top:0}.color-picker-wheel .color-picker-sb-spectrum{width:45%;height:45%;left:50%;top:50%;transform:translate3d(-50%,-50%,0);position:absolute}.color-picker-slider-wrap{display:flex;align-items:center;margin-bottom:2px}.color-picker-slider-wrap+.color-picker-slider-wrap{margin-top:5px}.color-picker-hex-wrap{justify-content:space-between;display:flex;align-items:center}.color-picker-hex-label,.color-picker-slider-label{font-size:var(--f7-color-picker-label-font-size);width:var(--f7-color-picker-label-size);flex-shrink:0;margin-left:12px}.color-picker-hex-label{width:auto}.color-picker-bar-value,.color-picker-hex-value,.color-picker-slider-value{width:var(--f7-color-picker-value-width);height:var(--f7-color-picker-value-height);background:var(--f7-color-picker-value-bg-color);border-radius:var(--f7-color-picker-value-border-radius);text-align:center;font-size:var(--f7-color-picker-value-font-size);display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-right:10px}.color-picker-bar-value input,.color-picker-hex-value input,.color-picker-slider-value input{width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;background:0 0;color:inherit;font-family:inherit;font-size:inherit;text-align:center;display:block;border-radius:4px}.color-picker-bar-value input::-webkit-inner-spin-button,.color-picker-bar-value input::-webkit-outer-spin-button,.color-picker-hex-value input::-webkit-inner-spin-button,.color-picker-hex-value input::-webkit-outer-spin-button,.color-picker-slider-value input::-webkit-inner-spin-button,.color-picker-slider-value input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;display:none}.color-picker-hex-value{width:var(--f7-color-picker-hex-value-width)}.color-picker-hex-value:first-child{margin-right:auto}.color-picker-slider{--f7-range-bar-active-bg-color:transparent;--f7-range-bar-size:var(--f7-color-picker-slider-size);--f7-range-bar-border-radius:var(--f7-color-picker-slider-size);--f7-range-knob-size:var(--f7-color-picker-slider-knob-size);--f7-range-knob-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3)}.color-picker-slider .range-knob{transition-duration:.2s;transition-property:transform}.color-picker-slider .range-knob:after{width:30px;height:30px;margin-left:-16px;margin-top:-16px}.color-picker-slider .range-knob-active-state .range-knob{transform:scale(1.5)}.md .color-picker-slider.range-slider-min:not(.range-slider-dual) .range-knob{background:var(--f7-range-knob-color)!important;border:none}.color-picker-module-rgb-bars{display:flex;justify-content:space-around;justify-content:space-evenly;align-items:stretch;height:100%;min-height:var(--f7-color-picker-bar-min-height);padding-bottom:10px;padding-top:10px;box-sizing:border-box}.color-picker-bar-wrap{display:flex;align-items:center;flex-direction:column-reverse}.color-picker-bar{--f7-range-bar-active-bg-color:transparent;--f7-range-bar-size:var(--f7-color-picker-bar-size);--f7-range-bar-border-radius:2px;--f7-range-knob-size:6px;--f7-range-knob-box-shadow:0 0px 3px rgba(0, 0, 0, 0.3);--f7-range-knob-color:#fff}.color-picker-bar .range-knob{transition-duration:0s;transition-property:transform;border-radius:3px}.color-picker-bar .range-knob-wrap{height:6px;width:calc(var(--f7-color-picker-bar-size) - 4px);margin-left:calc(-.5 * (var(--f7-color-picker-bar-size) - 4px))}.color-picker-bar .range-knob-active-state .range-knob{transform:scale(1)}.md .color-picker-bar.range-slider-min:not(.range-slider-dual) .range-knob{background:var(--f7-range-knob-color)!important;border:none}.color-picker-bar-label{font-size:var(--f7-color-picker-label-size);margin-top:12px;line-height:1;height:var(--f7-color-picker-label-height);flex-shrink:0}.color-picker-bar-value{margin-left:0;margin-bottom:10px}.color-picker-slider-alpha{--f7-range-knob-color:#fff}.color-picker-slider-alpha .range-bar{background-image:linear-gradient(to left,rgba(0,0,0,0),#000),linear-gradient(to right,rgba(255,255,255,.2) 50%,rgba(0,0,0,.2) 50%),linear-gradient(to left,rgba(255,255,255,.2) 50%,rgba(0,0,0,.2) 50%);background-size:100% 100%,6px 3px,6px 3px;background-position:0 0,0px 3px,0 0;background-repeat:repeat-y,repeat-x,repeat-x}.color-picker-slider-hue .range-bar{background-image:linear-gradient(to left,red,#feff00,#0f0,#00feff,#00f,#ff00fe,red)}.color-picker-slider-brightness .range-bar{background-image:linear-gradient(to left,#000,#fff)}.color-picker-module-palette{margin-top:16px}.color-picker-module-palette:first-child{margin-top:0}.color-picker-module-palette:last-child{margin-bottom:0}.color-picker-module-palette:first-child:last-child{margin:0}.color-picker-palette{display:flex;flex-wrap:wrap}.color-picker-palette-row{width:100%;display:flex;flex-wrap:nowrap}.color-picker-palette-row .color-picker-palette-value{width:100%}.color-picker-palette-value{width:var(--f7-color-picker-palette-value-width);height:var(--f7-color-picker-palette-value-height);cursor:pointer}.color-picker-module-current-color,.color-picker-module-initial-current-colors{margin-left:10px;margin-right:10px;border-radius:var(--f7-color-picker-initial-current-color-border-radius);overflow:hidden;flex-shrink:0}.color-picker-current-color,.color-picker-initial-color{height:var(--f7-color-picker-initial-current-color-height)}.color-picker-initial-current-colors{display:flex}.color-picker-initial-current-colors .color-picker-current-color,.color-picker-initial-current-colors .color-picker-initial-color{width:50%}.color-picker-module-alpha-slider,.color-picker-module-brightness-slider,.color-picker-module-hex,.color-picker-module-hsb-sliders,.color-picker-module-hue-slider,.color-picker-module-rgb-sliders{margin-left:10px;margin-right:10px}.color-picker-grouped-modules .color-picker-module-alpha-slider,.color-picker-grouped-modules .color-picker-module-brightness-slider,.color-picker-grouped-modules .color-picker-module-hex,.color-picker-grouped-modules .color-picker-module-hsb-sliders,.color-picker-grouped-modules .color-picker-module-hue-slider,.color-picker-grouped-modules .color-picker-module-rgb-sliders{background:var(--f7-color-picker-group-bg-color);padding:5px;border-radius:4px;margin-top:16px;margin-left:5px;margin-right:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider:last-child,.color-picker-grouped-modules .color-picker-module-brightness-slider:last-child,.color-picker-grouped-modules .color-picker-module-hex:last-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders:last-child,.color-picker-grouped-modules .color-picker-module-hue-slider:last-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders:last-child{margin-bottom:16px}.color-picker-grouped-modules .color-picker-hex-value,.color-picker-grouped-modules .color-picker-slider-value{background:var(--f7-color-picker-group-value-bg-color)}.color-picker-grouped-modules .color-picker-hex-label,.color-picker-grouped-modules .color-picker-slider-label{margin-right:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:first-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:first-child{margin-right:5px}.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:last-child,.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:last-child{margin-left:5px}:root{--f7-treeview-item-padding-left:16px;--f7-treeview-item-padding-right:16px;--f7-treeview-toggle-size:24px;--f7-treeview-toggle-color:rgba(0, 0, 0, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-toggle-pressed-bg-color:rgba(0, 0, 0, 0.15);--f7-treeview-icon-color:rgba(0, 0, 0, 0.5);--f7-treeview-children-offset:29px;--f7-treeview-label-font-weight:400;--f7-treeview-label-text-color:inherit;--f7-treeview-selectable-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-hover-bg-color:rgba(0, 0, 0, 0.1);--f7-treeview-link-pressed-bg-color:rgba(0, 0, 0, 0.15)}:root .theme-dark,:root.theme-dark{--f7-treeview-toggle-color:rgba(255, 255, 255, 0.5);--f7-treeview-toggle-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-toggle-pressed-bg-color:rgba(255, 255, 255, 0.1);--f7-treeview-icon-color:rgba(255, 255, 255, 0.75);--f7-treeview-selectable-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-treeview-link-pressed-bg-color:rgba(255, 255, 255, 0.11)}.ios{--f7-treeview-item-height:34px;--f7-treeview-label-font-size:17px;--f7-treeview-icon-size:24px}.md{--f7-treeview-item-height:34px;--f7-treeview-label-font-size:16px;--f7-treeview-icon-size:24px}.aurora{--f7-treeview-item-height:28px;--f7-treeview-label-font-size:14px;--f7-treeview-icon-size:20px}.treeview-item-root{padding-right:var(--f7-treeview-item-padding-left);padding-left:var(--f7-treeview-item-padding-right);height:var(--f7-treeview-item-height);display:flex;align-items:center;justify-content:flex-start}.treeview-item-content{display:flex;justify-content:flex-start;align-items:center}.treeview-item-content>.f7-icons,.treeview-item-content>.material-icons,.treeview-item-content>i{width:var(--f7-treeview-icon-size);height:var(--f7-treeview-icon-size);font-size:var(--f7-treeview-icon-size);color:var(--f7-treeview-icon-color)}.treeview-item-content:first-child{margin-right:calc(var(--f7-treeview-toggle-size) + 5px)}.treeview-item-content>*+*{margin-right:5px}.treeview-item-label{font-size:var(--f7-treeview-label-font-size);font-weight:var(--f7-treeview-label-font-weight);color:var(--f7-treeview-label-text-color)}.treeview-toggle{width:var(--f7-treeview-toggle-size);height:var(--f7-treeview-toggle-size);cursor:pointer;border-radius:4px;background-color:rgba(0,0,0,0);transition-duration:.2s;position:relative;margin-left:5px}.treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.treeview-toggle:after{transition-duration:.2s;content:'';position:absolute;left:50%;top:50%;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:translate(-50%,-50%);border-right:6px solid var(--f7-treeview-toggle-color)}.treeview-toggle-hidden{opacity:0;pointer-events:none;visibility:hidden}.treeview-preloader{--f7-preloader-size:var(--f7-treeview-toggle-size);margin-left:calc(-1 * var(--f7-treeview-toggle-size))}.treeview-item-children{display:none}.treeview-item-opened>.treeview-item-children{display:block}.treeview-item-opened>.treeview-item-root .treeview-toggle:after{transform:translate(-50%,-50%) rotate(-90deg)}a.treeview-item-root{color:var(--f7-treeview-label-text-color)}.treeview-item-selectable.treeview-item-root,.treeview-item-selectable>.treeview-item-root{cursor:pointer;transition-duration:150ms}a.treeview-item-root{transition-duration:150ms}a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.treeview-item-toggle.treeview-item-root,.treeview-item-toggle>.treeview-item-root{cursor:pointer}.treeview-item-selected.treeview-item-root,.treeview-item-selected>.treeview-item-root{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}.treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 1)}.treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 2)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 3)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 4)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 5)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 6)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 7)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 8)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 9)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 10)}.aurora .treeview-toggle:hover{background-color:var(--f7-treeview-toggle-hover-bg-color)}.aurora .treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.aurora .treeview-item-selectable.treeview-item-root:hover,.aurora .treeview-item-selectable>.treeview-item-root:hover{background:var(--f7-treeview-selectable-hover-bg-color)}.aurora a.treeview-item-root:hover{background:var(--f7-treeview-link-hover-bg-color)}.aurora a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.aurora .treeview-item-selected.treeview-item-root:hover,.aurora .treeview-item-selected>.treeview-item-root:hover{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}iframe#viAd{z-index:12900!important;background:#000!important}.vi-overlay{background:rgba(0,0,0,.85);z-index:13100;position:absolute;left:0%;top:0%;width:100%;height:100%;border-radius:3px;display:flex;justify-content:center;flex-direction:column;align-items:center;align-content:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.vi-overlay{background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.vi-overlay .vi-overlay-text{text-align:center;color:#fff;max-width:80%}.vi-overlay .vi-overlay-text+.vi-overlay-play-button{margin-top:15px}.vi-overlay .vi-overlay-play-button{width:44px;height:44px;border-radius:50%;border:2px solid #fff;position:relative}.vi-overlay .vi-overlay-play-button.active-state{opacity:.55}.vi-overlay .vi-overlay-play-button:before{content:'';width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:14px solid #fff;position:absolute;left:50%;top:50%;margin-left:2px;transform:translate(-50%,-50%)}:root{--f7-elevation-0:0px 0px 0px 0px rgba(0, 0, 0, 0);--f7-elevation-1:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);--f7-elevation-2:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12);--f7-elevation-3:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12);--f7-elevation-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);--f7-elevation-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12);--f7-elevation-6:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);--f7-elevation-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12);--f7-elevation-8:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12);--f7-elevation-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12);--f7-elevation-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12);--f7-elevation-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12);--f7-elevation-12:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12);--f7-elevation-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12);--f7-elevation-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12);--f7-elevation-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12);--f7-elevation-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);--f7-elevation-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12);--f7-elevation-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12);--f7-elevation-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12);--f7-elevation-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12);--f7-elevation-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12);--f7-elevation-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12);--f7-elevation-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12);--f7-elevation-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.elevation-0{box-shadow:var(--f7-elevation-0)!important}.elevation-1{box-shadow:var(--f7-elevation-1)!important}.elevation-2{box-shadow:var(--f7-elevation-2)!important}.elevation-3{box-shadow:var(--f7-elevation-3)!important}.elevation-4{box-shadow:var(--f7-elevation-4)!important}.elevation-5{box-shadow:var(--f7-elevation-5)!important}.elevation-6{box-shadow:var(--f7-elevation-6)!important}.elevation-7{box-shadow:var(--f7-elevation-7)!important}.elevation-8{box-shadow:var(--f7-elevation-8)!important}.elevation-9{box-shadow:var(--f7-elevation-9)!important}.elevation-10{box-shadow:var(--f7-elevation-10)!important}.elevation-11{box-shadow:var(--f7-elevation-11)!important}.elevation-12{box-shadow:var(--f7-elevation-12)!important}.elevation-13{box-shadow:var(--f7-elevation-13)!important}.elevation-14{box-shadow:var(--f7-elevation-14)!important}.elevation-15{box-shadow:var(--f7-elevation-15)!important}.elevation-16{box-shadow:var(--f7-elevation-16)!important}.elevation-17{box-shadow:var(--f7-elevation-17)!important}.elevation-18{box-shadow:var(--f7-elevation-18)!important}.elevation-19{box-shadow:var(--f7-elevation-19)!important}.elevation-20{box-shadow:var(--f7-elevation-20)!important}.elevation-21{box-shadow:var(--f7-elevation-21)!important}.elevation-22{box-shadow:var(--f7-elevation-22)!important}.elevation-23{box-shadow:var(--f7-elevation-23)!important}.elevation-24{box-shadow:var(--f7-elevation-24)!important}.device-desktop .elevation-hover-0:hover{box-shadow:var(--f7-elevation-0)!important}.device-desktop .elevation-hover-1:hover{box-shadow:var(--f7-elevation-1)!important}.device-desktop .elevation-hover-2:hover{box-shadow:var(--f7-elevation-2)!important}.device-desktop .elevation-hover-3:hover{box-shadow:var(--f7-elevation-3)!important}.device-desktop .elevation-hover-4:hover{box-shadow:var(--f7-elevation-4)!important}.device-desktop .elevation-hover-5:hover{box-shadow:var(--f7-elevation-5)!important}.device-desktop .elevation-hover-6:hover{box-shadow:var(--f7-elevation-6)!important}.device-desktop .elevation-hover-7:hover{box-shadow:var(--f7-elevation-7)!important}.device-desktop .elevation-hover-8:hover{box-shadow:var(--f7-elevation-8)!important}.device-desktop .elevation-hover-9:hover{box-shadow:var(--f7-elevation-9)!important}.device-desktop .elevation-hover-10:hover{box-shadow:var(--f7-elevation-10)!important}.device-desktop .elevation-hover-11:hover{box-shadow:var(--f7-elevation-11)!important}.device-desktop .elevation-hover-12:hover{box-shadow:var(--f7-elevation-12)!important}.device-desktop .elevation-hover-13:hover{box-shadow:var(--f7-elevation-13)!important}.device-desktop .elevation-hover-14:hover{box-shadow:var(--f7-elevation-14)!important}.device-desktop .elevation-hover-15:hover{box-shadow:var(--f7-elevation-15)!important}.device-desktop .elevation-hover-16:hover{box-shadow:var(--f7-elevation-16)!important}.device-desktop .elevation-hover-17:hover{box-shadow:var(--f7-elevation-17)!important}.device-desktop .elevation-hover-18:hover{box-shadow:var(--f7-elevation-18)!important}.device-desktop .elevation-hover-19:hover{box-shadow:var(--f7-elevation-19)!important}.device-desktop .elevation-hover-20:hover{box-shadow:var(--f7-elevation-20)!important}.device-desktop .elevation-hover-21:hover{box-shadow:var(--f7-elevation-21)!important}.device-desktop .elevation-hover-22:hover{box-shadow:var(--f7-elevation-22)!important}.device-desktop .elevation-hover-23:hover{box-shadow:var(--f7-elevation-23)!important}.device-desktop .elevation-hover-24:hover{box-shadow:var(--f7-elevation-24)!important}.active-state.elevation-pressed-0,.device-desktop .active-state.elevation-pressed-0{box-shadow:var(--f7-elevation-0)!important}.active-state.elevation-pressed-1,.device-desktop .active-state.elevation-pressed-1{box-shadow:var(--f7-elevation-1)!important}.active-state.elevation-pressed-2,.device-desktop .active-state.elevation-pressed-2{box-shadow:var(--f7-elevation-2)!important}.active-state.elevation-pressed-3,.device-desktop .active-state.elevation-pressed-3{box-shadow:var(--f7-elevation-3)!important}.active-state.elevation-pressed-4,.device-desktop .active-state.elevation-pressed-4{box-shadow:var(--f7-elevation-4)!important}.active-state.elevation-pressed-5,.device-desktop .active-state.elevation-pressed-5{box-shadow:var(--f7-elevation-5)!important}.active-state.elevation-pressed-6,.device-desktop .active-state.elevation-pressed-6{box-shadow:var(--f7-elevation-6)!important}.active-state.elevation-pressed-7,.device-desktop .active-state.elevation-pressed-7{box-shadow:var(--f7-elevation-7)!important}.active-state.elevation-pressed-8,.device-desktop .active-state.elevation-pressed-8{box-shadow:var(--f7-elevation-8)!important}.active-state.elevation-pressed-9,.device-desktop .active-state.elevation-pressed-9{box-shadow:var(--f7-elevation-9)!important}.active-state.elevation-pressed-10,.device-desktop .active-state.elevation-pressed-10{box-shadow:var(--f7-elevation-10)!important}.active-state.elevation-pressed-11,.device-desktop .active-state.elevation-pressed-11{box-shadow:var(--f7-elevation-11)!important}.active-state.elevation-pressed-12,.device-desktop .active-state.elevation-pressed-12{box-shadow:var(--f7-elevation-12)!important}.active-state.elevation-pressed-13,.device-desktop .active-state.elevation-pressed-13{box-shadow:var(--f7-elevation-13)!important}.active-state.elevation-pressed-14,.device-desktop .active-state.elevation-pressed-14{box-shadow:var(--f7-elevation-14)!important}.active-state.elevation-pressed-15,.device-desktop .active-state.elevation-pressed-15{box-shadow:var(--f7-elevation-15)!important}.active-state.elevation-pressed-16,.device-desktop .active-state.elevation-pressed-16{box-shadow:var(--f7-elevation-16)!important}.active-state.elevation-pressed-17,.device-desktop .active-state.elevation-pressed-17{box-shadow:var(--f7-elevation-17)!important}.active-state.elevation-pressed-18,.device-desktop .active-state.elevation-pressed-18{box-shadow:var(--f7-elevation-18)!important}.active-state.elevation-pressed-19,.device-desktop .active-state.elevation-pressed-19{box-shadow:var(--f7-elevation-19)!important}.active-state.elevation-pressed-20,.device-desktop .active-state.elevation-pressed-20{box-shadow:var(--f7-elevation-20)!important}.active-state.elevation-pressed-21,.device-desktop .active-state.elevation-pressed-21{box-shadow:var(--f7-elevation-21)!important}.active-state.elevation-pressed-22,.device-desktop .active-state.elevation-pressed-22{box-shadow:var(--f7-elevation-22)!important}.active-state.elevation-pressed-23,.device-desktop .active-state.elevation-pressed-23{box-shadow:var(--f7-elevation-23)!important}.active-state.elevation-pressed-24,.device-desktop .active-state.elevation-pressed-24{box-shadow:var(--f7-elevation-24)!important}.elevation-transition-100{transition-duration:.1s;transition-property:box-shadow}.elevation-transition,.elevation-transition-200{transition-duration:.2s;transition-property:box-shadow}.elevation-transition-300{transition-duration:.3s;transition-property:box-shadow}.elevation-transition-400{transition-duration:.4s;transition-property:box-shadow}.elevation-transition-500{transition-duration:.5s;transition-property:box-shadow}:root{--f7-typography-padding:16px;--f7-typography-margin:16px}.display-flex{display:flex!important}.display-block{display:block!important}.display-inline-flex{display:inline-flex!important}.display-inline-block{display:inline-block!important}.display-inline{display:inline!important}.display-none{display:none!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-shrink-2{flex-shrink:2!important}.flex-shrink-3{flex-shrink:3!important}.flex-shrink-4{flex-shrink:4!important}.flex-shrink-5{flex-shrink:5!important}.flex-shrink-6{flex-shrink:6!important}.flex-shrink-7{flex-shrink:7!important}.flex-shrink-8{flex-shrink:8!important}.flex-shrink-9{flex-shrink:9!important}.flex-shrink-10{flex-shrink:10!important}.flex-direction-row{flex-direction:row!important}.flex-direction-row-reverse{flex-direction:row-reverse!important}.flex-direction-column{flex-direction:column!important}.flex-direction-column-reverse{flex-direction:column-reverse!important}.justify-content-flex-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-flex-end{justify-content:flex-end!important}.justify-content-space-between{justify-content:space-between!important}.justify-content-space-around{justify-content:space-around!important}.justify-content-space-evenly{justify-content:space-evenly!important}.justify-content-stretch{justify-content:stretch!important}.justify-content-start{justify-content:start!important}.justify-content-end{justify-content:end!important}.justify-content-left{justify-content:left!important}.justify-content-right{justify-content:right!important}.align-content-flex-start{align-content:flex-start!important}.align-content-flex-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-space-between{align-content:space-between!important}.align-content-space-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-items-baseline{align-items:baseline!important}.align-items-flex-start{align-items:flex-start!important}.align-items-flex-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-stretch{align-items:stretch!important}.align-self-flex-start{align-self:flex-start!important}.align-self-flex-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-stretch{align-self:stretch!important}.text-align-left{text-align:left!important}.text-align-center{text-align:center!important}.text-align-right{text-align:right!important}.text-align-justify{text-align:justify!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.vertical-align-bottom{vertical-align:bottom!important}.vertical-align-middle{vertical-align:middle!important}.vertical-align-top{vertical-align:top!important}.no-padding{padding:0!important}.no-padding-left{padding-left:0!important}.no-padding-right{padding-right:0!important}.no-padding-horizontal{padding-left:0!important;padding-right:0!important}.no-padding-top{padding-top:0!important}.no-padding-bottom{padding-bottom:0!important}.no-padding-vertical{padding-top:0!important;padding-bottom:0!important}.no-margin{margin:0!important}.no-margin-left{margin-left:0!important}.no-margin-right{margin-right:0!important}.no-margin-horizontal{margin-left:0!important;margin-right:0!important}.no-margin-top{margin-top:0!important}.no-margin-bottom{margin-bottom:0!important}.no-margin-vertical{margin-top:0!important;margin-bottom:0!important}.width-auto{width:auto!important}.width-100{width:100%!important}.padding{padding:var(--f7-typography-padding)!important}.padding-half{padding:calc(var(--f7-typography-padding)/ 2)!important}.padding-top{padding-top:var(--f7-typography-padding)!important}.padding-top-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important}.padding-bottom{padding-bottom:var(--f7-typography-padding)!important}.padding-bottom-half{padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-left{padding-left:var(--f7-typography-padding)!important}.padding-left-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important}.padding-right{padding-right:var(--f7-typography-padding)!important}.padding-right-half{padding-right:calc(var(--f7-typography-padding)/ 2)!important}.padding-vertical{padding-top:var(--f7-typography-padding)!important;padding-bottom:var(--f7-typography-padding)!important}.padding-vertical-half{padding-top:calc(var(--f7-typography-padding)/ 2)!important;padding-bottom:calc(var(--f7-typography-padding)/ 2)!important}.padding-horizontal{padding-left:var(--f7-typography-padding)!important;padding-right:var(--f7-typography-padding)!important}.padding-horizontal-half{padding-left:calc(var(--f7-typography-padding)/ 2)!important;padding-right:calc(var(--f7-typography-padding)/ 2)!important}.margin{margin:var(--f7-typography-margin)!important}.margin-half{margin:calc(var(--f7-typography-margin)/ 2)!important}.margin-top{margin-top:var(--f7-typography-margin)!important}.margin-top-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important}.margin-bottom{margin-bottom:var(--f7-typography-margin)!important}.margin-bottom-half{margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-left{margin-left:var(--f7-typography-margin)!important}.margin-left-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important}.margin-right{margin-right:var(--f7-typography-margin)!important}.margin-right-half{margin-right:calc(var(--f7-typography-margin)/ 2)!important}.margin-vertical{margin-top:var(--f7-typography-margin)!important;margin-bottom:var(--f7-typography-margin)!important}.margin-vertical-half{margin-top:calc(var(--f7-typography-margin)/ 2)!important;margin-bottom:calc(var(--f7-typography-margin)/ 2)!important}.margin-horizontal{margin-left:var(--f7-typography-margin)!important;margin-right:var(--f7-typography-margin)!important}.margin-horizontal-half{margin-left:calc(var(--f7-typography-margin)/ 2)!important;margin-right:calc(var(--f7-typography-margin)/ 2)!important}[class*=text-color-]{color:var(--f7-theme-color-text-color)!important}[class*=bg-color-]{background-color:var(--f7-theme-color-bg-color)!important}[class*=border-color-]{border-color:var(--f7-theme-color-border-color)!important} \ No newline at end of file diff --git a/packages/core/css/framework7.css b/packages/core/css/framework7.css index dbe2d01377..290871c2a9 100644 --- a/packages/core/css/framework7.css +++ b/packages/core/css/framework7.css @@ -1,5 +1,5 @@ /** - * Framework7 5.0.0-beta.2 + * Framework7 5.0.0-beta.3 * Full featured mobile HTML framework for building iOS & Android apps * http://framework7.io/ * @@ -7,7 +7,7 @@ * * Released under the MIT License * - * Released on: July 22, 2019 + * Released on: August 6, 2019 */ /*==================== @@ -119,13 +119,13 @@ --f7-bars-bg-image: none; --f7-bars-bg-color: #f7f7f8; --f7-bars-bg-color-rgb: 247, 247, 248; + --f7-bars-translucent-opacity: 0.8; + --f7-bars-translucent-blur: 20px; --f7-bars-text-color: #000; --f7-bars-shadow-bottom-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); --f7-bars-shadow-top-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); } .theme-dark { - --f7-bars-bg-color: #1b1b1b; - --f7-bars-bg-color-rgb: 27, 27, 27; --f7-bars-text-color: #fff; } .ios { @@ -140,11 +140,16 @@ .md { --f7-bars-border-color: transparent; } +.md .theme-dark, +.md.theme-dark { + --f7-bars-bg-color: #202020; +} .aurora { --f7-bars-border-color: rgba(0, 0, 0, 0.2); } .aurora .theme-dark, .aurora.theme-dark { + --f7-bars-bg-color: #202020; --f7-bars-border-color: rgba(255, 255, 255, 0.1); } /*==================== @@ -772,7 +777,7 @@ html.device-full-viewport body { } .md .theme-dark, .md.theme-dark { - --f7-page-bg-color: #171717; + --f7-page-bg-color: #121212; } .aurora { --f7-page-bg-color: #f3f3f3; @@ -780,7 +785,7 @@ html.device-full-viewport body { } .aurora .theme-dark, .aurora.theme-dark { - --f7-page-bg-color: #171717; + --f7-page-bg-color: #121212; } .theme-dark { --f7-page-master-border-color: rgba(255, 255, 255, 0.1); @@ -1225,8 +1230,8 @@ html.device-full-viewport body { --f7-navbar-large-title-font-weight: 700; --f7-navbar-large-title-letter-spacing: -0.03em; --f7-navbar-large-title-padding-vertical: 6px; - --f7-navbar-large-title-padding-left: 15px; - --f7-navbar-large-title-padding-right: 15px; + --f7-navbar-large-title-padding-left: 16px; + --f7-navbar-large-title-padding-right: 16px; /* --f7-navbar-link-height: var(--f7-navbar-height); --f7-navbar-link-line-height: var(--f7-navbar-height); @@ -1270,8 +1275,8 @@ html.device-full-viewport body { --f7-navbar-height: 38px; --f7-navbar-tablet-height: 38px; --f7-navbar-font-size: 14px; - --f7-navbar-inner-padding-left: 15px; - --f7-navbar-inner-padding-right: 15px; + --f7-navbar-inner-padding-left: 16px; + --f7-navbar-inner-padding-right: 16px; --f7-navbar-title-font-weight: 600; --f7-navbar-title-margin-left: 0; --f7-navbar-title-margin-right: 0; @@ -1285,8 +1290,8 @@ html.device-full-viewport body { --f7-navbar-large-title-font-weight: bold; --f7-navbar-large-title-letter-spacing: -0.03em; --f7-navbar-large-title-padding-vertical: 4px; - --f7-navbar-large-title-padding-left: 15px; - --f7-navbar-large-title-padding-right: 15px; + --f7-navbar-large-title-padding-left: 16px; + --f7-navbar-large-title-padding-right: 16px; --f7-navbar-link-height: auto; --f7-navbar-link-line-height: inherit; } @@ -1294,18 +1299,26 @@ html.device-full-viewport body { .aurora.theme-dark { --f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.5); } +.navbars, .navbar { - --f7-navbar-large-collapse-progress: 0; - position: relative; + z-index: 500; left: 0; top: 0; width: 100%; - z-index: 500; +} +.navbars { + position: absolute; +} +.navbars .navbar { + z-index: auto; +} +.navbar { + --f7-navbar-large-collapse-progress: 0; + position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; margin: 0; - transform: translate3d(0, 0, 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); @@ -1378,7 +1391,8 @@ html.device-full-viewport body { .navbar .no-shadow .navbar-bg:before { display: none !important; } -.navbar.navbar-hidden .navbar-bg:before { +.navbar.navbar-hidden .navbar-bg:before, +.navbar-hidden .navbar .navbar-bg:before { opacity: 0 !important; } .navbar-bg { @@ -1395,10 +1409,10 @@ html.device-full-viewport body { transition-property: transform; } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .navbar-bg { - background-color: rgba(var(--f7-navbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), 0.8); - -webkit-backdrop-filter: saturate(180%) blur(20px); - backdrop-filter: saturate(180%) 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, @@ -1441,26 +1455,24 @@ html.device-full-viewport body { } } .navbar-transitioning, -.navbar-transitioning:before, .navbar-transitioning .left, .navbar-transitioning .title, .navbar-transitioning .right, -.navbar-transitioning .title-large-inner, .navbar-transitioning .title-large-text, .navbar-transitioning .navbar-bg, -.navbar-transitioning .subnavbar { +.navbar-transitioning .subnavbar, +.navbar-transitioning .navbar-bg:before { transition-duration: var(--f7-navbar-hide-show-transition-duration); } .navbar-page-transitioning { transition-duration: var(--f7-page-swipeback-transition-duration) !important; } .navbar-page-transitioning .title-large-text, -.navbar-page-transitioning .title-large-inner, .navbar-page-transitioning .navbar-bg { transition-duration: var(--f7-page-swipeback-transition-duration) !important; } .navbar-hidden { - transform: translate3d(0, calc(-100% + var(--f7-safe-area-top)), 0); + transform: translate3d(0, calc(-1 * var(--f7-navbar-height)), 0); } .navbar-hidden .navbar-inner { pointer-events: none; @@ -1468,12 +1480,12 @@ html.device-full-viewport body { .navbar-hidden .navbar-inner > .left, .navbar-hidden .navbar-inner > .title, .navbar-hidden .navbar-inner > .right { - opacity: 0; + opacity: 0 !important; } .navbar-hidden-statusbar { - transform: translate3d(0, -100%, 0); + transform: translate3d(0, calc(-1 * var(--f7-navbar-height) - var(--f7-safe-area-top)), 0); } -.navbar-large-hidden { +.navbar-large-hidden .navbar-large { --f7-navbar-large-collapse-progress: 1; } .navbar-inner { @@ -1492,35 +1504,33 @@ html.device-full-viewport body { } .views > .navbar, .view > .navbar, -.page > .navbar { +.page > .navbar, +.navbars > .navbar { position: absolute; } .navbar-large .navbar-bg, -.navbar-inner-large .navbar-bg, .ios .router-navbar-transition-to-large .navbar-bg, .ios .router-navbar-transition-from-large .navbar-bg, .navbar-bg.ios-swipeback-navbar-bg-large, -.navbar-inner-large-transparent .navbar-bg.ios-swipeback-navbar-bg-large { +.navbar-large-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); } -.navbar-inner-large-transparent .navbar-bg { +.navbar-large-transparent .navbar-bg { opacity: var(--f7-navbar-large-collapse-progress); height: 100%; transform: none; } -.ios .navbar-inner:not(.navbar-inner-large) .navbar-bg { +.ios .navbar:not(.navbar-large) .navbar-bg { --f7-navbar-large-collapse-progress: 1; } -.navbar-inner-large > .title { - opacity: calc(-1 + 2 * var(--f7-navbar-large-collapse-progress)); +.navbar-large .title { + opacity: var(--f7-navbar-large-collapse-progress); } -.navbar-large-collapsed, -.navbar-inner-large-collapsed { +.navbar-large-collapsed { --f7-navbar-large-collapse-progress: 1; } -.navbar-large-collapsed .title-large, -.navbar-inner-large-collapsed .title-large { +.navbar-large-collapsed .title-large { pointer-events: none; } .navbar .title-large { @@ -1536,8 +1546,7 @@ html.device-full-viewport body { height: var(--f7-navbar-large-title-height); z-index: 5; } -.title-large-text, -.title-large-inner .title { +.navbar .title-large-text { text-overflow: ellipsis; white-space: nowrap; color: var(--f7-navbar-large-title-text-color); @@ -1549,24 +1558,23 @@ html.device-full-viewport body { 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); -} -.title-large-text, -.title-large-inner { 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, -.navbar-no-title-large-transition .title-large-inner { +.navbar-no-title-large-transition .title-large-text { transition-duration: 0ms; } -.navbar ~ * { +.navbar ~ *, +.navbars ~ * { --f7-page-navbar-offset: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)); } .navbar ~ * .page-with-navbar-large, .navbar ~ .page-with-navbar-large, +.navbars ~ * .page-with-navbar-large, +.navbars ~ .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)); } @@ -1578,10 +1586,9 @@ html.device-full-viewport body { --f7-navbarLeftTextOffset: calc(4px + 12px + var(--f7-navbar-inner-padding-left)); --f7-navbarTitleLargeOffset: var(--f7-navbar-large-title-padding-left); --f7-navbar-large-transparent-bg-center: translateX(0); - --f7-navbar-large-transparent-bg-left: translateX(-100%); - --f7-navbar-large-transparent-bg-right: translateX(100%); --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-transparent-bg-left: translateX(-100%); --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))); @@ -1600,7 +1607,7 @@ html.device-full-viewport body { } .ios .navbar .left a + a, .ios .navbar .right a + a { - margin-left: 15px; + margin-left: 16px; } .ios .navbar b { font-weight: 600; @@ -1627,18 +1634,27 @@ html.device-full-viewport body { text-align: left; margin-right: 10px; } +.ios .view-master-detail .navbar-previous:not(.navbar-master) .left, +.ios .view:not(.view-master-detail) .navbar-previous .left, +.ios .navbar-next .left, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title, +.ios .view:not(.view-master-detail) .navbar-previous .title, +.ios .navbar-next .title, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .right, +.ios .view:not(.view-master-detail) .navbar-previous .right, +.ios .navbar-next .right, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar, +.ios .view:not(.view-master-detail) .navbar-previous .subnavbar, +.ios .navbar-next .subnavbar, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading, +.ios .view:not(.view-master-detail) .navbar-previous .fading, +.ios .navbar-next .fading { + 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) .navbar-bg, -.ios .view:not(.view-master-detail) .navbar-previous .navbar-bg { - transform: translateX(-100%); -} -.ios .view-master-detail .navbar-previous:not(.navbar-master).navbar-large-collapsed, -.ios .view:not(.view-master-detail) .navbar-previous.navbar-large-collapsed { - transform: translateX(-100%) translateY(calc(-1 * var(--f7-navbar-large-title-height))); -} .ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large, .ios .view:not(.view-master-detail) .navbar-previous .title-large { opacity: 0; @@ -1649,64 +1665,29 @@ html.device-full-viewport body { transform: scale(0.5); transition-duration: 0ms; } -.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-inner, -.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-inner { - transform: translateX(-100%); - opacity: 0; - transition-duration: 0ms; -} -.ios .view-master-detail .navbar-previous:not(.navbar-master) .left, -.ios .view:not(.view-master-detail) .navbar-previous .left, -.ios .view-master-detail .navbar-previous:not(.navbar-master) .right, -.ios .view:not(.view-master-detail) .navbar-previous .right, -.ios .view-master-detail .navbar-previous:not(.navbar-master) > .title, -.ios .view:not(.view-master-detail) .navbar-previous > .title, -.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar, -.ios .view:not(.view-master-detail) .navbar-previous .subnavbar, -.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading, -.ios .view:not(.view-master-detail) .navbar-previous .fading { - opacity: 0; -} -.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding, -.ios .view:not(.view-master-detail) .navbar-previous .sliding { - opacity: 0; -} .ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding, .ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding, -.ios .view-master-detail .navbar-previous:not(.navbar-master).sliding .subnavbar, -.ios .view:not(.view-master-detail) .navbar-previous.sliding .subnavbar { +.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding .subnavbar, +.ios .view:not(.view-master-detail) .navbar-previous .sliding .subnavbar { opacity: 1; transform: translate3d(-100%, 0, 0); } +.ios .view:not(.view-master-detail) .navbar-previous .navbar-bg, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .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, -.ios .navbar-next .title-large .title-large-inner { +.ios .navbar-next .title-large .title-large-text { transition-duration: 0ms; transform: translateX(100%) translateY(calc(-1 * var(--f7-navbar-large-title-height))); } -.ios .navbar-next .left, -.ios .navbar-next .right, -.ios .navbar-next > .title, -.ios .navbar-next .subnavbar, -.ios .navbar-next .fading { - opacity: 0; -} -.ios .navbar-next .sliding { - opacity: 0; -} -.ios .navbar-next.sliding .left, -.ios .navbar-next.sliding .right, -.ios .navbar-next.sliding > .title, -.ios .navbar-next.sliding .subnavbar { - opacity: 0; -} .ios .navbar-next .subnavbar.sliding, -.ios .navbar-next.sliding .subnavbar { +.ios .navbar-next .sliding .subnavbar { opacity: 1; transform: translate3d(100%, 0, 0); } @@ -1723,22 +1704,24 @@ html.device-full-viewport body { transition-duration: 0ms; } .ios .router-transition .navbar-current .left, -.ios .router-transition .navbar-current > .title, +.ios .router-transition .navbar-current .title, .ios .router-transition .navbar-current .right, .ios .router-transition .navbar-current .subnavbar { animation: ios-navbar-element-fade-out var(--f7-page-transition-duration) forwards; } -.ios .router-transition .navbar-current .sliding, -.ios .router-transition .navbar-current .left.sliding .icon + span, -.ios .router-transition .navbar-current.sliding .left, -.ios .router-transition .navbar-current.sliding .left .icon + span, -.ios .router-transition .navbar-current.sliding > .title, -.ios .router-transition .navbar-current.sliding .right { +.ios .router-transition .navbar-current .sliding.left, +.ios .router-transition .navbar-current .sliding.left .icon + span, +.ios .router-transition .navbar-current .sliding.title, +.ios .router-transition .navbar-current .sliding.right, +.ios .router-transition .navbar-current .sliding .left, +.ios .router-transition .navbar-current .sliding .left .icon + span, +.ios .router-transition .navbar-current .sliding .title, +.ios .router-transition .navbar-current .sliding .right { transition-duration: var(--f7-page-transition-duration); opacity: 0 !important; animation: none; } -.ios .router-transition .navbar-current.sliding .subnavbar, +.ios .router-transition .navbar-current .sliding .subnavbar, .ios .router-transition .navbar-current .sliding.subnavbar { transition-duration: var(--f7-page-transition-duration); animation: none; @@ -1746,28 +1729,32 @@ html.device-full-viewport body { } .ios .router-transition-forward .navbar-next .left, .ios .router-transition-backward .navbar-previous .left, -.ios .router-transition-forward .navbar-next > .title, -.ios .router-transition-backward .navbar-previous > .title, +.ios .router-transition-forward .navbar-next .title, +.ios .router-transition-backward .navbar-previous .title, .ios .router-transition-forward .navbar-next .right, .ios .router-transition-backward .navbar-previous .right, .ios .router-transition-forward .navbar-next .subnavbar, .ios .router-transition-backward .navbar-previous .subnavbar { animation: ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards; } -.ios .router-transition-forward .navbar-next .sliding, -.ios .router-transition-backward .navbar-previous .sliding, -.ios .router-transition-forward .navbar-next .left.sliding .icon + span, -.ios .router-transition-backward .navbar-previous .left.sliding .icon + span, -.ios .router-transition-forward .navbar-next.sliding .left, -.ios .router-transition-backward .navbar-previous.sliding .left, -.ios .router-transition-forward .navbar-next.sliding .left .icon + span, -.ios .router-transition-backward .navbar-previous.sliding .left .icon + span, -.ios .router-transition-forward .navbar-next.sliding > .title, -.ios .router-transition-backward .navbar-previous.sliding > .title, -.ios .router-transition-forward .navbar-next.sliding .right, -.ios .router-transition-backward .navbar-previous.sliding .right, -.ios .router-transition-forward .navbar-next.sliding .subnavbar, -.ios .router-transition-backward .navbar-previous.sliding .subnavbar { +.ios .router-transition-forward .navbar-next .sliding.left, +.ios .router-transition-backward .navbar-previous .sliding.left, +.ios .router-transition-forward .navbar-next .sliding.left .icon + span, +.ios .router-transition-backward .navbar-previous .sliding.left .icon + span, +.ios .router-transition-forward .navbar-next .sliding.title, +.ios .router-transition-backward .navbar-previous .sliding.title, +.ios .router-transition-forward .navbar-next .sliding.right, +.ios .router-transition-backward .navbar-previous .sliding.right, +.ios .router-transition-forward .navbar-next .sliding .left, +.ios .router-transition-backward .navbar-previous .sliding .left, +.ios .router-transition-forward .navbar-next .sliding .left .icon + span, +.ios .router-transition-backward .navbar-previous .sliding .left .icon + span, +.ios .router-transition-forward .navbar-next .sliding .title, +.ios .router-transition-backward .navbar-previous .sliding .title, +.ios .router-transition-forward .navbar-next .sliding .right, +.ios .router-transition-backward .navbar-previous .sliding .right, +.ios .router-transition-forward .navbar-next .sliding .subnavbar, +.ios .router-transition-backward .navbar-previous .sliding .subnavbar { transition-duration: var(--f7-page-transition-duration); animation: none; transform: translate3d(0, 0, 0) !important; @@ -1775,8 +1762,8 @@ html.device-full-viewport body { } .ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .left, .ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .left, -.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition > .title, -.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled > .title, +.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .title, +.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .title, .ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .right, .ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .right, .ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .subnavbar, @@ -1791,9 +1778,6 @@ html.device-full-viewport body { .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-current.router-navbar-transition-from-large .title-large-inner { - animation: ios-navbar-large-title-inner-current-to-previous 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; @@ -1802,16 +1786,14 @@ html.device-full-viewport body { .ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { overflow: visible; } -.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text, -.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner { +.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, -.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-inner { +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text { animation: ios-navbar-large-title-text-slide-left var(--f7-page-transition-duration) forwards; } -.ios .router-transition-forward .navbar-next.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title, -.ios .router-transition-forward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title { +.ios .router-transition-forward .navbar-next.navbar-large:not(.navbar-large-collapsed) .title, +.ios .router-transition-forward .navbar-current.navbar-large:not(.navbar-large-collapsed) .title { animation: none; opacity: 0 !important; transition-duration: 0; @@ -1824,12 +1806,10 @@ html.device-full-viewport body { .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, -.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner { +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text { animation: ios-navbar-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, -.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-inner { +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text { animation: ios-navbar-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 { @@ -1844,11 +1824,8 @@ html.device-full-viewport body { .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-previous.router-navbar-transition-to-large .title-large-inner { - animation: ios-navbar-large-title-inner-previous-to-current var(--f7-page-transition-duration) forwards; -} -.ios .router-transition-backward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title, -.ios .router-transition-backward .navbar-previous.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title { +.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; @@ -1865,10 +1842,10 @@ html.device-full-viewport body { .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-inner-large-collapsed:not(.router-navbar-transition-to-large) .navbar-bg { +.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-current.navbar-inner-large-collapsed.navbar-inner-large-transparent:not(.router-navbar-transition-to-large) .navbar-bg { +.ios .router-transition-forward .navbar-current.navbar-large-collapsed.navbar-large-transparent:not(.router-navbar-transition-to-large) .navbar-bg { animation-name: ios-navbar-transparent-bg-from-c-to-l; } .ios .router-transition-forward .navbar-next .navbar-bg { @@ -1892,7 +1869,7 @@ html.device-full-viewport body { .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-inner-large-collapsed .navbar-bg { +.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-previous .navbar-bg { @@ -1904,48 +1881,68 @@ html.device-full-viewport body { .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-inner-large-collapsed .navbar-bg { +.ios .router-transition-backward .navbar-previous.navbar-large-collapsed .navbar-bg { animation-name: ios-navbar-bg-from-lt-to-ct; } -.ios .router-transition-backward .navbar-previous.navbar-inner-large-collapsed.navbar-inner-large-transparent .navbar-bg { +.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large-transparent .navbar-bg { animation-name: ios-navbar-transparent-bg-from-l-to-c; } -.ios .router-transition-backward .navbar-previous.navbar-inner-large-collapsed.navbar-inner-large-transparent.router-navbar-transition-from-large .navbar-bg { +.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large-transparent.router-navbar-transition-from-large .navbar-bg { animation-name: ios-navbar-bg-from-lb-to-ct; } +.view-master-detail .navbars { + z-index: auto; +} +.view-master-detail .page-master { + z-index: 525; +} +.view-master-detail .navbar-master .navbar-inner, +.view-master-detail .navbar-master .navbar-bg { + z-index: 550; +} +.view-master-detail .navbar-master-detail .navbar-inner, +.view-master-detail .navbar-master-detail .navbar-bg { + 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:not(.navbar-inner-large) .title, +.view-master-detail .navbar-master.navbar-previous:not(.navbar-large) .title, .view-master-detail .navbar-master.navbar-previous .right, .view-master-detail .navbar-master.navbar-previous .subnavbar { opacity: 1; } -.ios .view-master-detail.router-transition .navbar-master .left, -.ios .view-master-detail.router-transition .navbar-master .left .icon + span, -.ios .view-master-detail.router-transition .navbar-master:not(.navbar-inner-large) .title, -.ios .view-master-detail.router-transition .navbar-master .right, -.ios .view-master-detail.router-transition .navbar-master .subnavbar, -.ios .view-master-detail.router-transition .navbar-master .sliding, -.ios .view-master-detail.router-transition .navbar-master .fading { +.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:not(.navbar-large) .title, +.view-master-detail.router-transition .navbar-master .right, +.view-master-detail.router-transition .navbar-master .subnavbar, +.view-master-detail.router-transition .navbar-master .fading { opacity: 1 !important; transition-duration: 0ms; transform: none !important; animation: none !important; } -.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title { +.view-master-detail.router-transition .navbar-master .navbar-bg { + transition-duration: 0ms; + 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: 0ms; transform: none !important; animation: none !important; } -.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large, -.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-text, -.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-inner { +.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: 0ms; animation: none !important; } +.view-master-detail.router-transition .navbar-master.navbar-large-transparent .navbar-bg { + height: 100% !important; + opacity: var(--f7-navbar-large-collapse-progress) !important; +} @keyframes ios-navbar-element-fade-in { 0% { opacity: 0; @@ -2048,26 +2045,6 @@ html.device-full-viewport body { transform: translateX(0px) translateY(0px) scale(1); } } -@keyframes ios-navbar-large-title-inner-current-to-previous { - 0% { - transform: translateX(0%); - opacity: 1; - } - 100% { - transform: translateX(-100%); - opacity: 0; - } -} -@keyframes ios-navbar-large-title-inner-previous-to-current { - 0% { - transform: translateX(-100%); - opacity: 0; - } - 100% { - transform: translateX(0%); - opacity: 1; - } -} @keyframes ios-navbar-bg-from-cb-to-lb { from { transform: var(--f7-navbar-large-bg-center-bottom); @@ -2246,6 +2223,13 @@ html.device-full-viewport body { } .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-centered-title { justify-content: space-between; @@ -2274,7 +2258,7 @@ html.device-full-viewport body { margin-left: 10px; } .aurora .navbar .right:first-child { - right: calc(15px + var(--f7-safe-area-right)); + right: calc(16px + var(--f7-safe-area-right)); } .aurora .navbar-inner { justify-content: space-between; @@ -2322,9 +2306,9 @@ html.device-full-viewport body { --f7-tabbar-link-text-transform: none; --f7-tabbar-link-font-weight: 400; --f7-tabbar-link-letter-spacing: 0; - --f7-tabbar-label-font-size: 10px; + --f7-tabbar-label-font-size: 12px; --f7-tabbar-label-tablet-font-size: 14px; - --f7-tabbar-label-font-weight: 400; + --f7-tabbar-label-font-weight: 500; --f7-tabbar-label-letter-spacing: 0.01; } .ios .theme-dark, @@ -2364,8 +2348,8 @@ html.device-full-viewport body { .aurora { --f7-toolbar-height: 38px; --f7-toolbar-font-size: 14px; - --f7-toolbar-inner-padding-left: 15px; - --f7-toolbar-inner-padding-right: 15px; + --f7-toolbar-inner-padding-left: 16px; + --f7-toolbar-inner-padding-right: 16px; --f7-toolbar-link-height: auto; --f7-toolbar-link-line-height: inherit; --f7-tabbar-labels-height: 44px; @@ -2394,7 +2378,7 @@ html.device-full-viewport body { transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; - z-index: 500; + z-index: 600; box-sizing: border-box; left: 0; height: var(--f7-toolbar-height); @@ -2404,10 +2388,10 @@ html.device-full-viewport body { font-size: var(--f7-toolbar-font-size); } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .toolbar { - background-color: rgba(var(--f7-toolbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), 0.8); - -webkit-backdrop-filter: saturate(180%) blur(20px); - backdrop-filter: saturate(180%) 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 { @@ -2730,43 +2714,61 @@ html.device-full-viewport body { transform: translate3d(0, -100%, 0); } .navbar ~ .toolbar-top, +.navbars ~ .toolbar-top, .ios .navbar ~ .toolbar-top-ios, +.ios .navbars ~ .toolbar-top-ios, .md .navbar ~ .toolbar-top-md, .aurora .navbar ~ .toolbar-top-aurora, .navbar ~ * .toolbar-top, +.navbars ~ * .toolbar-top, .ios .navbar ~ * .toolbar-top-ios, +.ios .navbars ~ * .toolbar-top-ios, .md .navbar ~ * .toolbar-top-md, .aurora .navbar ~ * .toolbar-top-aurora, .navbar ~ .page:not(.no-navbar) .toolbar-top, +.navbars ~ .page:not(.no-navbar) .toolbar-top, .ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios, +.ios .navbars ~ .page:not(.no-navbar) .toolbar-top-ios, .md .navbar ~ .page:not(.no-navbar) .toolbar-top-md, .aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora { top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)); } .navbar ~ .toolbar-top.toolbar-hidden, +.navbars ~ .toolbar-top.toolbar-hidden, .ios .navbar ~ .toolbar-top-ios.toolbar-hidden, +.ios .navbars ~ .toolbar-top-ios.toolbar-hidden, .md .navbar ~ .toolbar-top-md.toolbar-hidden, .aurora .navbar ~ .toolbar-top-aurora.toolbar-hidden, .navbar ~ * .toolbar-top.toolbar-hidden, +.navbars ~ * .toolbar-top.toolbar-hidden, .ios .navbar ~ * .toolbar-top-ios.toolbar-hidden, +.ios .navbars ~ * .toolbar-top-ios.toolbar-hidden, .md .navbar ~ * .toolbar-top-md.toolbar-hidden, .aurora .navbar ~ * .toolbar-top-aurora.toolbar-hidden, .navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden, +.navbars ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden, .ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden, +.ios .navbars ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden, .md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden, .aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden { transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-safe-area-top))), 0); } .navbar ~ .toolbar-top.toolbar-hidden.tabbar-labels, +.navbars ~ .toolbar-top.toolbar-hidden.tabbar-labels, .ios .navbar ~ .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.ios .navbars ~ .toolbar-top-ios.toolbar-hidden.tabbar-labels, .md .navbar ~ .toolbar-top-md.toolbar-hidden.tabbar-labels, .aurora .navbar ~ .toolbar-top-aurora.toolbar-hidden.tabbar-labels, .navbar ~ * .toolbar-top.toolbar-hidden.tabbar-labels, +.navbars ~ * .toolbar-top.toolbar-hidden.tabbar-labels, .ios .navbar ~ * .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.ios .navbars ~ * .toolbar-top-ios.toolbar-hidden.tabbar-labels, .md .navbar ~ * .toolbar-top-md.toolbar-hidden.tabbar-labels, .aurora .navbar ~ * .toolbar-top-aurora.toolbar-hidden.tabbar-labels, .navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels, +.navbars ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels, .ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.ios .navbars ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels, .md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels, .aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden.tabbar-labels { transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-safe-area-top))), 0); @@ -2929,7 +2931,7 @@ html.device-full-viewport body { } .aurora .tabbar-scrollable a.tab-link, .aurora .tabbar-scrollable a.link { - padding: 0 15px; + padding: 0 16px; } /* === Subnavbar === */ :root { @@ -2950,7 +2952,7 @@ html.device-full-viewport body { --f7-subnavbar-title-font-size: 34px; --f7-subnavbar-title-font-weight: 700; --f7-subnavbar-title-letter-spacing: -0.03em; - --f7-subnavbar-title-margin-left: 7px; + --f7-subnavbar-title-margin-left: 8px; --f7-subnavbar-shadow-image: none; /* --f7-subnavbar-link-height: var(--f7-subnavbar-height); @@ -2973,8 +2975,8 @@ html.device-full-viewport body { } .aurora { --f7-subnavbar-height: 38px; - --f7-subnavbar-inner-padding-left: 15px; - --f7-subnavbar-inner-padding-right: 15px; + --f7-subnavbar-inner-padding-left: 16px; + --f7-subnavbar-inner-padding-right: 16px; --f7-subnavbar-title-font-size: 26px; --f7-subnavbar-title-font-weight: bold; --f7-subnavbar-title-letter-spacing: -0.03em; @@ -2988,7 +2990,7 @@ html.device-full-viewport body { position: absolute; left: 0; top: 0; - z-index: 500; + z-index: 600; box-sizing: border-box; display: flex; justify-content: space-between; @@ -2998,13 +3000,13 @@ html.device-full-viewport body { color: var(--f7-subnavbar-text-color, var(--f7-bars-text-color)); } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .subnavbar { - background-color: rgba(var(--f7-subnavbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), 0.8); - -webkit-backdrop-filter: saturate(180%) blur(20px); - backdrop-filter: saturate(180%) 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 .title { +.subnavbar .subnavbar-title { position: relative; overflow: hidden; text-overflow: ellpsis; @@ -3099,13 +3101,17 @@ html.device-full-viewport body { position: absolute; } .navbar ~ * .subnavbar, +.navbars ~ * .subnavbar, .page-with-subnavbar .navbar ~ .subnavbar, .page-with-subnavbar .navbar ~ * .subnavbar, .navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar, -.navbar ~ .subnavbar { +.navbar ~ .subnavbar, +.navbars ~ .page-with-subnavbar:not(.no-navbar) .subnavbar, +.navbars ~ .subnavbar { top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)); } .navbar ~ .page-with-navbar-large:not(.no-navbar) .subnavbar, +.navbars ~ .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, .navbar .title-large ~ .subnavbar { @@ -3127,7 +3133,7 @@ html.device-full-viewport body { } .ios .subnavbar .left a + a, .ios .subnavbar .right a + a { - margin-left: 15px; + margin-left: 16px; } .ios .subnavbar .left { margin-right: 10px; @@ -3206,7 +3212,7 @@ html.device-full-viewport body { margin-left: 10px; } .aurora .subnavbar .right:first-child { - right: 15px; + right: 16px; } .aurora .subnavbar a.link { justify-content: flex-start; @@ -3217,6 +3223,8 @@ html.device-full-viewport body { } /* === Content Block === */ :root { + --f7-block-padding-horizontal: 16px; + --f7-block-padding-vertical: 16px; --f7-block-font-size: inherit; --f7-block-text-color: inherit; --f7-block-strong-bg-color: #fff; @@ -3230,17 +3238,17 @@ html.device-full-viewport body { --f7-block-title-medium-text-transform: none; --f7-block-title-large-text-color: #000; --f7-block-title-large-text-transform: none; + --f7-block-inset-side-margin: 16px; } :root .theme-dark, :root.theme-dark { + --f7-block-title-text-color: #fff; --f7-block-strong-border-color: rgba(255, 255, 255, 0.15); --f7-block-title-medium-text-color: #fff; --f7-block-title-large-text-color: #fff; --f7-block-strong-bg-color: #1c1c1d; } .ios { - --f7-block-padding-horizontal: 15px; - --f7-block-padding-vertical: 15px; --f7-block-margin-vertical: 35px; --f7-block-strong-text-color: #000; --f7-block-strong-border-color: rgba(0, 0, 0, 0.22); @@ -3255,21 +3263,17 @@ html.device-full-viewport body { --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-side-margin: 15px; --f7-block-inset-border-radius: 7px; --f7-block-header-text-color: rgba(0, 0, 0, 0.45); --f7-block-footer-text-color: rgba(0, 0, 0, 0.45); } .ios .theme-dark, .ios.theme-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; } .md { - --f7-block-padding-horizontal: 16px; - --f7-block-padding-vertical: 16px; --f7-block-margin-vertical: 32px; --f7-block-strong-text-color: inherit; --f7-block-strong-border-color: rgba(0, 0, 0, 0.12); @@ -3284,20 +3288,16 @@ html.device-full-viewport body { --f7-block-title-large-font-size: 34px; --f7-block-title-large-font-weight: 500; --f7-block-title-large-line-height: 1.2; - --f7-block-inset-side-margin: 16px; --f7-block-inset-border-radius: 4px; --f7-block-header-text-color: rgba(0, 0, 0, 0.54); --f7-block-footer-text-color: rgba(0, 0, 0, 0.54); } .md .theme-dark, .md.theme-dark { - --f7-block-title-text-color: #fff; --f7-block-header-text-color: rgba(255, 255, 255, 0.54); --f7-block-footer-text-color: rgba(255, 255, 255, 0.54); } .aurora { - --f7-block-padding-horizontal: 15px; - --f7-block-padding-vertical: 15px; --f7-block-margin-vertical: 15px; --f7-block-strong-text-color: inherit; --f7-block-strong-border-color: rgba(0, 0, 0, 0.12); @@ -3312,16 +3312,14 @@ html.device-full-viewport body { --f7-block-title-large-font-size: 28px; --f7-block-title-large-font-weight: bold; --f7-block-title-large-line-height: 1.3; - --f7-block-inset-side-margin: 15px; --f7-block-inset-border-radius: 4px; --f7-block-header-text-color: rgba(0, 0, 0, 0.6); --f7-block-footer-text-color: rgba(0, 0, 0, 0.6); } .aurora .theme-dark, .aurora.theme-dark { - --f7-block-title-text-color: #fff; - --f7-block-header-text-color: rgba(255, 255, 255, 0.52); - --f7-block-footer-text-color: rgba(255, 255, 255, 0.52); + --f7-block-header-text-color: rgba(255, 255, 255, 0.54); + --f7-block-footer-text-color: rgba(255, 255, 255, 0.54); --f7-block-strong-text-color: #fff; } .block { @@ -3593,6 +3591,10 @@ html.device-full-viewport body { } /* === List View === */ :root { + --f7-list-inset-side-margin: 16px; + --f7-list-item-cell-margin: 16px; + --f7-list-item-padding-horizontal: 16px; + --f7-list-media-item-padding-horizontal: 16px; --f7-list-bg-color: #fff; --f7-list-item-text-max-lines: 2; --f7-list-chevron-icon-color: rgba(0, 0, 0, 0.2); @@ -3632,7 +3634,6 @@ html.device-full-viewport body { } .ios { --f7-list-in-list-padding-left: 30px; - --f7-list-inset-side-margin: 15px; --f7-list-inset-border-radius: 7px; --f7-list-margin-vertical: 35px; --f7-list-font-size: 17px; @@ -3650,13 +3651,10 @@ html.device-full-viewport body { --f7-list-item-after-padding: 5px; --f7-list-item-footer-text-color: rgba(0, 0, 0, 0.45); --f7-list-item-min-height: 44px; - --f7-list-item-media-margin: 15px; + --f7-list-item-media-margin: 16px; --f7-list-item-media-icons-margin: 5px; - --f7-list-item-cell-margin: 15px; --f7-list-item-padding-vertical: 8px; - --f7-list-item-padding-horizontal: 15px; --f7-list-media-item-padding-vertical: 10px; - --f7-list-media-item-padding-horizontal: 15px; --f7-list-media-item-title-font-weight: 600; /* --f7-list-button-text-color: var(--f7-theme-color); @@ -3689,7 +3687,6 @@ html.device-full-viewport body { } .md { --f7-list-in-list-padding-left: 40px; - --f7-list-inset-side-margin: 16px; --f7-list-inset-border-radius: 4px; --f7-list-margin-vertical: 32px; --f7-list-font-size: 16px; @@ -3709,11 +3706,8 @@ html.device-full-viewport body { --f7-list-item-min-height: 48px; --f7-list-item-media-margin: 16px; --f7-list-item-media-icons-margin: 8px; - --f7-list-item-cell-margin: 16px; --f7-list-item-padding-vertical: 8px; - --f7-list-item-padding-horizontal: 16px; --f7-list-media-item-padding-vertical: 14px; - --f7-list-media-item-padding-horizontal: 16px; /* --f7-list-media-item-title-font-weight: var(--f7-list-item-title-font-weight); */ @@ -3745,8 +3739,7 @@ html.device-full-viewport body { --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.54); } .aurora { - --f7-list-in-list-padding-left: 15px; - --f7-list-inset-side-margin: 15px; + --f7-list-in-list-padding-left: 16px; --f7-list-inset-border-radius: 4px; --f7-list-margin-vertical: 15px; --f7-list-font-size: 14px; @@ -3770,11 +3763,8 @@ html.device-full-viewport body { --f7-list-item-min-height: 32px; --f7-list-item-media-margin: 10px; --f7-list-item-media-icons-margin: 5px; - --f7-list-item-cell-margin: 15px; --f7-list-item-padding-vertical: 5px; - --f7-list-item-padding-horizontal: 15px; --f7-list-media-item-padding-vertical: 5px; - --f7-list-media-item-padding-horizontal: 15px; --f7-list-media-item-title-font-weight: 600; /* --f7-list-button-text-color: var(--f7-theme-color); @@ -3797,9 +3787,9 @@ html.device-full-viewport body { } .aurora .theme-dark, .aurora.theme-dark { - --f7-list-item-text-text-color: rgba(255, 255, 255, 0.52); - --f7-list-item-after-text-color: rgba(255, 255, 255, 0.52); - --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.52); + --f7-list-item-text-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-after-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.54); --f7-list-item-divider-text-color: rgba(255, 255, 255, 0.6); --f7-list-group-title-text-color: rgba(255, 255, 255, 0.6); --f7-list-link-pressed-bg-color: rgba(255, 255, 255, 0.05); @@ -4574,12 +4564,14 @@ li.list-group-title, --f7-button-fill-bg-color: var(--f7-theme-color); --f7-button-outline-border-color: var(--f7-theme-color); */ + --f7-button-outline-border-width: 2px; --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-bg-color: rgba(0, 0, 0, 0.07); --f7-segmented-strong-padding: 2px; --f7-segmented-strong-between-buttons: 4px; + --f7-segmented-strong-button-font-weight: 500; --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); @@ -4608,7 +4600,6 @@ li.list-group-title, --f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); --f7-button-fill-pressed-bg-color: var(--f7-theme-color-tint); */ - --f7-button-outline-border-width: 2px; --f7-button-large-height: 44px; --f7-button-large-font-size: 17px; --f7-button-large-font-weight: 500; @@ -4619,7 +4610,6 @@ li.list-group-title, --f7-button-small-text-transform: uppercase; --f7-button-small-outline-border-width: 2px; --f7-segmented-strong-button-text-transform: none; - --f7-segmented-strong-button-font-weight: 500; --f7-segmented-strong-button-active-font-weight: 600; } .md { @@ -4634,7 +4624,6 @@ li.list-group-title, /* --f7-button-fill-pressed-bg-color: var(--f7-theme-color-shade); */ - --f7-button-outline-border-width: 2px; --f7-button-large-height: 48px; --f7-button-large-font-size: 14px; --f7-button-large-font-weight: 500; @@ -4645,7 +4634,6 @@ li.list-group-title, --f7-button-small-text-transform: uppercase; --f7-button-small-outline-border-width: 2px; --f7-segmented-strong-button-text-transform: uppercase; - --f7-segmented-strong-button-font-weight: 500; --f7-segmented-strong-button-active-font-weight: 500; } .md .theme-dark, @@ -4669,7 +4657,6 @@ li.list-group-title, --f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); --f7-button-fill-pressed-bg-color: var(--f7-theme-color-shade); */ - --f7-button-outline-border-width: 2px; --f7-button-large-height: 34px; --f7-button-large-font-size: 14px; --f7-button-large-font-weight: 600; @@ -4680,7 +4667,6 @@ li.list-group-title, --f7-button-small-text-transform: none; --f7-button-small-outline-border-width: 1px; --f7-segmented-strong-button-text-transform: none; - --f7-segmented-strong-button-font-weight: 500; --f7-segmented-strong-button-active-font-weight: 600; } button { diff --git a/packages/core/css/framework7.min.css b/packages/core/css/framework7.min.css index 2ee7016904..3c45501eab 100644 --- a/packages/core/css/framework7.min.css +++ b/packages/core/css/framework7.min.css @@ -1,5 +1,5 @@ /** - * Framework7 5.0.0-beta.2 + * Framework7 5.0.0-beta.3 * Full featured mobile HTML framework for building iOS & Android apps * http://framework7.io/ * @@ -7,7 +7,7 @@ * * Released under the MIT License * - * Released on: July 22, 2019 + * Released on: August 6, 2019 */ -:root{--f7-theme-color:#007aff;--f7-theme-color-rgb:0,122,255;--f7-theme-color-shade:#0066d6;--f7-theme-color-tint:#298fff;--f7-safe-area-left:0px;--f7-safe-area-right:0px;--f7-safe-area-top:0px;--f7-safe-area-bottom:0px;--f7-safe-area-outer-left:0px;--f7-safe-area-outer-right:0px;--f7-device-pixel-ratio:1}@supports (left:env(safe-area-inset-left)){:root{--f7-safe-area-top:env(safe-area-inset-top);--f7-safe-area-bottom:env(safe-area-inset-bottom)}:root .ios-edges,:root .ios-left-edge,:root .panel-left,:root .popup,:root .safe-area-left,:root .safe-areas,:root .sheet-modal{--f7-safe-area-left:env(safe-area-inset-left);--f7-safe-area-outer-left:env(safe-area-inset-left)}:root .ios-edges,:root .ios-right-edge,:root .panel-right,:root .popup,:root .safe-area-right,:root .safe-areas,:root .sheet-modal{--f7-safe-area-right:env(safe-area-inset-right);--f7-safe-area-outer-right:env(safe-area-inset-right)}:root .no-ios-edges,:root .no-ios-left-edge,:root .no-safe-area-left,:root .no-safe-areas{--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px}:root .no-ios-edges,:root .no-ios-right-edge,:root .no-safe-area-right,:root .no-safe-areas{--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){:root{--f7-device-pixel-ratio:2}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){:root{--f7-device-pixel-ratio:3}}:root{--f7-font-size:14px}.ios{--f7-font-family:-apple-system,SF Pro Text,SF UI Text,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-line-height:1.4}.ios .theme-dark,.ios.theme-dark{--f7-text-color:#fff}.md{--f7-font-family:Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;--f7-text-color:#212121;--f7-line-height:1.5}.md .theme-dark,.md.theme-dark{--f7-text-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-font-family:-apple-system,system-ui,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-line-height:1.5}.aurora .theme-dark,.aurora.theme-dark{--f7-text-color:#fff}:root{--f7-bars-bg-image:none;--f7-bars-bg-color:#f7f7f8;--f7-bars-bg-color-rgb:247,247,248;--f7-bars-text-color:#000;--f7-bars-shadow-bottom-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);--f7-bars-shadow-top-image:linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)}.theme-dark{--f7-bars-bg-color:#1b1b1b;--f7-bars-bg-color-rgb:27,27,27;--f7-bars-text-color:#fff}.ios{--f7-bars-border-color:rgba(0, 0, 0, 0.25)}.ios .theme-dark,.ios.theme-dark{--f7-bars-bg-color:#121212;--f7-bars-bg-color-rgb:19,19,19;--f7-bars-border-color:rgba(255, 255, 255, 0.1)}.md{--f7-bars-border-color:transparent}.aurora{--f7-bars-border-color:rgba(0, 0, 0, 0.2)}.aurora .theme-dark,.aurora.theme-dark{--f7-bars-border-color:rgba(255, 255, 255, 0.1)}.text-color-primary{--f7-theme-color-text-color:var(--f7-theme-color)}.bg-color-primary{--f7-theme-color-bg-color:var(--f7-theme-color)}.border-color-primary{--f7-theme-color-border-color:var(--f7-theme-color)}.ripple-color-primary{--f7-theme-color-ripple-color:rgba(var(--f7-theme-color-rgb), 0.3)}:root{--f7-color-red:#ff3b30;--f7-color-red-rgb:255,59,48;--f7-color-red-shade:#ff1407;--f7-color-red-tint:#ff6259;--f7-color-green:#4cd964;--f7-color-green-rgb:76,217,100;--f7-color-green-shade:#2cd048;--f7-color-green-tint:#6ee081;--f7-color-blue:#2196f3;--f7-color-blue-rgb:33,150,243;--f7-color-blue-shade:#0c82df;--f7-color-blue-tint:#48a8f5;--f7-color-pink:#ff2d55;--f7-color-pink-rgb:255,45,85;--f7-color-pink-shade:#ff0434;--f7-color-pink-tint:#ff5676;--f7-color-yellow:#ffcc00;--f7-color-yellow-rgb:255,204,0;--f7-color-yellow-shade:#d6ab00;--f7-color-yellow-tint:#ffd429;--f7-color-orange:#ff9500;--f7-color-orange-rgb:255,149,0;--f7-color-orange-shade:#d67d00;--f7-color-orange-tint:#ffa629;--f7-color-purple:#9c27b0;--f7-color-purple-rgb:156,39,176;--f7-color-purple-shade:#7e208f;--f7-color-purple-tint:#b92fd1;--f7-color-deeppurple:#673ab7;--f7-color-deeppurple-rgb:103,58,183;--f7-color-deeppurple-shade:#563098;--f7-color-deeppurple-tint:#7c52c8;--f7-color-lightblue:#5ac8fa;--f7-color-lightblue-rgb:90,200,250;--f7-color-lightblue-shade:#32bbf9;--f7-color-lightblue-tint:#82d5fb;--f7-color-teal:#009688;--f7-color-teal-rgb:0,150,136;--f7-color-teal-shade:#006d63;--f7-color-teal-tint:#00bfad;--f7-color-lime:#cddc39;--f7-color-lime-rgb:205,220,57;--f7-color-lime-shade:#bac923;--f7-color-lime-tint:#d6e25c;--f7-color-deeporange:#ff6b22;--f7-color-deeporange-rgb:255,107,34;--f7-color-deeporange-shade:#f85200;--f7-color-deeporange-tint:#ff864b;--f7-color-gray:#8e8e93;--f7-color-gray-rgb:142,142,147;--f7-color-gray-shade:#79797f;--f7-color-gray-tint:#a3a3a7;--f7-color-white:#ffffff;--f7-color-white-rgb:255,255,255;--f7-color-white-shade:#ebebeb;--f7-color-white-tint:#ffffff;--f7-color-black:#000000;--f7-color-black-rgb:0,0,0;--f7-color-black-shade:#000000;--f7-color-black-tint:#141414}.color-theme-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.color-theme-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.color-theme-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.color-theme-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.color-theme-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.color-theme-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.color-theme-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.color-theme-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.color-theme-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.color-theme-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.color-theme-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.color-theme-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.color-theme-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.color-theme-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.color-theme-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.color-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.text-color-red{--f7-theme-color-text-color:#ff3b30}.bg-color-red{--f7-theme-color-bg-color:#ff3b30}.border-color-red{--f7-theme-color-border-color:#ff3b30}.ripple-color-red,.ripple-red{--f7-theme-color-ripple-color:rgba(255, 59, 48, 0.3)}.color-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.text-color-green{--f7-theme-color-text-color:#4cd964}.bg-color-green{--f7-theme-color-bg-color:#4cd964}.border-color-green{--f7-theme-color-border-color:#4cd964}.ripple-color-green,.ripple-green{--f7-theme-color-ripple-color:rgba(76, 217, 100, 0.3)}.color-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.text-color-blue{--f7-theme-color-text-color:#2196f3}.bg-color-blue{--f7-theme-color-bg-color:#2196f3}.border-color-blue{--f7-theme-color-border-color:#2196f3}.ripple-blue,.ripple-color-blue{--f7-theme-color-ripple-color:rgba(33, 150, 243, 0.3)}.color-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.text-color-pink{--f7-theme-color-text-color:#ff2d55}.bg-color-pink{--f7-theme-color-bg-color:#ff2d55}.border-color-pink{--f7-theme-color-border-color:#ff2d55}.ripple-color-pink,.ripple-pink{--f7-theme-color-ripple-color:rgba(255, 45, 85, 0.3)}.color-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.text-color-yellow{--f7-theme-color-text-color:#ffcc00}.bg-color-yellow{--f7-theme-color-bg-color:#ffcc00}.border-color-yellow{--f7-theme-color-border-color:#ffcc00}.ripple-color-yellow,.ripple-yellow{--f7-theme-color-ripple-color:rgba(255, 204, 0, 0.3)}.color-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.text-color-orange{--f7-theme-color-text-color:#ff9500}.bg-color-orange{--f7-theme-color-bg-color:#ff9500}.border-color-orange{--f7-theme-color-border-color:#ff9500}.ripple-color-orange,.ripple-orange{--f7-theme-color-ripple-color:rgba(255, 149, 0, 0.3)}.color-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.text-color-purple{--f7-theme-color-text-color:#9c27b0}.bg-color-purple{--f7-theme-color-bg-color:#9c27b0}.border-color-purple{--f7-theme-color-border-color:#9c27b0}.ripple-color-purple,.ripple-purple{--f7-theme-color-ripple-color:rgba(156, 39, 176, 0.3)}.color-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.text-color-deeppurple{--f7-theme-color-text-color:#673ab7}.bg-color-deeppurple{--f7-theme-color-bg-color:#673ab7}.border-color-deeppurple{--f7-theme-color-border-color:#673ab7}.ripple-color-deeppurple,.ripple-deeppurple{--f7-theme-color-ripple-color:rgba(103, 58, 183, 0.3)}.color-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.text-color-lightblue{--f7-theme-color-text-color:#5ac8fa}.bg-color-lightblue{--f7-theme-color-bg-color:#5ac8fa}.border-color-lightblue{--f7-theme-color-border-color:#5ac8fa}.ripple-color-lightblue,.ripple-lightblue{--f7-theme-color-ripple-color:rgba(90, 200, 250, 0.3)}.color-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.text-color-teal{--f7-theme-color-text-color:#009688}.bg-color-teal{--f7-theme-color-bg-color:#009688}.border-color-teal{--f7-theme-color-border-color:#009688}.ripple-color-teal,.ripple-teal{--f7-theme-color-ripple-color:rgba(0, 150, 136, 0.3)}.color-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.text-color-lime{--f7-theme-color-text-color:#cddc39}.bg-color-lime{--f7-theme-color-bg-color:#cddc39}.border-color-lime{--f7-theme-color-border-color:#cddc39}.ripple-color-lime,.ripple-lime{--f7-theme-color-ripple-color:rgba(205, 220, 57, 0.3)}.color-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.text-color-deeporange{--f7-theme-color-text-color:#ff6b22}.bg-color-deeporange{--f7-theme-color-bg-color:#ff6b22}.border-color-deeporange{--f7-theme-color-border-color:#ff6b22}.ripple-color-deeporange,.ripple-deeporange{--f7-theme-color-ripple-color:rgba(255, 107, 34, 0.3)}.color-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.text-color-gray{--f7-theme-color-text-color:#8e8e93}.bg-color-gray{--f7-theme-color-bg-color:#8e8e93}.border-color-gray{--f7-theme-color-border-color:#8e8e93}.ripple-color-gray,.ripple-gray{--f7-theme-color-ripple-color:rgba(142, 142, 147, 0.3)}.color-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.text-color-white{--f7-theme-color-text-color:#ffffff}.bg-color-white{--f7-theme-color-bg-color:#ffffff}.border-color-white{--f7-theme-color-border-color:#ffffff}.ripple-color-white,.ripple-white{--f7-theme-color-ripple-color:rgba(255, 255, 255, 0.3)}.color-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.text-color-black{--f7-theme-color-text-color:#000000}.bg-color-black{--f7-theme-color-bg-color:#000000}.border-color-black{--f7-theme-color-border-color:#000000}.ripple-black,.ripple-color-black{--f7-theme-color-ripple-color:rgba(0, 0, 0, 0.3)}@font-face{font-family:framework7-core-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAz4ABAAAAAAGNgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAM3AAAABkAAAAciZuB7UdERUYAAArUAAAAIwAAACQAfQBXR1BPUwAADKwAAAAuAAAANuAY7+xHU1VCAAAK+AAAAbMAAAQuAxQJ5U9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAogAAACIAAABYt6F0cBjdnQgAAADEAAAAAQAAAAEABEBRGdhc3AAAArMAAAACAAAAAj//wADZ2x5ZgAAA6gAAAR1AAAJzOg6B0doZWFkAAABbAAAADAAAAA2FLiY/WhoZWEAAAGcAAAAIAAAACQHgQM9aG10eAAAAigAAABeAAABJC9JAAJsb2NhAAADFAAAAJQAAACUReRIiG1heHAAAAG8AAAAHwAAACAAjwBLbmFtZQAACCAAAAFSAAAC2WG9Sh5wb3N0AAAJdAAAAVYAAAJ2B5LxL3jaY2BkYGAA4r3NMlLx/DZfGbiZGEDgxtw1DjD6/49/vSxpTJ+BXA4GsDQARmkM0njaY2BkYGD6/K+XQY8l7f8PBgaWNAagCArwBACRVQXFeNpjYGRgYPBkkGJgYQABJiBmZACJOTDogQQADbgA2wB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wKxExCfBWIJoNzZ/z8Y3YBsF6g4kM2UBpFjBNJMQD0Mu4FsY4jZTGch5jAZQ8QBlR0UZwAAeNpjYGBgZoBgGQZGBhCIAfIYwXwWBgcgzcPAwcAEZCsw6DJYMsQzVP3/DxQF8QyAvMT///8//n/9/9X/G/6vh5oAB4xsDHAhRiYgwcSApgBiNRywMDCwsrFzcHJx8/DyMRAD+BkEBIWERUTFxCUkpaRlZOXkFRSVlFVU1dQ1NBkGAwAAxH4T6AARAUQAAAAqACoAKgA0AD4ASABSAFwAZgBwAHoAhACOAJgAogCsALYAwADKANQA3gDoAPIA/AEGARABGgEkAS4BOAFCAUwBVgFgAWoBdAF+AYgBkgGcAaYBsgHeAgACKgI8AlICZAKEApQCpALWAuwC/gMeAzADQgNgA3IDlgO0A8QD6gP8BBYEKgRKBFwEbgSWBKwExgTmeNrtVc9vG0UUfm8de9y43rVje204lNjZ7AYBKcna3lKcxCIJhwgCqhIIuTSpKp8CaoRsbnZujSosI5QqitVbpCLBKT8EUiUSwyW9mEoWB4RyChKpEJxyoVKz5s2sDXH6H6BKM34z387OfvO9741BgiAAbOAsuIDB4BbC5cw264K/hrc87sPMtkuiIWy5OOzm8Dbz4NPMNnLcDJpBwwz2BVc/y+Vw1v4miCbthtRqotMoOMTHz7Hn2P8ek85gLkLfkAQMXdQv4Ps4TxWmQASiAD0JT1gdTif1YTXsSehJt2UoGLWMr2cymZnMvaWpqaUpHPffkuVleRmzmZmRkZkPpjj8RL7l56DDofkDmvSRHoD+hCLxncbQ0JPp4ZdQRQMRf/P1qr79fZ8a9x0p25J05FN7fXv7HD1SHM7NY6zhfboHXqBdosxIGZ6+BN9DjYRZNMFZElvMrugrbHBscnHxzo0B9u3CxMTCeHlFL0XYwOKdxcXJ0UE2vjA+viB4gQ57dF43QIjRltZeoaBVq5gWAVrcT7CKZfDSVyNxvijKsGo/rGj1ulb5NenE1lrw4494k+9nYRQNq4KKZtcr2mwrAjafkBavkBZ0n1npMST6YZKUy3sZdTfSyenMe3v8/EfKI3QdcU1o7ijBvxGGA4ezRWQM62BTK5W07+i32N/5PEVUo6z1uL9Y0oSOdrkrJ52Aj+e336AFUYsyahlSryYFerTerp6AJGUP0gft9qb9k326vo4uHEbX+vofB1b7kfX08F/YPuXLntWMC0b3r4VVrpP5RY0HvEICtjXL4ruYBQ9NomyIVuPL2uGyRhiFvnecNUv4FuoQoBGXS2gl3GOlMSmzVaZSl1VvPu9FXeYTjsksn2fizDCPdXqf/3fACMYj7lQ8gnXbxPqJaW6YpuBcwxjlhXTrR64rxpoQe/w4VnMC8Wj+DR/Bz/gayACUuaiqoIzExEpHpxa6A4Huj90hz1W/rFz8/Eul26d85UWWVS76ZecM1/Ft4sC9Ri5ixqZIDOoigONxUHGCcuen6gNK3hmHe1r+/nMuNKe9bk1PfzK9NTc6Oje68mFo7hLNpq2hq2Mc6dSLO4yKTNiL8cLrEEuV19tSFQqEdfIkEcgbDs/rm1qxqIk6LEs5PCElQwDJAJELeBJI52k7adfe3bWh+WIu125ZhJ2dJuzgxhkQOjVPIfcqQuz4OFbDluLtmsrhp+RXQCaEE7QwV6lo7YbvnZnwd+yaVJVq3FMWec+8gL/Xj+2afb8smaci7e29L8EDvMF1Sjue+q8gH3TaaDDgXfWGqQdUx1XO+5N0r+nCu8K6FpqPbvZc+x7DIpy/Y/jtYdDNouXzOE+hUGjlvTkv1SUdLvC8k6YmF7UvETpTnY21u43G3bW1YrpIrcR/X8WBRsP+pYH3SlaxaJXE7/n6E9+Mp+JGnded/RCvVLDMh0lRfy7OTzKJH68N0jiYcqqDdy6W00mZ5Ipo53ULOPbiNelc6mSs24zd9jqWwmvP6PYPnHjkAAAAAHjarZC9TsMwFIWP+yfBgBjI7rGtmsjx0p+RSl26IIbsITWt1Sau3EhVxcuwsTGy8RQsTOx9C65dDwwdGBrpyl+Oz7XPNYAbvIPh9HXxGJghwlvgBq7xFbiJlN0HbiFir4HbuGXfgTuIGhE5WeuK/h58l2OGPl4CN3CHz8BNPOEncAt9Vgdug7OPwB3Sj5jCYIsDLDSWWKEGp8wFerRKCKQYY0CcYYMcC3KVVJaUOblzIqeXdIb2u5ia7cHq5arm3aLHpUjHA55t8oUuteXzVW43ebnVC3I+U7NrVdhTCIs1hojpaseKSHuusCOrzUu1N3Y9jAtjVawLU5F81vvXMPNi7VdL8yk/VUJzcUyo/h/h5JcYkSp9nd4GM1PVM2OXistE8Ak/G5V0OYpl7J7jEoNn5LO0r72PUxaXJvGrmw2ZsjttKi5Emggh+AUu/QVMMIYbAAB42m2QCU/CQBSEZ8ADECzIJXj+FuN937dpartKI3TJdjn+vNGFUqGJmzTpvm/evNmHFMbn5xvEf+fIfEQKaRRRRgVV1FDHKhpoYg3r2MEu9rCPAxwa7TFOcIoznOMCl7jCNW5wizvc4wGPeMIzXvCKN6aY5hznucBFZphljkvMs8BlWiyyxBWWWWGVNda5ygabXOM6N7jJLW7nQuEot2X7Miy5LdFXMrCV/9nSo0p2AjueFbO2+NDmXnCUkoP4tmSo+/Uuh+a/mFAak0LCNj+La4HU/ofvOto3FbctQzHqsCLzd6m17BjLrHI8X45IOe725CCwnZ6SylkMpRqHCAd+Vyg7EENt/QWKNLm4r9ctTN4UgdIUTCr52RGWJ9pCC1vJXuDNzOgq0c9OmFlGVys7yjybcbyAqWmUxwiKyT2blSWmGMVyZBbzzPiFpl5JdkbevxMrvisAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQYPIJsFLMYAAA12ANUAeNp1UklOAkEUfUV3Ao4goHSUQQbBIM6z4qxoPIMbNhoT4sIQD+DCMxjjOVx6BuMRjAtvge9XAz2FdLqr+r1X/7/6/0MBGEYWNahWs/2ACEwi6HQgjGrd3zWJwf4jZ+o1AmX8IowknkLt0LdhGiWjDoP4PBrYQBR5PlmUuZvgWuSTRZp/aSSoGHfxeViYQooKm13CmIudYY7JPhfFLK7xiDd84keZqqwa6lY9q3f1ob7UH66oTvGd0+czvugxlDSe5+6U0bxKJ5NbtxXQJbSzjE9X5z29uhJyPs1CQON2ZxErYIW6Qb5sxXlA4a/gItdBMYTf7fJxTOvuVHw+V9mBQRnOMBo4a/ta6zLBrAcBplfDZYwEoonDPc5ksJoyX1X2/4Iekzp6kW9Ua0pUJfpeDrkbpJD4xxjy8ILJdK/zljKtFn1bdBXTe9tBnHqJnexnkRMnrFWR8aWCztQ6/CYzxRhdkB4eJlJjH284yS94xT5jJPX5OG/t7cURK1TmuRwVkiXHr9Rlx4dnuFbopMrKuWPZGWv6vg4q971kNSWHM1nbdNZD7IqI0zh3GZ238A+0lkTEAHjaY2BkYGDgYpBjMGFgzEksyWPgYGABijD8/88AkmEszqxKhYp9YIADAMCOBtEAAHjaY2BgYGQAghsJmjlgeu4aBxgNAELpBpEAAAA=") format("woff");font-weight:400;font-style:normal}@font-face{font-family:framework7-skeleton;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAYQAA0AAAAAEcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF9AAAABkAAAAciVvoDU9TLzIAAAGcAAAASwAAAGBRtV1jY21hcAAAAfwAAAC8AAABamglddJjdnQgAAACuAAAAAQAAAAEABEBRGdhc3AAAAXsAAAACAAAAAj //wADZ2x5ZgAAA2wAAACUAAAJjHCzhiRoZWFkAAABMAAAAC4AAAA2ERr/HWhoZWEAAAFgAAAAGgAAACQC8ADFaG10eAAAAegAAAATAAAAtAMAABFsb2NhAAACvAAAAK4AAACuaNBmhG1heHAAAAF8AAAAHwAAACAAmgA5bmFtZQAABAAAAAFQAAACuLf6wytwb3N0AAAFUAAAAJkAAADOCKMIc3jaY2BkYGAA4lUx8ibx/DZfGbiZGEDgRu39AAT9/wAjA+MBIJeDASwNACBICpsAAHjaY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB42mNgZGBgCGPgYGBiAAEQycgAEnNg0AMJAAANJwDUAHjaY2BhZGCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01haGBQYKhlPPD/AIMe4wEGB5gaxgNAHgNQjhEA6dgLvQB42mNkYBBkAAJGKB4KAAAOfQAVAHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMSgxWDNEMsQz1D7/z9QXIFBjUGHwRHIT/z////j/w/+3/9/6//N/zeg5iABRjYGuCAjE5BgQlcAdAILK5DBxs7BycXAzcPLxy8gKCQsIiomLiEpBVYjLSMrJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZs5gwWBpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSyjDgAABJLiG7ABEBRAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C8gMAAw4DHAMqAzgDRgNUA2IDcAN+A4wDmgOoA7YDxAPSA+AD7gP8BAoEGAQmBDQEQgRQBF4EbAR6BIgEnASqBLgExgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVI6G36jcqNyo3GiZMSo3Kjes8hQAx51w5njapZC9agJBFIXP+EfSBMEXmEoU3GVcBNFWsLEJKbYKhEUnOrjryrggkgfIQ6RMnzZVHiBNijxM6pydHUiRFAEXLvebc8+duXcBXOEFAtXXw41ngQ6ePddwgXfPdYRCeW6gIx49N9EWb55b1L/oFI1Lnq5dV8kCXTx4rqGNV8913OLTcwNdcee5CSmePLeof2CGHHucYGGwxgYFJGdeos8cQWGICQbkGCkSrOjKGJbKgu6EVOoZ7zCuilm+P1mz3hSyt+zLSA0nAxmnycpkxsrFJrFpku3Nis57NpetGkcOYbHFGAEOzJqXao6SY0ebTTJ9zO12HBy2OtVFTvGX66c0d0LhsuVO2m0ScheJKeN/z1beESuRi+pPYJ7vinlu11pGoZJT+cdwVEdBFJSbn7djzLql1/iBlBsidLlcBrG2B8MHlRqGSil51nPfEi6AO3jaXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAAAAAAH//wACeNpjYGBgZACCGwmaOWC69n4AjAYARC0G1wAAAA==") format("woff");font-weight:300,400,500,600,700;font-style:normal,italic}.framework7-root,body,html{position:relative;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;width:100%;background:#fff;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-family:var(--f7-font-family);font-size:var(--f7-font-size);line-height:var(--f7-line-height);color:var(--f7-text-color)}.theme-dark{color:var(--f7-text-color)}.framework7-root{overflow:hidden;box-sizing:border-box}.framework7-initializing *,.framework7-initializing :after,.framework7-initializing :before{transition-duration:0s!important}.device-android,.device-ios{cursor:pointer}.device-ios{touch-action:manipulation}@media (width:1024px) and (height:691px) and (orientation:landscape){.framework7-root,body,html{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.framework7-root,body,html{height:672px}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,input,select,textarea{outline:0}a{cursor:pointer;text-decoration:none;color:var(--f7-theme-color)}.item-link,.link{cursor:pointer}p{margin:1em 0}.disabled{opacity:.55!important;pointer-events:none!important}html.device-full-viewport,html.device-full-viewport body{height:100vh}.ios .aurora-only,.ios .if-aurora,.ios .if-md,.ios .if-not-ios,.ios .md-only,.ios .not-ios{display:none!important}@media (width:1024px) and (height:691px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:672px}}.md .aurora-only,.md .if-aurora,.md .if-ios,.md .if-not-md,.md .ios-only,.md .not-md{display:none!important}.aurora .if-ios,.aurora .if-md,.aurora .if-not-aurora,.aurora .ios-only,.aurora .md-only,.aurora .not-aurora{display:none!important}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;box-sizing:border-box}.framework7-root>.view,.framework7-root>.views{height:calc(100% - var(--f7-appbar-app-offset,0px))}:root{--f7-page-master-width:320px;--f7-page-master-border-color:rgba(0, 0, 0, 0.1);--f7-page-master-border-width:1px;--f7-page-swipeback-transition-duration:300ms}.ios{--f7-page-bg-color:#efeff4;--f7-page-transition-duration:400ms}.ios .theme-dark,.ios.theme-dark{--f7-page-bg-color:#000}.md{--f7-page-bg-color:#fff;--f7-page-transition-duration:250ms}.md .theme-dark,.md.theme-dark{--f7-page-bg-color:#171717}.aurora{--f7-page-bg-color:#f3f3f3;--f7-page-transition-duration:400ms}.aurora .theme-dark,.aurora.theme-dark{--f7-page-bg-color:#171717}.theme-dark{--f7-page-master-border-color:rgba(255, 255, 255, 0.1)}.pages{position:relative;width:100%;height:100%;overflow:hidden}.page{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;transform:none;background-color:var(--f7-page-bg-color);z-index:1}.page.stacked{display:none}.page-with-navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.page-previous{pointer-events:none}.page-content{overflow:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;height:100%;position:relative;z-index:1;padding-top:calc(var(--f7-page-navbar-offset,0px) + var(--f7-page-toolbar-top-offset,0px) + var(--f7-page-subnavbar-offset,0px) + var(--f7-page-searchbar-offset,0px) + var(--f7-page-content-extra-padding-top,0px));padding-bottom:calc(var(--f7-page-toolbar-bottom-offset,0px) + var(--f7-safe-area-bottom) + var(--f7-page-content-extra-padding-bottom,0px))}.page-transitioning,.page-transitioning .page-opacity-effect,.page-transitioning .page-shadow-effect{transition-duration:var(--f7-page-transition-duration)}.page-transitioning-swipeback,.page-transitioning-swipeback .page-opacity-effect,.page-transitioning-swipeback .page-shadow-effect{transition-duration:var(--f7-page-swipeback-transition-duration)}.router-transition-backward .page-current,.router-transition-backward .page-next,.router-transition-backward .page-previous:not(.stacked),.router-transition-forward .page-current,.router-transition-forward .page-next,.router-transition-forward .page-previous:not(.stacked){pointer-events:none}.page-shadow-effect{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.page-opacity-effect{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000}.ios .page-previous{transform:translate3d(-20%,0,0)}.ios .page-next{transform:translate3d(100%,0,0)}.ios .page-previous .page-opacity-effect{opacity:1}.ios .page-previous:after{opacity:1}.ios .page-current .page-shadow-effect{opacity:1}.ios .router-transition-forward .page-current,.ios .router-transition-forward .page-next{will-change:transform}.ios .router-transition-forward .page-next{animation:ios-page-next-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-next:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current{animation:ios-page-current-to-previous var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current,.ios .router-transition-backward .page-previous{will-change:transform}.ios .router-transition-backward .page-previous{animation:ios-page-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current{animation:ios-page-current-to-next var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}@keyframes ios-page-next-to-current{from{transform:translate3d(100%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-previous-to-current{from{transform:translate3d(-20%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-current-to-previous{from{transform:translate3d(0,0,0)}to{transform:translate3d(-20%,0,0)}}@keyframes ios-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(100%,0,0)}}@keyframes ios-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-page-element-fade-out{from{opacity:1}to{opacity:0}}.md .page-next{transform:translate3d(0,56px,0);opacity:0;pointer-events:none}.md .page-next.page-next-on-right{transform:translate3d(100%,0,0)}.md .router-transition-forward .page-next{will-change:transform,opacity;animation:md-page-next-to-current var(--f7-page-transition-duration) forwards}.md .router-transition-forward .page-current{animation:none}.md .router-transition-backward .page-current{will-change:transform,opacity;animation:md-page-current-to-next var(--f7-page-transition-duration) forwards}.md .router-transition-backward .page-previous{animation:none}@keyframes md-page-next-to-current{from{transform:translate3d(0,56px,0);opacity:0}to{transform:translate3d(0,0px,0);opacity:1}}@keyframes md-page-current-to-next{from{transform:translate3d(0,0,0);opacity:1}to{transform:translate3d(0,56px,0);opacity:0}}.aurora .page-next{pointer-events:none;transform:translate3d(100%,0px,0)}.aurora .page-next.page-next-on-right{transform:translate3d(100%,0,0)}.aurora .page-previous .page-opacity-effect{opacity:1}.aurora .page-previous:after{opacity:1}.aurora .router-transition-forward .page-next{will-change:transform;animation:aurora-page-next-to-current var(--f7-page-transition-duration) forwards}.aurora .router-transition-forward .page-current{animation:none}.aurora .router-transition-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:aurora-page-element-fade-in var(--f7-page-transition-duration) forwards}.aurora .router-transition-backward .page-current{will-change:transform,opacity;animation:aurora-page-current-to-next var(--f7-page-transition-duration) forwards}.aurora .router-transition-backward .page-previous{animation:none}.aurora .router-transition-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:aurora-page-element-fade-out var(--f7-page-transition-duration) forwards}@keyframes aurora-page-next-to-current{from{transform:translate3d(100%,0,0)}to{transform:translate3d(0,0px,0)}}@keyframes aurora-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(100%,0,0)}}@keyframes aurora-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes aurora-page-element-fade-out{from{opacity:1}to{opacity:0}}.view:not(.view-master-detail) .page-master-stacked{display:none}.view:not(.view-master-detail) .navbar-master-stacked{display:none}.view-master-detail .navbar-master,.view-master-detail .page-master{width:var(--f7-page-master-width);--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px;border-right:var(--f7-page-master-border-width) solid var(--f7-page-master-border-color)}.view-master-detail .navbar-master-detail,.view-master-detail .page-master-detail{width:calc(100% - var(--f7-page-master-width));--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px;left:var(--f7-page-master-width)}.view-master-detail .page-master{z-index:2;transform:none;pointer-events:auto}.view-master-detail .page-master:after,.view-master-detail .page-master:before{display:none}.view-master-detail.router-transition .page-master{animation:none}:root{--f7-link-highlight-black:rgba(0, 0, 0, 0.1);--f7-link-highlight-white:rgba(255, 255, 255, 0.15);--f7-link-highlight-color:var(--f7-link-highlight-black)}.theme-dark{--f7-link-highlight-color:var(--f7-link-highlight-white)}.link,.tab-link{display:inline-flex;align-items:center;align-content:center;justify-content:center;position:relative;box-sizing:border-box;transform:translate3d(0,0,0);z-index:1}.link i+i,.link i+span,.link span+i,.link span+span{margin-left:4px}.ios .link{transition:opacity .3s}.ios .link.active-state{opacity:.3;transition-duration:0s}.aurora .link{transition:opacity .3s}.aurora .link.active-state{opacity:.3;transition-duration:0s}:root{--f7-navbar-hide-show-transition-duration:400ms;--f7-navbar-title-line-height:1.2;--f7-navbar-title-font-size:inherit;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-text-color:inherit}.ios{--f7-navbar-height:44px;--f7-navbar-tablet-height:44px;--f7-navbar-font-size:17px;--f7-navbar-inner-padding-left:8px;--f7-navbar-inner-padding-right:8px;--f7-navbar-title-font-weight:600;--f7-navbar-title-margin-left:0;--f7-navbar-title-margin-right:0;--f7-navbar-title-text-align:center;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.55);--f7-navbar-subtitle-font-size:10px;--f7-navbar-subtitle-line-height:1;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:52px;--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-font-weight:700;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-vertical:6px;--f7-navbar-large-title-padding-left:15px;--f7-navbar-large-title-padding-right:15px}.ios .theme-dark,.ios.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-navbar-height:56px;--f7-navbar-tablet-height:64px;--f7-navbar-font-size:20px;--f7-navbar-inner-padding-left:0px;--f7-navbar-inner-padding-right:0px;--f7-navbar-title-font-weight:500;--f7-navbar-title-margin-left:16px;--f7-navbar-title-margin-right:16px;--f7-navbar-title-text-align:left;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.85);--f7-navbar-subtitle-font-size:14px;--f7-navbar-subtitle-line-height:1.2;--f7-navbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-height:56px;--f7-navbar-large-title-font-weight:500;--f7-navbar-large-title-letter-spacing:0;--f7-navbar-large-title-padding-vertical:8px;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px}.md .theme-dark,.md.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.85)}.aurora{--f7-navbar-height:38px;--f7-navbar-tablet-height:38px;--f7-navbar-font-size:14px;--f7-navbar-inner-padding-left:15px;--f7-navbar-inner-padding-right:15px;--f7-navbar-title-font-weight:600;--f7-navbar-title-margin-left:0;--f7-navbar-title-margin-right:0;--f7-navbar-title-text-align:center;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.6);--f7-navbar-subtitle-font-size:12px;--f7-navbar-subtitle-line-height:1;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:38px;--f7-navbar-large-title-font-size:26px;--f7-navbar-large-title-font-weight:bold;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-vertical:4px;--f7-navbar-large-title-padding-left:15px;--f7-navbar-large-title-padding-right:15px;--f7-navbar-link-height:auto;--f7-navbar-link-line-height:inherit}.aurora .theme-dark,.aurora.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.5)}.navbar{--f7-navbar-large-collapse-progress:0;position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;margin:0;transform:translate3d(0,0,0);height: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;transform:translate3d(0,0,0)}.navbar .right:first-child{position:absolute;height:100%}.navbar .no-border .navbar-bg:after,.navbar .no-hairline .navbar-bg:after,.navbar.no-border .navbar-bg:after,.navbar.no-hairline .navbar-bg:after{display:none!important}.navbar .no-border .title-large:after,.navbar .no-hairline .title-large:after,.navbar.no-border .title-large:after,.navbar.no-hairline .title-large:after{display:none!important}.navbar .no-shadow .navbar-bg:before,.navbar.no-shadow .navbar-bg:before{display:none!important}.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-image:var(--f7-navbar-bg-image,var(--f7-bars-bg-image));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 .navbar-bg{background-color:rgba(var(--f7-navbar-bg-color-rgb,var(--f7-bars-bg-color-rgb)),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.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:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-navbar-shadow-image)}.navbar-bg:after{z-index:1}@media (min-width:768px){:root{--f7-navbar-height:var(--f7-navbar-tablet-height)}}.navbar-transitioning,.navbar-transitioning .left,.navbar-transitioning .navbar-bg,.navbar-transitioning .right,.navbar-transitioning .subnavbar,.navbar-transitioning .title,.navbar-transitioning .title-large-inner,.navbar-transitioning .title-large-text,.navbar-transitioning:before{transition-duration:var(--f7-navbar-hide-show-transition-duration)}.navbar-page-transitioning{transition-duration:var(--f7-page-swipeback-transition-duration)!important}.navbar-page-transitioning .navbar-bg,.navbar-page-transitioning .title-large-inner,.navbar-page-transitioning .title-large-text{transition-duration:var(--f7-page-swipeback-transition-duration)!important}.navbar-hidden{transform:translate3d(0,calc(-100% + var(--f7-safe-area-top)),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}.navbar-hidden-statusbar{transform:translate3d(0,-100%,0)}.navbar-large-hidden{--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))}.navbar-inner.stacked{display:none}.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.ios .router-navbar-transition-from-large .navbar-bg,.ios .router-navbar-transition-to-large .navbar-bg,.navbar-bg.ios-swipeback-navbar-bg-large,.navbar-inner-large .navbar-bg,.navbar-inner-large-transparent .navbar-bg.ios-swipeback-navbar-bg-large,.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-inner-large-transparent .navbar-bg{opacity:var(--f7-navbar-large-collapse-progress);height:100%;transform:none}.ios .navbar-inner:not(.navbar-inner-large) .navbar-bg{--f7-navbar-large-collapse-progress:1}.navbar-inner-large>.title{opacity:calc(-1 + 2 * var(--f7-navbar-large-collapse-progress))}.navbar-inner-large-collapsed,.navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.navbar-inner-large-collapsed .title-large,.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;align-items:flex-end;white-space:nowrap;overflow:hidden;height:var(--f7-navbar-large-title-height);z-index:5}.title-large-inner .title,.title-large-text{text-overflow:ellipsis;white-space:nowrap;color:var(--f7-navbar-large-title-text-color);letter-spacing:var(--f7-navbar-large-title-letter-spacing);font-size:var(--f7-navbar-large-title-font-size);font-weight:var(--f7-navbar-large-title-font-weight);line-height:var(--f7-navbar-large-title-line-height);padding-left:calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left));padding-right:calc(var(--f7-navbar-large-title-padding-right) + var(--f7-safe-area-right));padding-top:var(--f7-navbar-large-title-padding-vertical);padding-bottom:var(--f7-navbar-large-title-padding-vertical)}.title-large-inner,.title-large-text{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-inner,.navbar-no-title-large-transition .title-large-text{transition-duration:0s}.navbar~*{--f7-page-navbar-offset:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.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-transparent-bg-center:translateX(0);--f7-navbar-large-transparent-bg-left:translateX(-100%);--f7-navbar-large-transparent-bg-right:translateX(100%);--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 .material-icons{width:24px}.ios .navbar .f7-icons{width:28px}.ios .navbar a.icon-only{width:44px;margin:0;justify-content:center}.ios .navbar .left a+a,.ios .navbar .right a+a{margin-left:15px}.ios .navbar b{font-weight:600}.ios .navbar .left{margin-right:10px}.ios .navbar .right{margin-left:10px}.ios .navbar .right:first-child{right:calc(8px + var(--f7-safe-area-right))}.ios .navbar-inner{justify-content:space-between}.ios .navbar-inner-left-title{justify-content:flex-start}.ios .navbar-inner-left-title .right{margin-left:auto}.ios .navbar-inner-left-title .title{text-align:left;margin-right:10px}.ios .view-master-detail .navbar-previous:not(.navbar-master),.ios .view:not(.view-master-detail) .navbar-previous{pointer-events:none}.ios .view-master-detail .navbar-previous:not(.navbar-master) .navbar-bg,.ios .view:not(.view-master-detail) .navbar-previous .navbar-bg{transform:translateX(-100%)}.ios .view-master-detail .navbar-previous:not(.navbar-master).navbar-large-collapsed,.ios .view:not(.view-master-detail) .navbar-previous.navbar-large-collapsed{transform:translateX(-100%) translateY(calc(-1 * var(--f7-navbar-large-title-height)))}.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) .title-large .title-large-inner,.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-inner{transform:translateX(-100%);opacity:0;transition-duration:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading,.ios .view-master-detail .navbar-previous:not(.navbar-master) .left,.ios .view-master-detail .navbar-previous:not(.navbar-master) .right,.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar,.ios .view-master-detail .navbar-previous:not(.navbar-master)>.title,.ios .view:not(.view-master-detail) .navbar-previous .fading,.ios .view:not(.view-master-detail) .navbar-previous .left,.ios .view:not(.view-master-detail) .navbar-previous .right,.ios .view:not(.view-master-detail) .navbar-previous .subnavbar,.ios .view:not(.view-master-detail) .navbar-previous>.title{opacity:0}.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding,.ios .view:not(.view-master-detail) .navbar-previous .sliding{opacity:0}.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding,.ios .view-master-detail .navbar-previous:not(.navbar-master).sliding .subnavbar,.ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding,.ios .view:not(.view-master-detail) .navbar-previous.sliding .subnavbar{opacity:1;transform:translate3d(-100%,0,0)}.ios .navbar-next{pointer-events:none}.ios .navbar-next .navbar-bg{transform:translateX(100%)}.ios .navbar-next .title-large .title-large-inner,.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 .fading,.ios .navbar-next .left,.ios .navbar-next .right,.ios .navbar-next .subnavbar,.ios .navbar-next>.title{opacity:0}.ios .navbar-next .sliding{opacity:0}.ios .navbar-next.sliding .left,.ios .navbar-next.sliding .right,.ios .navbar-next.sliding .subnavbar,.ios .navbar-next.sliding>.title{opacity:0}.ios .navbar-next .subnavbar.sliding,.ios .navbar-next.sliding .subnavbar{opacity:1;transform:translate3d(100%,0,0)}.ios .router-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 .left.sliding .icon+span,.ios .router-transition .navbar-current .sliding,.ios .router-transition .navbar-current.sliding .left,.ios .router-transition .navbar-current.sliding .left .icon+span,.ios .router-transition .navbar-current.sliding .right,.ios .router-transition .navbar-current.sliding>.title{transition-duration:var(--f7-page-transition-duration);opacity:0!important;animation:none}.ios .router-transition .navbar-current .sliding.subnavbar,.ios .router-transition .navbar-current.sliding .subnavbar{transition-duration:var(--f7-page-transition-duration);animation:none;opacity:1}.ios .router-transition-backward .navbar-previous .left,.ios .router-transition-backward .navbar-previous .right,.ios .router-transition-backward .navbar-previous .subnavbar,.ios .router-transition-backward .navbar-previous>.title,.ios .router-transition-forward .navbar-next .left,.ios .router-transition-forward .navbar-next .right,.ios .router-transition-forward .navbar-next .subnavbar,.ios .router-transition-forward .navbar-next>.title{animation:ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous .left.sliding .icon+span,.ios .router-transition-backward .navbar-previous .sliding,.ios .router-transition-backward .navbar-previous.sliding .left,.ios .router-transition-backward .navbar-previous.sliding .left .icon+span,.ios .router-transition-backward .navbar-previous.sliding .right,.ios .router-transition-backward .navbar-previous.sliding .subnavbar,.ios .router-transition-backward .navbar-previous.sliding>.title,.ios .router-transition-forward .navbar-next .left.sliding .icon+span,.ios .router-transition-forward .navbar-next .sliding,.ios .router-transition-forward .navbar-next.sliding .left,.ios .router-transition-forward .navbar-next.sliding .left .icon+span,.ios .router-transition-forward .navbar-next.sliding .right,.ios .router-transition-forward .navbar-next.sliding .subnavbar,.ios .router-transition-forward .navbar-next.sliding>.title{transition-duration:var(--f7-page-transition-duration);animation:none;transform:translate3d(0,0,0)!important;opacity:1!important}.ios .router-transition-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-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,.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled>.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-current.router-navbar-transition-from-large .title-large-inner{animation:ios-navbar-large-title-inner-current-to-previous 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-inner,.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-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-inner,.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text{animation:ios-navbar-large-title-text-slide-left var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title,.ios .router-transition-forward .navbar-next.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title{animation:none;opacity:0!important;transition-duration:0}.ios .router-transition-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-inner,.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-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-inner,.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text{animation:ios-navbar-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-previous.router-navbar-transition-to-large .title-large-inner{animation:ios-navbar-large-title-inner-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title,.ios .router-transition-backward .navbar-previous.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title{animation:none;opacity:0!important;transition-duration:0}.ios .router-transition-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-inner-large-collapsed:not(.router-navbar-transition-to-large) .navbar-bg{animation-name:ios-navbar-bg-from-ct-to-lt}.ios .router-transition-forward .navbar-current.navbar-inner-large-collapsed.navbar-inner-large-transparent:not(.router-navbar-transition-to-large) .navbar-bg{animation-name:ios-navbar-transparent-bg-from-c-to-l}.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-inner-large-collapsed .navbar-bg{animation-name:ios-navbar-bg-from-ct-to-rt}.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-inner-large-collapsed .navbar-bg{animation-name:ios-navbar-bg-from-lt-to-ct}.ios .router-transition-backward .navbar-previous.navbar-inner-large-collapsed.navbar-inner-large-transparent .navbar-bg{animation-name:ios-navbar-transparent-bg-from-l-to-c}.ios .router-transition-backward .navbar-previous.navbar-inner-large-collapsed.navbar-inner-large-transparent.router-navbar-transition-from-large .navbar-bg{animation-name:ios-navbar-bg-from-lb-to-ct}.view-master-detail .navbar-master.navbar-previous{pointer-events:auto}.view-master-detail .navbar-master.navbar-previous .left,.view-master-detail .navbar-master.navbar-previous .right,.view-master-detail .navbar-master.navbar-previous .subnavbar,.view-master-detail .navbar-master.navbar-previous:not(.navbar-inner-large) .title{opacity:1}.ios .view-master-detail.router-transition .navbar-master .fading,.ios .view-master-detail.router-transition .navbar-master .left,.ios .view-master-detail.router-transition .navbar-master .left .icon+span,.ios .view-master-detail.router-transition .navbar-master .right,.ios .view-master-detail.router-transition .navbar-master .sliding,.ios .view-master-detail.router-transition .navbar-master .subnavbar,.ios .view-master-detail.router-transition .navbar-master:not(.navbar-inner-large) .title{opacity:1!important;transition-duration:0s;transform:none!important;animation:none!important}.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title{opacity:calc(-1 + 2 * var(--f7-navbar-large-collapse-progress))!important;transition-duration:0s;transform:none!important;animation:none!important}.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large,.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-inner,.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-text{transition-duration:0s;animation:none!important}@keyframes ios-navbar-element-fade-in{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)/ 2)) 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-large-title-inner-current-to-previous{0%{transform:translateX(0%);opacity:1}100%{transform:translateX(-100%);opacity:0}}@keyframes ios-navbar-large-title-inner-previous-to-current{0%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0%);opacity: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)}}@keyframes ios-navbar-transparent-bg-from-l-to-c{from{transform:var(--f7-navbar-large-transparent-bg-left)}to{transform:var(--f7-navbar-large-transparent-bg-center)}}@keyframes ios-navbar-transparent-bg-from-c-to-l{from{transform:var(--f7-navbar-large-transparent-bg-center)}to{transform:var(--f7-navbar-large-transparent-bg-left)}}.md .navbar .material-icons{width:24px}.md .navbar .f7-icons{width:28px}.md .navbar a.link{padding:0 16px;min-width:48px}.md .navbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .navbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .navbar a.icon-only{min-width:0;flex-shrink:0;width:56px}.md .navbar .right{margin-left:auto}.md .navbar .right:first-child{right:var(--f7-safe-area-right)}.md .navbar-inner{justify-content:flex-start}.md .navbar-inner-centered-title{justify-content:space-between}.md .navbar-inner-centered-title .right{margin-left:0}.md .navbar-inner-centered-title .title{text-align:center}.aurora .navbar a.icon-only{margin:0;justify-content:center}.aurora .navbar .left a+a,.aurora .navbar .right a+a{margin-left:10px}.aurora .navbar b{font-weight:700}.aurora .navbar .left{margin-right:10px}.aurora .navbar .right{margin-left:10px}.aurora .navbar .right:first-child{right:calc(15px + var(--f7-safe-area-right))}.aurora .navbar-inner{justify-content:space-between}.aurora .navbar-inner-left-title{justify-content:flex-start}.aurora .navbar-inner-left-title .right{margin-left:auto}.aurora .navbar-inner-left-title .title{text-align:left;margin-right:10px}:root{--f7-tabbar-link-active-bg-color:transparent;--f7-tabbar-label-text-transform:none;--f7-toolbar-hide-show-transition-duration:400ms}.ios{--f7-toolbar-height:44px;--f7-toolbar-font-size:17px;--f7-toolbar-inner-padding-left:8px;--f7-toolbar-inner-padding-right:8px;--f7-tabbar-labels-height:50px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.4);--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:28px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:10px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0.01}.ios .theme-dark,.ios.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.54)}.md{--f7-toolbar-height:48px;--f7-toolbar-font-size:14px;--f7-toolbar-inner-padding-left:0px;--f7-toolbar-inner-padding-right:0px;--f7-tabbar-labels-height:56px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.54);--f7-toolbar-top-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-toolbar-bottom-shadow-image:var(--f7-bars-shadow-top-image);--f7-tabbar-icon-size:24px;--f7-tabbar-link-text-transform:uppercase;--f7-tabbar-link-font-weight:500;--f7-tabbar-link-letter-spacing:0.03em;--f7-tabbar-label-font-size:14px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0}.md .theme-dark,.md.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-toolbar-height:38px;--f7-toolbar-font-size:14px;--f7-toolbar-inner-padding-left:15px;--f7-toolbar-inner-padding-right:15px;--f7-toolbar-link-height:auto;--f7-toolbar-link-line-height:inherit;--f7-tabbar-labels-height:44px;--f7-tabbar-labels-tablet-height:44px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.5);--f7-tabbar-link-inactive-bg-color:rgba(0, 0, 0, 0.2);--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:18px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:12px;--f7-tabbar-label-tablet-font-size:12px;--f7-tabbar-label-font-weight:500;--f7-tabbar-label-letter-spacing:0.01}.aurora .theme-dark,.aurora.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.5)}.toolbar{width:100%;position:relative;margin:0;transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:500;box-sizing:border-box;left:0;height:var(--f7-toolbar-height);background-image:var(--f7-toolbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-toolbar-bg-color,var(--f7-bars-bg-color));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 .toolbar{background-color:rgba(var(--f7-toolbar-bg-color-rgb,var(--f7-bars-bg-color-rgb)),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.toolbar b{font-weight:600}.toolbar a{color:var(--f7-toolbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));box-sizing:border-box;flex-shrink:1;position:relative;white-space:nowrap;text-overflow:ellipsis}.toolbar a.link{display:flex;line-height:var(--f7-toolbar-link-line-height,var(--f7-toolbar-height));height:var(--f7-toolbar-link-height,var(--f7-toolbar-height))}.toolbar i.icon{display:block}.toolbar:after,.toolbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.page>.toolbar,.view>.toolbar,.views>.toolbar{position:absolute}.aurora .toolbar-top-aurora,.ios .toolbar-top-ios,.md .toolbar-top-md,.toolbar-top{top:0}.aurora .toolbar-top-aurora .tab-link-highlight,.ios .toolbar-top-ios .tab-link-highlight,.md .toolbar-top-md .tab-link-highlight,.toolbar-top .tab-link-highlight{bottom:0}.aurora .toolbar-top-aurora.no-border:after,.aurora .toolbar-top-aurora.no-hairline:after,.ios .toolbar-top-ios.no-border:after,.ios .toolbar-top-ios.no-hairline:after,.md .toolbar-top-md.no-border:after,.md .toolbar-top-md.no-hairline:after,.toolbar-top.no-border:after,.toolbar-top.no-hairline:after{display:none!important}.aurora .toolbar-top-aurora.no-shadow:before,.aurora .toolbar-top-aurora.toolbar-hidden:before,.ios .toolbar-top-ios.no-shadow:before,.ios .toolbar-top-ios.toolbar-hidden:before,.md .toolbar-top-md.no-shadow:before,.md .toolbar-top-md.toolbar-hidden:before,.toolbar-top.no-shadow:before,.toolbar-top.toolbar-hidden:before{display:none!important}.aurora .toolbar-top-aurora:after,.aurora .toolbar-top-aurora:before,.ios .toolbar-top-ios:after,.ios .toolbar-top-ios:before,.md .toolbar-top-md:after,.md .toolbar-top-md:before,.toolbar-top:after,.toolbar-top:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.aurora .toolbar-top-aurora:after,.ios .toolbar-top-ios:after,.md .toolbar-top-md:after,.toolbar-top:after{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .toolbar-top-aurora:before,.ios .toolbar-top-ios:before,.md .toolbar-top-md:before,.toolbar-top:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-toolbar-top-shadow-image)}.aurora .toolbar-bottom-aurora,.ios .toolbar-bottom-ios,.md .toolbar-bottom-md,.toolbar-bottom{bottom:0;height:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.aurora .toolbar-bottom-aurora .tab-link-highlight,.ios .toolbar-bottom-ios .tab-link-highlight,.md .toolbar-bottom-md .tab-link-highlight,.toolbar-bottom .tab-link-highlight{top:0}.aurora .toolbar-bottom-aurora .toolbar-inner,.ios .toolbar-bottom-ios .toolbar-inner,.md .toolbar-bottom-md .toolbar-inner,.toolbar-bottom .toolbar-inner{height:auto;top:0;bottom:var(--f7-safe-area-bottom)}.aurora .toolbar-bottom-aurora.no-border:before,.aurora .toolbar-bottom-aurora.no-hairline:before,.ios .toolbar-bottom-ios.no-border:before,.ios .toolbar-bottom-ios.no-hairline:before,.md .toolbar-bottom-md.no-border:before,.md .toolbar-bottom-md.no-hairline:before,.toolbar-bottom.no-border:before,.toolbar-bottom.no-hairline:before{display:none!important}.aurora .toolbar-bottom-aurora.no-shadow:after,.aurora .toolbar-bottom-aurora.toolbar-hidden:after,.ios .toolbar-bottom-ios.no-shadow:after,.ios .toolbar-bottom-ios.toolbar-hidden:after,.md .toolbar-bottom-md.no-shadow:after,.md .toolbar-bottom-md.toolbar-hidden:after,.toolbar-bottom.no-shadow:after,.toolbar-bottom.toolbar-hidden:after{display:none!important}.aurora .toolbar-bottom-aurora:before,.ios .toolbar-bottom-ios:before,.md .toolbar-bottom-md:before,.toolbar-bottom:before{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .toolbar-bottom-aurora:after,.ios .toolbar-bottom-ios:after,.md .toolbar-bottom-md:after,.toolbar-bottom:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-toolbar-bottom-shadow-image)}.toolbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-content:center;overflow:hidden;padding:0 calc(var(--f7-toolbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-toolbar-inner-padding-left) + var(--f7-safe-area-left))}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a,.tabbar-labels a{color:var(--f7-tabbar-link-inactive-color)}.tabbar a.tab-link:not(.tab-link-active),.tabbar-labels a.tab-link:not(.tab-link-active){background-color:var(--f7-tabbar-link-inactive-bg-color,transparent)}.tabbar a.link,.tabbar-labels a.link{line-height:1.4}.tabbar a.link,.tabbar a.tab-link,.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;text-transform:var(--f7-tabbar-link-text-transform);font-weight:var(--f7-tabbar-link-font-weight);letter-spacing:var(--f7-tabbar-link-letter-spacing);overflow:hidden}.tabbar .tab-link-active,.tabbar-labels .tab-link-active{color:var(--f7-tabbar-link-active-color,var(--f7-theme-color));background-color:var(--f7-tabbar-link-active-bg-color,transparent)}.tabbar i.icon,.tabbar-labels i.icon{font-size:var(--f7-tabbar-icon-size);height:var(--f7-tabbar-icon-size);line-height:var(--f7-tabbar-icon-size)}.tabbar-labels{--f7-toolbar-height:var(--f7-tabbar-labels-height)}.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;justify-content:space-between;align-items:center}.tabbar-labels .tabbar-label{display:block;line-height:1;margin:0;position:relative;text-overflow:ellipsis;white-space:nowrap;font-size:var(--f7-tabbar-label-font-size);text-transform:var(--f7-tabbar-label-text-transform);font-weight:var(--f7-tabbar-label-font-weight);letter-spacing:var(--f7-tabbar-label-letter-spacing)}@media (min-width:768px){:root{--f7-tabbar-labels-height:var(--f7-tabbar-labels-tablet-height);--f7-tabbar-label-font-size:var(--f7-tabbar-label-tablet-font-size)}}.tabbar-scrollable .toolbar-inner{justify-content:flex-start;overflow:auto;-webkit-overflow-scrolling:touch}.tabbar-scrollable .toolbar-inner::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;-webkit-appearance:none;opacity:0!important}.tabbar-scrollable a.link,.tabbar-scrollable a.tab-link{width:auto;flex-shrink:0}.navbar-transitioning+.toolbar,.navbar-transitioning~* .toolbar,.toolbar-transitioning{transition-duration:var(--f7-toolbar-hide-show-transition-duration)}.aurora .toolbar-bottom-aurora~*,.ios .toolbar-bottom-ios~*,.md .toolbar-bottom-md~*,.toolbar-bottom~*{--f7-page-toolbar-bottom-offset:var(--f7-toolbar-height)}.aurora .toolbar-bottom-aurora.tabbar-labels~*,.ios .toolbar-bottom-ios.tabbar-labels~*,.md .toolbar-bottom-md.tabbar-labels~*,.toolbar-bottom.tabbar-labels~*{--f7-page-toolbar-bottom-offset:var(--f7-tabbar-labels-height)}.aurora .toolbar-bottom-aurora.toolbar-hidden,.ios .toolbar-bottom-ios.toolbar-hidden,.md .toolbar-bottom-md.toolbar-hidden,.toolbar-bottom.toolbar-hidden{transform:translate3d(0,100%,0)}.aurora .toolbar-top-aurora~*,.ios .toolbar-top-ios~*,.md .toolbar-top-md~*,.toolbar-top~*{--f7-page-toolbar-top-offset:var(--f7-toolbar-height)}.aurora .toolbar-top-aurora.tabbar-labels~*,.ios .toolbar-top-ios.tabbar-labels~*,.md .toolbar-top-md.tabbar-labels~*,.toolbar-top.tabbar-labels~*{--f7-page-toolbar-top-offset:var(--f7-tabbar-labels-height)}.aurora .toolbar-top-aurora.toolbar-hidden,.ios .toolbar-top-ios.toolbar-hidden,.md .toolbar-top-md.toolbar-hidden,.toolbar-top.toolbar-hidden{transform:translate3d(0,-100%,0)}.aurora .navbar~* .toolbar-top-aurora,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora,.aurora .navbar~.toolbar-top-aurora,.ios .navbar~* .toolbar-top-ios,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios,.ios .navbar~.toolbar-top-ios,.md .navbar~* .toolbar-top-md,.md .navbar~.page:not(.no-navbar) .toolbar-top-md,.md .navbar~.toolbar-top-md,.navbar~* .toolbar-top,.navbar~.page:not(.no-navbar) .toolbar-top,.navbar~.toolbar-top{top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.aurora .navbar~* .toolbar-top-aurora.toolbar-hidden,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden,.aurora .navbar~.toolbar-top-aurora.toolbar-hidden,.ios .navbar~* .toolbar-top-ios.toolbar-hidden,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden,.ios .navbar~.toolbar-top-ios.toolbar-hidden,.md .navbar~* .toolbar-top-md.toolbar-hidden,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden,.md .navbar~.toolbar-top-md.toolbar-hidden,.navbar~* .toolbar-top.toolbar-hidden,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden,.navbar~.toolbar-top.toolbar-hidden{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-safe-area-top))),0)}.aurora .navbar~* .toolbar-top-aurora.toolbar-hidden.tabbar-labels,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden.tabbar-labels,.aurora .navbar~.toolbar-top-aurora.toolbar-hidden.tabbar-labels,.ios .navbar~* .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.toolbar-top-ios.toolbar-hidden.tabbar-labels,.md .navbar~* .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.toolbar-top-md.toolbar-hidden.tabbar-labels,.navbar~* .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.toolbar-top.toolbar-hidden.tabbar-labels{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-safe-area-top))),0)}.aurora .navbar-hidden+.toolbar-top-aurora:not(.toolbar-hidden),.aurora .navbar-hidden~* .toolbar-top-aurora:not(.toolbar-hidden),.ios .navbar-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(0px - var(--f7-navbar-height)),0)}.aurora .navbar-large-hidden~* .toolbar-top-aurora:not(.toolbar-hidden),.ios .navbar-large-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-large-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-large-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-large-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-large-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-large-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(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-labels a.link,.ios .tabbar-labels a.tab-link{padding-top:4px;padding-bottom:4px}.ios .tabbar-labels a.link i+span,.ios .tabbar-labels a.tab-link i+span{margin:0}@media (min-width:768px){.ios .tabbar .toolbar-inner,.ios .tabbar-labels .toolbar-inner{justify-content:center}.ios .tabbar a.link,.ios .tabbar a.tab-link,.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{width:auto;min-width:105px}}.ios .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.ios .tabbar-scrollable a.link,.ios .tabbar-scrollable a.tab-link{padding:0 8px}.md .toolbar a.link{justify-content:center;padding:0 16px;min-width:48px}.md .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .toolbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .toolbar a.icon-only{min-width:0;flex-shrink:0}.md .tabbar a.link,.md .tabbar a.tab-link,.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-left:0;padding-right:0}.md .tabbar a.icon-only,.md .tabbar-labels a.icon-only{flex-shrink:initial}.md .tabbar a.tab-link,.md .tabbar-labels a.tab-link{transition-duration:.3s;overflow:hidden;position:relative}.md .tabbar .tab-link-highlight,.md .tabbar-labels .tab-link-highlight{position:absolute;height:2px;background:var(--f7-tabbar-link-active-border-color,var(--f7-theme-color));transition-duration:.3s;left:0}.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-top:7px;padding-bottom:7px}.md .tabbar-label{max-width:100%;overflow:hidden;line-height:1.2}.md .tabbar-scrollable .toolbar-inner{overflow:auto}.md .tabbar-scrollable a.link,.md .tabbar-scrollable a.tab-link{padding:0 16px}.aurora .toolbar a.icon-only{min-height:var(--f7-toolbar-height);display:flex;justify-content:center;align-items:center;margin:0}.aurora .tabbar .toolbar-inner,.aurora .tabbar-labels .toolbar-inner{padding-left:0;padding-right:0}.aurora .tabbar a.link,.aurora .tabbar a.tab-link,.aurora .tabbar-labels a.link,.aurora .tabbar-labels a.tab-link{transition-duration:.2s}.aurora .tabbar-labels a.link,.aurora .tabbar-labels a.tab-link{padding-top:5px;padding-bottom:5px}.aurora .tabbar-labels a.link i+span,.aurora .tabbar-labels a.tab-link i+span{margin:0}.aurora .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.aurora .tabbar-scrollable a.link,.aurora .tabbar-scrollable a.tab-link{padding:0 15px}:root{--f7-subnavbar-title-line-height:1.2}.ios{--f7-subnavbar-height:44px;--f7-subnavbar-inner-padding-left:8px;--f7-subnavbar-inner-padding-right:8px;--f7-subnavbar-title-font-size:34px;--f7-subnavbar-title-font-weight:700;--f7-subnavbar-title-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:7px;--f7-subnavbar-shadow-image:none}.md{--f7-subnavbar-height:48px;--f7-subnavbar-inner-padding-left:16px;--f7-subnavbar-inner-padding-right:16px;--f7-subnavbar-title-font-size:20px;--f7-subnavbar-title-font-weight:500;--f7-subnavbar-title-letter-spacing:0;--f7-subnavbar-title-margin-left:0px;--f7-subnavbar-shadow-image:var(--f7-bars-shadow-bottom-image)}.aurora{--f7-subnavbar-height:38px;--f7-subnavbar-inner-padding-left:15px;--f7-subnavbar-inner-padding-right:15px;--f7-subnavbar-title-font-size:26px;--f7-subnavbar-title-font-weight:bold;--f7-subnavbar-title-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:0px;--f7-subnavbar-shadow-image:none;--f7-subnavbar-link-height:auto;--f7-subnavbar-link-line-height:inherit}.subnavbar{width:100%;position:absolute;left:0;top:0;z-index:500;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;background-image:var(--f7-subnavbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-subnavbar-bg-color,var(--f7-bars-bg-color));color:var(--f7-subnavbar-text-color,var(--f7-bars-text-color))}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .subnavbar{background-color:rgba(var(--f7-subnavbar-bg-color-rgb,var(--f7-bars-bg-color-rgb)),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.subnavbar .title{position:relative;overflow:hidden;text-overflow:ellpsis;white-space:nowrap;font-size:var(--f7-subnavbar-title-font-size);font-weight:var(--f7-subnavbar-title-font-weight);text-align:left;display:inline-block;line-height:var(--f7-subnavbar-title-line-height);letter-spacing:var(--f7-subnavbar-title-letter-spacing);margin-left:var(--f7-subnavbar-title-margin-left)}.subnavbar .left,.subnavbar .right{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center}.subnavbar .right:first-child{position:absolute;height:100%}.subnavbar a{color:var(--f7-subnavbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.subnavbar a.link{line-height:var(--f7-subnavbar-link-line-height,var(--f7-subnavbar-height));height:var(--f7-subnavbar-link-height,var(--f7-subnavbar-height))}.subnavbar a.icon-only{min-width:var(--f7-subnavbar-height)}.subnavbar.no-border:after,.subnavbar.no-hairline:after{display:none!important}.subnavbar.navbar-hidden:before,.subnavbar.no-shadow:before{display:none!important}.subnavbar:after,.subnavbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.subnavbar:after{content:'';position:absolute;background-color:var(--f7-subnavbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.subnavbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-subnavbar-shadow-image)}.subnavbar-inner{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;justify-content:space-between;overflow:hidden;padding:0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left))}.subnavbar-inner.stacked{display:none}.navbar .subnavbar{top:100%}.page>.subnavbar,.view>.subnavbar,.views>.subnavbar{position:absolute}.navbar~* .subnavbar,.navbar~.page-with-subnavbar:not(.no-navbar) .subnavbar,.navbar~.subnavbar,.page-with-subnavbar .navbar~* .subnavbar,.page-with-subnavbar .navbar~.subnavbar{top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.navbar .title-large~.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:15px}.ios .subnavbar .left{margin-right:10px}.ios .subnavbar .right{margin-left:10px}.ios .subnavbar .right:first-child{right:8px}.ios .subnavbar a.link{justify-content:flex-start}.ios .subnavbar a.icon-only{justify-content:center;margin:0}.md .subnavbar{height:var(--f7-subnavbar-height)}.md .subnavbar .right{margin-left:auto}.md .subnavbar .right:first-child{right:16px}.md .subnavbar a.link{justify-content:center;padding:0 16px}.md .subnavbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .subnavbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .subnavbar a.icon-only{flex-shrink:0}.md .subnavbar-inner>a.link:first-child{margin-left:calc(-1 * var(--f7-subnavbar-inner-padding-left))}.md .subnavbar-inner>a.link:last-child{margin-right:calc(-1 * var(--f7-subnavbar-inner-padding-right))}.aurora .subnavbar{height:calc(var(--f7-subnavbar-height) + 1px);margin-top:-1px;padding-top:1px}.aurora .subnavbar .title{align-self:flex-start;flex-shrink:10}.aurora .subnavbar .left a+a,.aurora .subnavbar .right a+a{margin-left:10px}.aurora .subnavbar .left{margin-right:10px}.aurora .subnavbar .right{margin-left:10px}.aurora .subnavbar .right:first-child{right:15px}.aurora .subnavbar a.link{justify-content:flex-start}.aurora .subnavbar a.icon-only{justify-content:center;margin:0}:root{--f7-block-font-size:inherit;--f7-block-text-color:inherit;--f7-block-strong-bg-color:#fff;--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-color:#000;--f7-block-title-medium-text-transform:none;--f7-block-title-large-text-color:#000;--f7-block-title-large-text-transform:none}:root .theme-dark,:root.theme-dark{--f7-block-strong-border-color:rgba(255, 255, 255, 0.15);--f7-block-title-medium-text-color:#fff;--f7-block-title-large-text-color:#fff;--f7-block-strong-bg-color:#1c1c1d}.ios{--f7-block-padding-horizontal:15px;--f7-block-padding-vertical:15px;--f7-block-margin-vertical:35px;--f7-block-strong-text-color:#000;--f7-block-strong-border-color:rgba(0, 0, 0, 0.22);--f7-block-title-text-color:#000;--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-side-margin:15px;--f7-block-inset-border-radius:7px;--f7-block-header-text-color:rgba(0, 0, 0, 0.45);--f7-block-footer-text-color:rgba(0, 0, 0, 0.45)}.ios .theme-dark,.ios.theme-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}.md{--f7-block-padding-horizontal:16px;--f7-block-padding-vertical:16px;--f7-block-margin-vertical:32px;--f7-block-strong-text-color:inherit;--f7-block-strong-border-color:rgba(0, 0, 0, 0.12);--f7-block-title-font-size:inherit;--f7-block-title-text-color:rgba(0, 0, 0, 0.54);--f7-block-title-font-weight:500;--f7-block-title-line-height:16px;--f7-block-title-margin-bottom:16px;--f7-block-title-medium-font-size:24px;--f7-block-title-medium-font-weight:500;--f7-block-title-medium-line-height:1.3;--f7-block-title-large-font-size:34px;--f7-block-title-large-font-weight:500;--f7-block-title-large-line-height:1.2;--f7-block-inset-side-margin:16px;--f7-block-inset-border-radius:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.54);--f7-block-footer-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-block-title-text-color:#fff;--f7-block-header-text-color:rgba(255, 255, 255, 0.54);--f7-block-footer-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-block-padding-horizontal:15px;--f7-block-padding-vertical:15px;--f7-block-margin-vertical:15px;--f7-block-strong-text-color:inherit;--f7-block-strong-border-color:rgba(0, 0, 0, 0.12);--f7-block-title-font-size:inherit;--f7-block-title-text-color:rgba(0, 0, 0, 0.7);--f7-block-title-font-weight:600;--f7-block-title-line-height:1.5;--f7-block-title-margin-bottom:5px;--f7-block-title-medium-font-size:20px;--f7-block-title-medium-font-weight:600;--f7-block-title-medium-line-height:1.4;--f7-block-title-large-font-size:28px;--f7-block-title-large-font-weight:bold;--f7-block-title-large-line-height:1.3;--f7-block-inset-side-margin:15px;--f7-block-inset-border-radius:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.6);--f7-block-footer-text-color:rgba(0, 0, 0, 0.6)}.aurora .theme-dark,.aurora.theme-dark{--f7-block-title-text-color:#fff;--f7-block-header-text-color:rgba(255, 255, 255, 0.52);--f7-block-footer-text-color:rgba(255, 255, 255, 0.52);--f7-block-strong-text-color:#fff}.block{box-sizing:border-box;position:relative;z-index:1;color:var(--f7-block-text-color);margin:var(--f7-block-margin-vertical) 0;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right));font-size:var(--f7-block-font-size)}.aurora .block.no-hairlines-aurora ul:before,.aurora .block.no-hairlines-aurora:before,.block.no-hairlines ul:before,.block.no-hairlines:before,.ios .block.no-hairlines-ios ul:before,.ios .block.no-hairlines-ios:before,.md .block.no-hairlines-md ul:before,.md .block.no-hairlines-md:before{display:none!important}.aurora .block.no-hairlines-aurora ul:after,.aurora .block.no-hairlines-aurora:after,.block.no-hairlines ul:after,.block.no-hairlines:after,.ios .block.no-hairlines-ios ul:after,.ios .block.no-hairlines-ios:after,.md .block.no-hairlines-md ul:after,.md .block.no-hairlines-md:after{display:none!important}.aurora .block.no-hairline-top-aurora ul:before,.aurora .block.no-hairline-top-aurora:before,.block.no-hairline-top ul:before,.block.no-hairline-top:before,.ios .block.no-hairline-top-ios ul:before,.ios .block.no-hairline-top-ios:before,.md .block.no-hairline-top-md ul:before,.md .block.no-hairline-top-md:before{display:none!important}.aurora .block.no-hairline-bottom-aurora ul:after,.aurora .block.no-hairline-bottom-aurora:after,.block.no-hairline-bottom ul:after,.block.no-hairline-bottom:after,.ios .block.no-hairline-bottom-ios ul:after,.ios .block.no-hairline-bottom-ios:after,.md .block.no-hairline-bottom-md ul:after,.md .block.no-hairline-bottom-md:after{display:none!important}.block>h1:first-child,.block>h2:first-child,.block>h3:first-child,.block>h4:first-child,.block>p:first-child{margin-top:0}.block>h1:last-child,.block>h2:last-child,.block>h3:last-child,.block>h4:last-child,.block>p:last-child{margin-bottom:0}.block-strong{color:var(--f7-block-strong-text-color);padding-top:var(--f7-block-padding-vertical);padding-bottom:var(--f7-block-padding-vertical);background-color:var(--f7-block-strong-bg-color)}.block-strong:before{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-strong:after{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-title{position:relative;overflow:hidden;margin:0;white-space:var(--f7-block-title-white-space);text-overflow:ellipsis;text-transform:var(--f7-block-title-text-transform);color:var(--f7-block-title-text-color);font-size:var(--f7-block-title-font-size,inherit);font-weight:var(--f7-block-title-font-weight);line-height:var(--f7-block-title-line-height);margin-top:var(--f7-block-margin-vertical);margin-bottom:var(--f7-block-title-margin-bottom);margin-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-title+.block,.block-title+.block-header,.block-title+.card,.block-title+.list,.block-title+.timeline{margin-top:0px}.block-title-medium{font-size:var(--f7-block-title-medium-font-size);text-transform:var(--f7-block-title-medium-text-transform);color:var(--f7-block-title-medium-text-color);font-weight:var(--f7-block-title-medium-font-weight);line-height:var(--f7-block-title-medium-line-height)}.block-title-large{font-size:var(--f7-block-title-large-font-size);text-transform:var(--f7-block-title-large-text-transform);color:var(--f7-block-title-large-text-color);font-weight:var(--f7-block-title-large-font-weight);line-height:var(--f7-block-title-large-line-height)}.block>.block-title:first-child,.list>.block-title:first-child{margin-top:0;margin-left:0;margin-right:0}.block-header{color:var(--f7-block-header-text-color);font-size:var(--f7-block-header-font-size);margin-bottom:var(--f7-block-header-margin);margin-top:var(--f7-block-margin-vertical)}.block-header+.block,.block-header+.card,.block-header+.list,.block-header+.timeline{margin-top:var(--f7-block-header-margin)}.block-footer{color:var(--f7-block-footer-text-color);font-size:var(--f7-block-footer-font-size);margin-top:var(--f7-block-footer-margin);margin-bottom:var(--f7-block-margin-vertical)}.block-footer,.block-header{padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-footer h1:first-child,.block-footer h2:first-child,.block-footer h3:first-child,.block-footer h4:first-child,.block-footer p:first-child,.block-footer ul:first-child,.block-header h1:first-child,.block-header h2:first-child,.block-header h3:first-child,.block-header h4:first-child,.block-header p:first-child,.block-header ul:first-child{margin-top:0}.block-footer h1:last-child,.block-footer h2:last-child,.block-footer h3:last-child,.block-footer h4:last-child,.block-footer p:last-child,.block-footer ul:last-child,.block-header h1:last-child,.block-header h2:last-child,.block-header h3:last-child,.block-header h4:last-child,.block-header p:last-child,.block-header ul:last-child{margin-bottom:0}.block-footer h1:first-child:last-child,.block-footer h2:first-child:last-child,.block-footer h3:first-child:last-child,.block-footer h4:first-child:last-child,.block-footer p:first-child:last-child,.block-footer ul:first-child:last-child,.block-header h1:first-child:last-child,.block-header h2:first-child:last-child,.block-header h3:first-child:last-child,.block-header h4:first-child:last-child,.block-header p:first-child:last-child,.block-header ul:first-child:last-child{margin-top:0;margin-bottom:0}.block .block-header,.card .block-header,.list .block-header,.timeline .block-header{margin-top:0}.block .block-footer,.card .block-footer,.list .block-footer,.timeline .block-footer{margin-bottom:0}.block+.block-footer,.card+.block-footer,.list+.block-footer,.timeline+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)))}.block+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)));margin-bottom:var(--f7-block-margin-vertical)}.block .block-footer,.block .block-header{padding:0}.block.inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.inset:before{display:none!important}.block-strong.inset:after{display:none!important}@media (min-width:768px){.block.tablet-inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.tablet-inset:before{display:none!important}.block-strong.tablet-inset:after{display:none!important}}:root{--f7-list-bg-color:#fff;--f7-list-item-text-max-lines:2;--f7-list-chevron-icon-color:rgba(0, 0, 0, 0.2);--f7-list-chevron-icon-font-size:20px;--f7-list-item-title-font-size:inherit;--f7-list-item-title-font-weight:400;--f7-list-item-title-text-color:inherit;--f7-list-item-title-line-height:inherit;--f7-list-item-title-white-space:nowrap;--f7-list-item-subtitle-font-weight:400;--f7-list-item-subtitle-text-color:inherit;--f7-list-item-subtitle-line-height:inherit;--f7-list-item-text-font-weight:400;--f7-list-item-after-font-weight:400;--f7-list-item-header-text-color:inherit;--f7-list-item-header-font-size:12px;--f7-list-item-header-font-weight:400;--f7-list-item-header-line-height:1.2;--f7-list-item-footer-font-size:12px;--f7-list-item-footer-font-weight:400;--f7-list-item-footer-line-height:1.2;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-item-divider-line-height:inherit;--f7-list-group-title-line-height:inherit}:root .theme-dark,:root.theme-dark{--f7-list-button-border-color:rgba(255, 255, 255, 0.15);--f7-list-bg-color:#1c1c1d;--f7-list-border-color:rgba(255, 255, 255, 0.15);--f7-list-item-border-color:rgba(255, 255, 255, 0.15);--f7-list-item-divider-border-color:rgba(255, 255, 255, 0.15);--f7-list-item-divider-bg-color:#232323;--f7-list-group-title-bg-color:#232323;--f7-list-chevron-icon-color:rgba(255, 255, 255, 0.3)}.ios{--f7-list-in-list-padding-left:30px;--f7-list-inset-side-margin:15px;--f7-list-inset-border-radius:7px;--f7-list-margin-vertical:35px;--f7-list-font-size:17px;--f7-list-chevron-icon-area:20px;--f7-list-border-color:rgba(0, 0, 0, 0.22);--f7-list-item-border-color:rgba(0, 0, 0, 0.22);--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-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-text-line-height:21px;--f7-list-item-after-font-size:inherit;--f7-list-item-after-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-min-height:44px;--f7-list-item-media-margin:15px;--f7-list-item-media-icons-margin:5px;--f7-list-item-cell-margin:15px;--f7-list-item-padding-vertical:8px;--f7-list-item-padding-horizontal:15px;--f7-list-media-item-padding-vertical:10px;--f7-list-media-item-padding-horizontal:15px;--f7-list-media-item-title-font-weight:600;--f7-list-button-text-align:center;--f7-list-button-border-color:rgba(0, 0, 0, 0.22);--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.15);--f7-list-item-divider-height:31px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-border-color:rgba(0, 0, 0, 0.22);--f7-list-group-title-height:31px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.45);--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f7f7f7}.ios .theme-dark,.ios.theme-dark{--f7-list-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-item-divider-text-color:rgba(255, 255, 255, 0.55);--f7-list-group-title-text-color:rgba(255, 255, 255, 0.55);--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.08);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.08)}.md{--f7-list-in-list-padding-left:40px;--f7-list-inset-side-margin:16px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:32px;--f7-list-font-size:16px;--f7-list-chevron-icon-area:26px;--f7-list-border-color:rgba(0, 0, 0, 0.12);--f7-list-item-border-color:rgba(0, 0, 0, 0.12);--f7-list-link-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-subtitle-font-size:14px;--f7-list-item-text-font-size:14px;--f7-list-item-text-text-color:#757575;--f7-list-item-text-line-height:20px;--f7-list-item-after-font-size:14px;--f7-list-item-after-text-color:#757575;--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:8px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-min-height:48px;--f7-list-item-media-margin:16px;--f7-list-item-media-icons-margin:8px;--f7-list-item-cell-margin:16px;--f7-list-item-padding-vertical:8px;--f7-list-item-padding-horizontal:16px;--f7-list-media-item-padding-vertical:14px;--f7-list-media-item-padding-horizontal:16px;--f7-list-button-text-color:#212121;--f7-list-button-text-align:left;--f7-list-button-border-color:transparent;--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-divider-height:48px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.54);--f7-list-item-divider-font-size:14px;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:#f4f4f4;--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:48px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.54);--f7-list-group-title-font-size:14px;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f4f4f4}.md .theme-dark,.md.theme-dark{--f7-list-button-text-color:#fff;--f7-list-item-divider-text-color:#fff;--f7-list-group-title-text-color:#fff;--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-item-text-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-list-in-list-padding-left:15px;--f7-list-inset-side-margin:15px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:15px;--f7-list-font-size:14px;--f7-list-chevron-icon-area:15px;--f7-list-chevron-icon-font-size:16px;--f7-list-border-color:rgba(0, 0, 0, 0.12);--f7-list-item-border-color:rgba(0, 0, 0, 0.12);--f7-list-link-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-link-hover-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-title-line-height:1.3;--f7-list-item-subtitle-font-size:14px;--f7-list-item-subtitle-line-height:1.3;--f7-list-item-text-font-size:12px;--f7-list-item-text-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-text-line-height:16px;--f7-list-item-after-font-size:13px;--f7-list-item-after-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-after-line-height:1.2;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-min-height:32px;--f7-list-item-media-margin:10px;--f7-list-item-media-icons-margin:5px;--f7-list-item-cell-margin:15px;--f7-list-item-padding-vertical:5px;--f7-list-item-padding-horizontal:15px;--f7-list-media-item-padding-vertical:5px;--f7-list-media-item-padding-horizontal:15px;--f7-list-media-item-title-font-weight:600;--f7-list-button-text-align:center;--f7-list-button-border-color:rgba(0, 0, 0, 0.12);--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-button-hover-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-height:19px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:500;--f7-list-item-divider-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:19px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.6);--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:500;--f7-list-group-title-bg-color:#f7f7f7}.aurora .theme-dark,.aurora.theme-dark{--f7-list-item-text-text-color:rgba(255, 255, 255, 0.52);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.52);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.52);--f7-list-item-divider-text-color:rgba(255, 255, 255, 0.6);--f7-list-group-title-text-color:rgba(255, 255, 255, 0.6);--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-link-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-hover-bg-color:rgba(255, 255, 255, 0.03)}.list{position:relative;z-index:1;font-size:var(--f7-list-font-size);margin:var(--f7-list-margin-vertical) 0}.list ul{list-style:none;margin:0;padding:0;position:relative;background:var(--f7-list-bg-color)}.list ul:before{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul:after{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul ul{padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-list-in-list-padding-left))}.list ul ul:before{display:none!important}.list ul ul:after{display:none!important}.list li{position:relative;box-sizing:border-box}.list .item-media{display:flex;flex-shrink:0;flex-wrap:nowrap;align-items:center;box-sizing:border-box;padding-bottom:var(--f7-list-item-padding-vertical);padding-top:var(--f7-list-item-padding-vertical)}.list .item-media+.item-inner{margin-left:var(--f7-list-item-media-margin)}.list .item-media i+i,.list .item-media i+img{margin-left:var(--f7-list-item-media-icons-margin)}.list .item-after{padding-left:var(--f7-list-item-after-padding)}.list .item-inner{position:relative;width:100%;min-width:0;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-self:stretch;padding-top:var(--f7-list-item-padding-vertical);padding-bottom:var(--f7-list-item-padding-vertical);min-height:var(--f7-list-item-min-height);padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.list .item-title{min-width:0;flex-shrink:1;white-space:var(--f7-list-item-title-white-space);position:relative;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:var(--f7-list-item-title-font-size);font-weight:var(--f7-list-item-title-font-weight);color:var(--f7-list-item-title-text-color);line-height:var(--f7-list-item-title-line-height)}.list .item-after{white-space:nowrap;flex-shrink:0;display:flex;font-size:var(--f7-list-item-after-font-size);font-weight:var(--f7-list-item-after-font-weight);color:var(--f7-list-item-after-text-color);line-height:var(--f7-list-item-after-line-height);margin-left:auto}.list .item-footer,.list .item-header{white-space:normal}.list .item-header{color:var(--f7-list-item-header-text-color);font-size:var(--f7-list-item-header-font-size);font-weight:var(--f7-list-item-header-font-weight);line-height:var(--f7-list-item-header-line-height)}.list .item-footer{color:var(--f7-list-item-footer-text-color);font-size:var(--f7-list-item-footer-font-size);font-weight:var(--f7-list-item-footer-font-weight);line-height:var(--f7-list-item-footer-line-height)}.list .item-link,.list .list-button{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;z-index:0}.list .item-link{color:inherit}.list .item-link.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.list .item-link .item-inner{padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.list .item-content{display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;min-height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.list .item-subtitle{position:relative;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis;font-size:var(--f7-list-item-subtitle-font-size);font-weight:var(--f7-list-item-subtitle-font-weight);color:var(--f7-list-item-subtitle-text-color);line-height:var(--f7-list-item-subtitle-line-height)}.list .item-text{position:relative;overflow:hidden;text-overflow:hidden;-webkit-line-clamp:var(--f7-list-item-text-max-lines);display:-webkit-box;font-size:var(--f7-list-item-text-font-size);font-weight:var(--f7-list-item-text-font-weight);color:var(--f7-list-item-text-text-color);line-height:var(--f7-list-item-text-line-height);max-height:calc(var(--f7-list-item-text-line-height) * var(--f7-list-item-text-max-lines))}.list .item-title-row{position:relative;display:flex;justify-content:space-between;box-sizing:border-box}.list .item-title-row .item-after{align-self:center}.list .item-row{display:flex;justify-content:space-between;box-sizing:border-box}.list .item-cell{display:block;align-self:center;box-sizing:border-box;width:100%;min-width:0;margin-left:var(--f7-list-item-cell-margin);flex-shrink:1}.list .item-cell:first-child{margin-left:0}.list .ripple-wave+.item-cell{margin-left:0}.list li:last-child .list-button:after{display:none!important}.list li:last-child li:last-child>.item-content>.item-inner:after,.list li:last-child li:last-child>.item-inner:after,.list li:last-child li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child li:last-child>.swipeout-content>.item-content>.item-inner:after,.list li:last-child>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child>.swipeout-content>.item-content>.item-inner:after{display:none!important}.list li li:last-child .item-inner:after,.list li:last-child li .item-inner:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .list.no-hairlines-aurora ul:before,.aurora .list.no-hairlines-aurora:before,.ios .list.no-hairlines-ios ul:before,.ios .list.no-hairlines-ios:before,.list.no-hairlines ul:before,.list.no-hairlines:before,.md .list.no-hairlines-md ul:before,.md .list.no-hairlines-md:before{display:none!important}.aurora .list.no-hairlines-aurora ul:after,.aurora .list.no-hairlines-aurora:after,.ios .list.no-hairlines-ios ul:after,.ios .list.no-hairlines-ios:after,.list.no-hairlines ul:after,.list.no-hairlines:after,.md .list.no-hairlines-md ul:after,.md .list.no-hairlines-md:after{display:none!important}.aurora .list.no-hairline-top-aurora ul:before,.aurora .list.no-hairline-top-aurora:before,.ios .list.no-hairline-top-ios ul:before,.ios .list.no-hairline-top-ios:before,.list.no-hairline-top ul:before,.list.no-hairline-top:before,.md .list.no-hairline-top-md ul:before,.md .list.no-hairline-top-md:before{display:none!important}.aurora .list.no-hairline-bottom-aurora ul:after,.aurora .list.no-hairline-bottom-aurora:after,.ios .list.no-hairline-bottom-ios ul:after,.ios .list.no-hairline-bottom-ios:after,.list.no-hairline-bottom ul:after,.list.no-hairline-bottom:after,.md .list.no-hairline-bottom-md ul:after,.md .list.no-hairline-bottom-md:after{display:none!important}.aurora .list.no-hairlines-between-aurora .item-divider:after,.aurora .list.no-hairlines-between-aurora .item-inner:after,.aurora .list.no-hairlines-between-aurora .list-button:after,.aurora .list.no-hairlines-between-aurora .list-group-title:after,.ios .list.no-hairlines-between-ios .item-divider:after,.ios .list.no-hairlines-between-ios .item-inner:after,.ios .list.no-hairlines-between-ios .list-button:after,.ios .list.no-hairlines-between-ios .list-group-title:after,.list.no-hairlines-between .item-divider:after,.list.no-hairlines-between .item-inner:after,.list.no-hairlines-between .list-button:after,.list.no-hairlines-between .list-group-title:after,.md .list.no-hairlines-between-md .item-divider:after,.md .list.no-hairlines-between-md .item-inner:after,.md .list.no-hairlines-between-md .list-button:after,.md .list.no-hairlines-between-md .list-group-title:after{display:none!important}.aurora .list.no-hairlines-between-aurora.simple-list li:after,.ios .list.no-hairlines-between-ios.simple-list li:after,.list.no-hairlines-between.simple-list li:after,.md .list.no-hairlines-between-md.simple-list li:after{display:none!important}.aurora .list.no-hairlines-between-aurora.links-list a:after,.ios .list.no-hairlines-between-ios.links-list a:after,.list.no-hairlines-between.links-list a:after,.md .list.no-hairlines-between-md.links-list a:after{display:none!important}.list-button{padding:0 var(--f7-list-item-padding-horizontal);line-height:var(--f7-list-item-min-height);color:var(--f7-list-button-text-color,var(--f7-theme-color));font-size:var(--f7-list-button-font-size);font-weight:var(--f7-list-button-font-weight);text-align:var(--f7-list-button-text-align)}.list-button:after{content:'';position:absolute;background-color:var(--f7-list-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list-button.active-state{background-color:var(--f7-list-button-pressed-bg-color)}.list-button[class*=color-]{--f7-list-button-text-color:var(--f7-theme-color)}.simple-list li{position:relative;white-space:nowrap;text-overflow:ellipsis;max-width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;align-content:center;line-height:var(--f7-list-item-min-height);height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.simple-list li:after{left:var(--f7-list-item-padding-horizontal);width:auto;left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));right:0}.simple-list li:last-child:after{display:none!important}.links-list li{z-index:1}.links-list a{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;display:flex;align-items:center;align-content:center;justify-content:space-between;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;max-width:100%;height:var(--f7-list-item-min-height);color:inherit}.links-list a .ripple-wave{z-index:0}.links-list a:after{width:auto}.links-list a.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.links-list a{padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.links-list a:after{left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));right:0}.links-list li:last-child a:after{display:none!important}.links-list a:after,.list .item-inner:after,.simple-list li:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.media-list,li.media-item{--f7-list-item-padding-vertical:var(--f7-list-media-item-padding-vertical);--f7-list-item-padding-horizontal:var(--f7-list-media-item-padding-horizontal)}.media-list .item-title,li.media-item .item-title{font-weight:var(--f7-list-media-item-title-font-weight,var(--f7-list-item-title-font-weight,inherit))}.media-list .item-inner,li.media-item .item-inner{display:block;align-self:stretch}.media-list .item-media,li.media-item .item-media{align-self:flex-start}.media-list .item-media img,li.media-item .item-media img{display:block}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.media-list .item-link .item-title-row,li.media-item .item-link .item-title-row{padding-right:calc(var(--f7-list-chevron-icon-area))}.media-list .chevron-center .item-link .item-inner,.media-list .item-link.chevron-center .item-inner,.media-list.chevron-center .item-link .item-inner,li.media-item .chevron-center .item-link .item-inner,li.media-item .item-link.chevron-center .item-inner,li.media-item.chevron-center .item-link .item-inner{padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.media-list .chevron-center .item-title-row,.media-list.chevron-center .item-title-row,li.media-item .chevron-center .item-title-row,li.media-item.chevron-center .item-title-row{padding-right:0}.links-list a:before,.list .item-link .item-inner:before,.media-list .chevron-center .item-link .item-inner:before,.media-list .item-link .item-title-row:before,.media-list .item-link.chevron-center .item-inner:before,.media-list.chevron-center .item-link .item-inner:before,li.media-item .chevron-center .item-link .item-inner:before,li.media-item .item-link .item-title-row:before,li.media-item .item-link.chevron-center .item-inner:before,li.media-item.chevron-center .item-link .item-inner:before{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;position:absolute;top:50%;width:8px;height:14px;margin-top:-7px;font-size:var(--f7-list-chevron-icon-font-size);line-height:14px;color:var(--f7-list-chevron-icon-color);pointer-events:none;right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));content:'chevron_right'}.media-list .chevron-center .item-title-row:before,.media-list.chevron-center .item-title-row:before,li.media-item .chevron-center .item-title-row:before,li.media-item.chevron-center .item-title-row:before{display:none}.media-list .item-link .item-inner:before,li.media-item .item-link .item-inner:before{display:none}.media-list .item-link .item-title-row:before,li.media-item .item-link .item-title-row:before{right:0}.list-group ul:after,.list-group ul:before{z-index:25!important}.list-group+.list-group ul:before{display:none!important}.item-divider,li.item-divider,li.list-group-title{white-space:nowrap;position:relative;max-width:100%;text-overflow:ellipsis;overflow:hidden;z-index:15;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));box-sizing:border-box;display:flex;align-items:center;align-content:center}.item-divider:after,li.item-divider:after,li.list-group-title:after{display:none!important}.item-divider,li.item-divider{margin-top:-1px;height:var(--f7-list-item-divider-height);color:var(--f7-list-item-divider-text-color);font-size:var(--f7-list-item-divider-font-size);font-weight:var(--f7-list-item-divider-font-weight);background-color:var(--f7-list-item-divider-bg-color);line-height:var(--f7-list-item-divider-line-height)}.item-divider:before,li.item-divider:before{content:'';position:absolute;background-color:var(--f7-list-item-divider-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list li.list-group-title,li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20;height:var(--f7-list-group-title-height);color:var(--f7-list-group-title-text-color);font-size:var(--f7-list-group-title-font-size);font-weight:var(--f7-list-group-title-font-weight);background-color:var(--f7-list-group-title-bg-color);line-height:var(--f7-list-group-title-line-height)}.page-with-navbar-large .list li.list-group-title,.page-with-navbar-large li.list-group-title{top:calc(-1 * var(--f7-navbar-large-title-height))}.list.inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.inset .block-title{margin-left:0;margin-right:0}.list.inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.inset ul:before{display:none!important}.list.inset ul:after{display:none!important}.list.inset li.swipeout:first-child,.list.inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.inset li.swipeout:last-child,.list.inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.inset li.swipeout:first-child:last-child,.list.inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}@media (min-width:768px){.list.tablet-inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.tablet-inset .block-title{margin-left:0;margin-right:0}.list.tablet-inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.tablet-inset ul:before{display:none!important}.list.tablet-inset ul:after{display:none!important}.list.tablet-inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.tablet-inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.tablet-inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}}.list .no-chevron,.list.no-chevron{--f7-list-chevron-icon-color:transparent;--f7-list-chevron-icon-area:0px}.ios .item-link.active-state .item-inner:after,.ios .links-list a.active-state:after,.ios .list-button.active-state:after{background-color:transparent}.ios .links-list a.active-state,.ios .list .item-link.active-state,.ios .list .list-button.active-state{transition-duration:0s}.md .list .item-media{min-width:40px}.aurora .list .item-media{min-width:18px}.aurora .links-list a:before,.aurora .list .item-link .item-inner:before,.aurora .media-list .chevron-center .item-link .item-inner:before,.aurora .media-list .item-link .item-title-row:before,.aurora .media-list .item-link.chevron-center .item-inner:before,.aurora .media-list.chevron-center .item-link .item-inner:before,.aurora li.media-item .chevron-center .item-link .item-inner:before,.aurora li.media-item .item-link .item-title-row:before,.aurora li.media-item .item-link.chevron-center .item-inner:before,.aurora li.media-item.chevron-center .item-link .item-inner:before{content:'chevron_right_aurora'}.aurora .links-list a,.aurora .list .item-link,.aurora .list .list-button{transition-duration:0s}.aurora.device-desktop .links-list a:hover:not(.active-state):not(.no-hover),.aurora.device-desktop .list .item-link:hover:not(.active-state):not(.no-hover){background:var(--f7-list-link-hover-bg-color)}.aurora.device-desktop .list .list-button:hover:not(.active-state):not(.no-hover){background:var(--f7-list-button-hover-bg-color)}:root{--f7-badge-text-color:#fff;--f7-badge-bg-color:#8e8e93;--f7-badge-padding:0 4px;--f7-badge-in-icon-size:16px;--f7-badge-in-icon-font-size:10px;--f7-badge-font-weight:normal;--f7-badge-font-size:12px}.ios{--f7-badge-size:20px}.md{--f7-badge-size:18px}.aurora{--f7-badge-size:18px;--f7-badge-font-weight:600;--f7-badge-in-icon-size:15px}.badge{display:inline-flex;align-items:center;align-content:center;justify-content:center;color:var(--f7-badge-text-color);background:var(--f7-badge-bg-color);position:relative;box-sizing:border-box;text-align:center;vertical-align:middle;font-weight:var(--f7-badge-font-weight);font-size:var(--f7-badge-font-size);border-radius:var(--f7-badge-size);padding:var(--f7-badge-padding);height:var(--f7-badge-size);min-width:var(--f7-badge-size)}.f7-icons .badge,.framework7-icons .badge,.icon .badge,.material-icons .badge{position:absolute;left:100%;margin-left:-10px;top:-2px;font-family:var(--f7-font-family);--f7-badge-font-size:var(--f7-badge-in-icon-font-size);--f7-badge-size:var(--f7-badge-in-icon-size)}.badge[class*=color-]{--f7-badge-bg-color:var(--f7-theme-color)}:root{--f7-button-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-bg-color:rgba(0, 0, 0, 0.07);--f7-segmented-strong-padding:2px;--f7-segmented-strong-between-buttons:4px;--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;--f7-segmented-strong-button-active-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.25)}:root .theme-dark,:root.theme-dark{--f7-segmented-strong-bg-color:rgba(255, 255, 255, 0.1);--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-font-size:13px;--f7-button-height:28px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:5px;--f7-button-font-weight:600;--f7-button-letter-spacing:0;--f7-button-text-transform:uppercase;--f7-button-outline-border-width:2px;--f7-button-large-height:44px;--f7-button-large-font-size:17px;--f7-button-large-font-weight:500;--f7-button-large-text-transform:none;--f7-button-small-height:26px;--f7-button-small-font-size:13px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px;--f7-segmented-strong-button-text-transform:none;--f7-segmented-strong-button-font-weight:500;--f7-segmented-strong-button-active-font-weight:600}.md{--f7-button-font-size:14px;--f7-button-height:36px;--f7-button-padding-horizontal:8px;--f7-button-border-radius:4px;--f7-button-font-weight:500;--f7-button-letter-spacing:0.03em;--f7-button-text-transform:uppercase;--f7-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-button-outline-border-width:2px;--f7-button-large-height:48px;--f7-button-large-font-size:14px;--f7-button-large-font-weight:500;--f7-button-large-text-transform:uppercase;--f7-button-small-height:28px;--f7-button-small-font-size:12px;--f7-button-small-font-weight:500;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px;--f7-segmented-strong-button-text-transform:uppercase;--f7-segmented-strong-button-font-weight:500;--f7-segmented-strong-button-active-font-weight:500}.md .theme-dark,.md.theme-dark{--f7-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}.aurora{--f7-button-font-size:14px;--f7-button-height:28px;--f7-button-min-width:24px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:4px;--f7-button-font-weight:500;--f7-button-letter-spacing:0.02;--f7-button-text-transform:none;--f7-button-outline-border-width:2px;--f7-button-large-height:34px;--f7-button-large-font-size:14px;--f7-button-large-font-weight:600;--f7-button-large-text-transform:none;--f7-button-small-height:24px;--f7-button-small-font-size:12px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:none;--f7-button-small-outline-border-width:1px;--f7-segmented-strong-button-text-transform:none;--f7-segmented-strong-button-font-weight:500;--f7-segmented-strong-button-active-font-weight:600}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}.button{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;margin:0;white-space:nowrap;text-overflow:ellipsis;position:relative;overflow:hidden;font-family:inherit;cursor:pointer;outline:0;box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;border:var(--f7-button-border-width,0px) solid var(--f7-button-border-color,var(--f7-theme-color));font-size:var(--f7-button-font-size);color:var(--f7-button-text-color,var(--f7-theme-color));height:var(--f7-button-height);line-height:calc(var(--f7-button-height) - var(--f7-button-border-width,0) * 2);padding:var(--f7-button-padding-vertical,0px) var(--f7-button-padding-horizontal);border-radius:var(--f7-button-border-radius);min-width:var(--f7-button-min-width);font-weight:var(--f7-button-font-weight);letter-spacing:var(--f7-button-letter-spacing);text-transform:var(--f7-button-text-transform);background-color:var(--f7-button-bg-color);box-shadow:var(--f7-button-box-shadow)}.button.active-state{background-color:var(--f7-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-button-pressed-text-color,var(--f7-button-text-color,var(--f7-theme-color)))}input[type=button].button,input[type=submit].button{width:100%}.button>i+i,.button>i+span,.button>span+i,.button>span+span{margin-left:4px}.appbar .button,.navbar .button,.searchbar .button,.subnavbar .button,.toolbar .button{color:var(--f7-button-text-color,var(--f7-theme-color))}.aurora .button-round-aurora,.button-round,.ios .button-round-ios,.md .button-round-md{--f7-button-border-radius:var(--f7-button-height)}.aurora .button-fill-aurora,.button-active,.button-fill,.button.tab-link-active,.ios .button-fill-ios,.md .button-fill-md{--f7-button-bg-color:var(--f7-button-fill-bg-color, var(--f7-theme-color));--f7-button-text-color:var(--f7-button-fill-text-color, #fff);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.aurora .button-fill-aurora,.button-fill,.ios .button-fill-ios,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color)}.button-active,.button.tab-link-active{--f7-button-pressed-bg-color:var(--f7-button-bg-color)}.aurora .button-outline-aurora,.button-outline,.ios .button-outline-ios,.md .button-outline-md{--f7-button-border-color:var(--f7-button-outline-border-color, var(--f7-theme-color));--f7-button-border-width:var(--f7-button-outline-border-width)}.aurora .button-large-aurora,.button-large,.ios .button-large-ios,.md .button-large-md{--f7-button-height:var(--f7-button-large-height);--f7-button-font-size:var(--f7-button-large-font-size);--f7-button-font-weight:var(--f7-button-large-font-weight);--f7-button-text-transform:var(--f7-button-large-text-transform)}.aurora .button-small-aurora,.button-small,.ios .button-small-ios,.md .button-small-md{--f7-button-outline-border-width:var(--f7-button-small-outline-border-width);--f7-button-height:var(--f7-button-small-height);--f7-button-font-size:var(--f7-button-small-font-size);--f7-button-font-weight:var(--f7-button-small-font-weight);--f7-button-text-transform:var(--f7-button-small-text-transform)}.ios .button-small-ios.button-fill,.ios .button-small.button-fill,.ios .button-small.button-fill-ios{--f7-button-border-width:var(--f7-button-small-outline-border-width);--f7-button-pressed-text-color:var(--f7-theme-color);--f7-button-pressed-bg-color:transparent}.segmented{align-self:center;display:flex;flex-wrap:nowrap;border-radius:var(--f7-button-border-radius);box-shadow:var(--f7-button-box-shadow);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)}.aurora .segmented-raised-aurora,.ios .segmented-raised-ios,.md .segmented-raised-md,.segmented-raised{box-shadow:var(--f7-button-raised-box-shadow)}.aurora .segmented-raised-aurora .button:not(.button-outline),.ios .segmented-raised-ios .button:not(.button-outline),.md .segmented-raised-md .button:not(.button-outline),.segmented-raised .button:not(.button-outline){border-left:1px solid var(--f7-segmented-raised-divider-color)}.aurora .button-raised-aurora,.button-raised,.ios .button-raised-ios,.md .button-raised-md{--f7-button-box-shadow:var(--f7-button-raised-box-shadow)}.aurora .button-raised-aurora.active-state,.button-raised.active-state,.ios .button-raised-ios.active-state,.md .button-raised-md.active-state{--f7-button-box-shadow:var(--f7-button-raised-pressed-box-shadow)}.aurora .segmented-strong-aurora,.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);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}.aurora .segmented-strong-aurora .button,.aurora .segmented-strong-aurora .button:first-child,.aurora .segmented-strong-aurora .button:last-child,.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)}.aurora .segmented-strong-aurora .button+.button,.ios .segmented-strong-ios .button+.button,.md .segmented-strong-md .button+.button,.segmented-strong .button+.button{margin-left:var(--f7-segmented-strong-between-buttons)}.aurora .segmented-strong-aurora .button.button-active,.aurora .segmented-strong-aurora .button.tab-link-active,.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:var(--f7-segmented-strong-button-active-bg-color);--f7-button-bg-color:var(--f7-segmented-strong-button-active-bg-color);--f7-button-text-color:var(--f7-segmented-strong-button-active-text-color);--f7-button-font-weight:var(--f7-segmented-strong-button-active-font-weight);--f7-button-box-shadow:var(--f7-segmented-strong-button-active-box-shadow)}.aurora .segmented-round-aurora,.ios .segmented-round-ios,.md .segmented-round-md,.segmented-round{border-radius:var(--f7-button-height)}.subnavbar .segmented{width:100%}.ios .button{transition-duration:.1s}.ios .button-fill,.ios .button-fill-ios{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-tint))}.ios .button-small,.ios .button-small-ios{transition-duration:.2s}.md .button{transition-duration:.3s;transform:translate3d(0,0,0)}.md .button-fill,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .button{transition-duration:.1s;transform:translate3d(0,0,0)}.aurora.device-desktop .button:not(.active-state):not(.no-hover):hover{background-color:var(--f7-button-hover-bg-color,rgba(var(--f7-theme-color-rgb),.07))}.aurora .button-fill,.aurora .button-fill-aurora{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .button-active,.aurora .button-fill,.aurora .button-fill-aurora,.aurora .button.tab-link-active{--f7-button-hover-bg-color:var(--f7-button-fill-hover-bg-color, var(--f7-theme-color-tint))}:root{--f7-touch-ripple-black:rgba(0, 0, 0, 0.1);--f7-touch-ripple-white:rgba(255, 255, 255, 0.3);--f7-touch-ripple-color:var(--f7-touch-ripple-black)}.theme-dark{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.actions-button,.button,.checkbox,.dialog-button,.fab a,.item-link,.link,.list-button,.radio,.ripple,.speed-dial-buttons a,.tab-link{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ripple-wave{left:0;top:0;position:absolute!important;border-radius:50%;pointer-events:none;z-index:-1;padding:0;margin:0;font-size:0;transform:translate3d(0px,0px,0) scale(0);transition-duration:1.4s;background-color:var(--f7-touch-ripple-color);will-change:transform,opacity}.ripple-wave.ripple-wave-fill{transition-duration:.3s;opacity:.35}.ripple-wave.ripple-wave-out{transition-duration:.6s;opacity:0}.button-fill .ripple-wave,.menu .ripple-wave,.picker-calendar-day .ripple-wave{z-index:1}.checkbox .ripple-wave,.data-table .sortable-cell .ripple-wave,.radio .ripple-wave{z-index:0}[class*=ripple-color-]{--f7-touch-ripple-color:var(--f7-theme-color-ripple-color)}i.icon{display:inline-block;vertical-align:middle;background-size:100% auto;background-position:center;background-repeat:no-repeat;font-style:normal;position:relative}.icon-back:after,.icon-forward:after,.icon-next:after,.icon-prev:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.icon[class*=color-]{color:var(--f7-theme-color)}.ios .icon-back,.ios .icon-forward,.ios .icon-next,.ios .icon-prev{width:12px;height:20px;line-height:20px}.ios .icon-back:after,.ios .icon-forward:after,.ios .icon-next:after,.ios .icon-prev:after{line-height:inherit}.ios .icon-next:after,.ios .icon-prev:after{font-size:16px}.ios .item-media .icon{color:grey}.ios .item-media .f7-icons{font-size:28px;width:28px;height:28px}.ios .icon-back:after,.ios .icon-prev:after{content:'chevron_left_ios'}.ios .icon-forward:after,.ios .icon-next:after{content:'chevron_right_ios'}.md .icon-back,.md .icon-forward,.md .icon-next,.md .icon-prev{width:24px;height:24px}.md .icon-back:after,.md .icon-forward:after,.md .icon-next:after,.md .icon-prev:after{line-height:1.2}.md .item-media .icon{color:#737373}.md .item-media .material-icons{font-size:24px;width:24px;height:24px}.md .icon-back:after{content:'arrow_left_md'}.md .icon-forward:after{content:'arrow_right_md'}.md .icon-next:after{content:'chevron_right_md'}.md .icon-prev:after{content:'chevron_left_md'}.aurora .f7-icons,.aurora .material-icons{font-size:18px}.aurora .icon-back,.aurora .icon-forward,.aurora .icon-next,.aurora .icon-prev{width:9px;height:14px;line-height:14px}.aurora .icon-back:after,.aurora .icon-forward:after,.aurora .icon-next:after,.aurora .icon-prev:after{line-height:inherit}.aurora .item-media .icon{color:grey}.aurora .item-media .f7-icons{font-size:18px;width:18px;height:18px}.aurora .icon-back:after,.aurora .icon-prev:after{content:'chevron_left_aurora'}.aurora .icon-forward:after,.aurora .icon-next:after{content:'chevron_right_aurora'}.custom-modal-backdrop{z-index:10500}.actions-backdrop,.custom-modal-backdrop,.dialog-backdrop,.popover-backdrop,.popup-backdrop,.preloader-backdrop,.sheet-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;transition-duration:.4s}.actions-backdrop.not-animated,.custom-modal-backdrop.not-animated,.dialog-backdrop.not-animated,.popover-backdrop.not-animated,.popup-backdrop.not-animated,.preloader-backdrop.not-animated,.sheet-backdrop.not-animated{transition-duration:0s}.actions-backdrop.backdrop-in,.custom-modal-backdrop.backdrop-in,.dialog-backdrop.backdrop-in,.popover-backdrop.backdrop-in,.popup-backdrop.backdrop-in,.preloader-backdrop.backdrop-in,.sheet-backdrop.backdrop-in{visibility:visible;opacity:1} \ No newline at end of file +:root{--f7-theme-color:#007aff;--f7-theme-color-rgb:0,122,255;--f7-theme-color-shade:#0066d6;--f7-theme-color-tint:#298fff;--f7-safe-area-left:0px;--f7-safe-area-right:0px;--f7-safe-area-top:0px;--f7-safe-area-bottom:0px;--f7-safe-area-outer-left:0px;--f7-safe-area-outer-right:0px;--f7-device-pixel-ratio:1}@supports (left:env(safe-area-inset-left)){:root{--f7-safe-area-top:env(safe-area-inset-top);--f7-safe-area-bottom:env(safe-area-inset-bottom)}:root .ios-edges,:root .ios-left-edge,:root .panel-left,:root .popup,:root .safe-area-left,:root .safe-areas,:root .sheet-modal{--f7-safe-area-left:env(safe-area-inset-left);--f7-safe-area-outer-left:env(safe-area-inset-left)}:root .ios-edges,:root .ios-right-edge,:root .panel-right,:root .popup,:root .safe-area-right,:root .safe-areas,:root .sheet-modal{--f7-safe-area-right:env(safe-area-inset-right);--f7-safe-area-outer-right:env(safe-area-inset-right)}:root .no-ios-edges,:root .no-ios-left-edge,:root .no-safe-area-left,:root .no-safe-areas{--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px}:root .no-ios-edges,:root .no-ios-right-edge,:root .no-safe-area-right,:root .no-safe-areas{--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){:root{--f7-device-pixel-ratio:2}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){:root{--f7-device-pixel-ratio:3}}:root{--f7-font-size:14px}.ios{--f7-font-family:-apple-system,SF Pro Text,SF UI Text,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-line-height:1.4}.ios .theme-dark,.ios.theme-dark{--f7-text-color:#fff}.md{--f7-font-family:Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;--f7-text-color:#212121;--f7-line-height:1.5}.md .theme-dark,.md.theme-dark{--f7-text-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-font-family:-apple-system,system-ui,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-line-height:1.5}.aurora .theme-dark,.aurora.theme-dark{--f7-text-color:#fff}:root{--f7-bars-bg-image:none;--f7-bars-bg-color:#f7f7f8;--f7-bars-bg-color-rgb:247,247,248;--f7-bars-translucent-opacity:0.8;--f7-bars-translucent-blur:20px;--f7-bars-text-color:#000;--f7-bars-shadow-bottom-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);--f7-bars-shadow-top-image:linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)}.theme-dark{--f7-bars-text-color:#fff}.ios{--f7-bars-border-color:rgba(0, 0, 0, 0.25)}.ios .theme-dark,.ios.theme-dark{--f7-bars-bg-color:#121212;--f7-bars-bg-color-rgb:19,19,19;--f7-bars-border-color:rgba(255, 255, 255, 0.1)}.md{--f7-bars-border-color:transparent}.md .theme-dark,.md.theme-dark{--f7-bars-bg-color:#202020}.aurora{--f7-bars-border-color:rgba(0, 0, 0, 0.2)}.aurora .theme-dark,.aurora.theme-dark{--f7-bars-bg-color:#202020;--f7-bars-border-color:rgba(255, 255, 255, 0.1)}.text-color-primary{--f7-theme-color-text-color:var(--f7-theme-color)}.bg-color-primary{--f7-theme-color-bg-color:var(--f7-theme-color)}.border-color-primary{--f7-theme-color-border-color:var(--f7-theme-color)}.ripple-color-primary{--f7-theme-color-ripple-color:rgba(var(--f7-theme-color-rgb), 0.3)}:root{--f7-color-red:#ff3b30;--f7-color-red-rgb:255,59,48;--f7-color-red-shade:#ff1407;--f7-color-red-tint:#ff6259;--f7-color-green:#4cd964;--f7-color-green-rgb:76,217,100;--f7-color-green-shade:#2cd048;--f7-color-green-tint:#6ee081;--f7-color-blue:#2196f3;--f7-color-blue-rgb:33,150,243;--f7-color-blue-shade:#0c82df;--f7-color-blue-tint:#48a8f5;--f7-color-pink:#ff2d55;--f7-color-pink-rgb:255,45,85;--f7-color-pink-shade:#ff0434;--f7-color-pink-tint:#ff5676;--f7-color-yellow:#ffcc00;--f7-color-yellow-rgb:255,204,0;--f7-color-yellow-shade:#d6ab00;--f7-color-yellow-tint:#ffd429;--f7-color-orange:#ff9500;--f7-color-orange-rgb:255,149,0;--f7-color-orange-shade:#d67d00;--f7-color-orange-tint:#ffa629;--f7-color-purple:#9c27b0;--f7-color-purple-rgb:156,39,176;--f7-color-purple-shade:#7e208f;--f7-color-purple-tint:#b92fd1;--f7-color-deeppurple:#673ab7;--f7-color-deeppurple-rgb:103,58,183;--f7-color-deeppurple-shade:#563098;--f7-color-deeppurple-tint:#7c52c8;--f7-color-lightblue:#5ac8fa;--f7-color-lightblue-rgb:90,200,250;--f7-color-lightblue-shade:#32bbf9;--f7-color-lightblue-tint:#82d5fb;--f7-color-teal:#009688;--f7-color-teal-rgb:0,150,136;--f7-color-teal-shade:#006d63;--f7-color-teal-tint:#00bfad;--f7-color-lime:#cddc39;--f7-color-lime-rgb:205,220,57;--f7-color-lime-shade:#bac923;--f7-color-lime-tint:#d6e25c;--f7-color-deeporange:#ff6b22;--f7-color-deeporange-rgb:255,107,34;--f7-color-deeporange-shade:#f85200;--f7-color-deeporange-tint:#ff864b;--f7-color-gray:#8e8e93;--f7-color-gray-rgb:142,142,147;--f7-color-gray-shade:#79797f;--f7-color-gray-tint:#a3a3a7;--f7-color-white:#ffffff;--f7-color-white-rgb:255,255,255;--f7-color-white-shade:#ebebeb;--f7-color-white-tint:#ffffff;--f7-color-black:#000000;--f7-color-black-rgb:0,0,0;--f7-color-black-shade:#000000;--f7-color-black-tint:#141414}.color-theme-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.color-theme-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.color-theme-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.color-theme-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.color-theme-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.color-theme-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.color-theme-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.color-theme-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.color-theme-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.color-theme-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.color-theme-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.color-theme-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.color-theme-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.color-theme-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.color-theme-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.color-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.text-color-red{--f7-theme-color-text-color:#ff3b30}.bg-color-red{--f7-theme-color-bg-color:#ff3b30}.border-color-red{--f7-theme-color-border-color:#ff3b30}.ripple-color-red,.ripple-red{--f7-theme-color-ripple-color:rgba(255, 59, 48, 0.3)}.color-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.text-color-green{--f7-theme-color-text-color:#4cd964}.bg-color-green{--f7-theme-color-bg-color:#4cd964}.border-color-green{--f7-theme-color-border-color:#4cd964}.ripple-color-green,.ripple-green{--f7-theme-color-ripple-color:rgba(76, 217, 100, 0.3)}.color-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.text-color-blue{--f7-theme-color-text-color:#2196f3}.bg-color-blue{--f7-theme-color-bg-color:#2196f3}.border-color-blue{--f7-theme-color-border-color:#2196f3}.ripple-blue,.ripple-color-blue{--f7-theme-color-ripple-color:rgba(33, 150, 243, 0.3)}.color-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.text-color-pink{--f7-theme-color-text-color:#ff2d55}.bg-color-pink{--f7-theme-color-bg-color:#ff2d55}.border-color-pink{--f7-theme-color-border-color:#ff2d55}.ripple-color-pink,.ripple-pink{--f7-theme-color-ripple-color:rgba(255, 45, 85, 0.3)}.color-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.text-color-yellow{--f7-theme-color-text-color:#ffcc00}.bg-color-yellow{--f7-theme-color-bg-color:#ffcc00}.border-color-yellow{--f7-theme-color-border-color:#ffcc00}.ripple-color-yellow,.ripple-yellow{--f7-theme-color-ripple-color:rgba(255, 204, 0, 0.3)}.color-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.text-color-orange{--f7-theme-color-text-color:#ff9500}.bg-color-orange{--f7-theme-color-bg-color:#ff9500}.border-color-orange{--f7-theme-color-border-color:#ff9500}.ripple-color-orange,.ripple-orange{--f7-theme-color-ripple-color:rgba(255, 149, 0, 0.3)}.color-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.text-color-purple{--f7-theme-color-text-color:#9c27b0}.bg-color-purple{--f7-theme-color-bg-color:#9c27b0}.border-color-purple{--f7-theme-color-border-color:#9c27b0}.ripple-color-purple,.ripple-purple{--f7-theme-color-ripple-color:rgba(156, 39, 176, 0.3)}.color-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.text-color-deeppurple{--f7-theme-color-text-color:#673ab7}.bg-color-deeppurple{--f7-theme-color-bg-color:#673ab7}.border-color-deeppurple{--f7-theme-color-border-color:#673ab7}.ripple-color-deeppurple,.ripple-deeppurple{--f7-theme-color-ripple-color:rgba(103, 58, 183, 0.3)}.color-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.text-color-lightblue{--f7-theme-color-text-color:#5ac8fa}.bg-color-lightblue{--f7-theme-color-bg-color:#5ac8fa}.border-color-lightblue{--f7-theme-color-border-color:#5ac8fa}.ripple-color-lightblue,.ripple-lightblue{--f7-theme-color-ripple-color:rgba(90, 200, 250, 0.3)}.color-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.text-color-teal{--f7-theme-color-text-color:#009688}.bg-color-teal{--f7-theme-color-bg-color:#009688}.border-color-teal{--f7-theme-color-border-color:#009688}.ripple-color-teal,.ripple-teal{--f7-theme-color-ripple-color:rgba(0, 150, 136, 0.3)}.color-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.text-color-lime{--f7-theme-color-text-color:#cddc39}.bg-color-lime{--f7-theme-color-bg-color:#cddc39}.border-color-lime{--f7-theme-color-border-color:#cddc39}.ripple-color-lime,.ripple-lime{--f7-theme-color-ripple-color:rgba(205, 220, 57, 0.3)}.color-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.text-color-deeporange{--f7-theme-color-text-color:#ff6b22}.bg-color-deeporange{--f7-theme-color-bg-color:#ff6b22}.border-color-deeporange{--f7-theme-color-border-color:#ff6b22}.ripple-color-deeporange,.ripple-deeporange{--f7-theme-color-ripple-color:rgba(255, 107, 34, 0.3)}.color-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.text-color-gray{--f7-theme-color-text-color:#8e8e93}.bg-color-gray{--f7-theme-color-bg-color:#8e8e93}.border-color-gray{--f7-theme-color-border-color:#8e8e93}.ripple-color-gray,.ripple-gray{--f7-theme-color-ripple-color:rgba(142, 142, 147, 0.3)}.color-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.text-color-white{--f7-theme-color-text-color:#ffffff}.bg-color-white{--f7-theme-color-bg-color:#ffffff}.border-color-white{--f7-theme-color-border-color:#ffffff}.ripple-color-white,.ripple-white{--f7-theme-color-ripple-color:rgba(255, 255, 255, 0.3)}.color-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.text-color-black{--f7-theme-color-text-color:#000000}.bg-color-black{--f7-theme-color-bg-color:#000000}.border-color-black{--f7-theme-color-border-color:#000000}.ripple-black,.ripple-color-black{--f7-theme-color-ripple-color:rgba(0, 0, 0, 0.3)}@font-face{font-family:framework7-core-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAz4ABAAAAAAGNgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAM3AAAABkAAAAciZuB7UdERUYAAArUAAAAIwAAACQAfQBXR1BPUwAADKwAAAAuAAAANuAY7+xHU1VCAAAK+AAAAbMAAAQuAxQJ5U9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAogAAACIAAABYt6F0cBjdnQgAAADEAAAAAQAAAAEABEBRGdhc3AAAArMAAAACAAAAAj//wADZ2x5ZgAAA6gAAAR1AAAJzOg6B0doZWFkAAABbAAAADAAAAA2FLiY/WhoZWEAAAGcAAAAIAAAACQHgQM9aG10eAAAAigAAABeAAABJC9JAAJsb2NhAAADFAAAAJQAAACUReRIiG1heHAAAAG8AAAAHwAAACAAjwBLbmFtZQAACCAAAAFSAAAC2WG9Sh5wb3N0AAAJdAAAAVYAAAJ2B5LxL3jaY2BkYGAA4r3NMlLx/DZfGbiZGEDgxtw1DjD6/49/vSxpTJ+BXA4GsDQARmkM0njaY2BkYGD6/K+XQY8l7f8PBgaWNAagCArwBACRVQXFeNpjYGRgYPBkkGJgYQABJiBmZACJOTDogQQADbgA2wB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wKxExCfBWIJoNzZ/z8Y3YBsF6g4kM2UBpFjBNJMQD0Mu4FsY4jZTGch5jAZQ8QBlR0UZwAAeNpjYGBgZoBgGQZGBhCIAfIYwXwWBgcgzcPAwcAEZCsw6DJYMsQzVP3/DxQF8QyAvMT///8//n/9/9X/G/6vh5oAB4xsDHAhRiYgwcSApgBiNRywMDCwsrFzcHJx8/DyMRAD+BkEBIWERUTFxCUkpaRlZOXkFRSVlFVU1dQ1NBkGAwAAxH4T6AARAUQAAAAqACoAKgA0AD4ASABSAFwAZgBwAHoAhACOAJgAogCsALYAwADKANQA3gDoAPIA/AEGARABGgEkAS4BOAFCAUwBVgFgAWoBdAF+AYgBkgGcAaYBsgHeAgACKgI8AlICZAKEApQCpALWAuwC/gMeAzADQgNgA3IDlgO0A8QD6gP8BBYEKgRKBFwEbgSWBKwExgTmeNrtVc9vG0UUfm8de9y43rVje204lNjZ7AYBKcna3lKcxCIJhwgCqhIIuTSpKp8CaoRsbnZujSosI5QqitVbpCLBKT8EUiUSwyW9mEoWB4RyChKpEJxyoVKz5s2sDXH6H6BKM34z387OfvO9741BgiAAbOAsuIDB4BbC5cw264K/hrc87sPMtkuiIWy5OOzm8Dbz4NPMNnLcDJpBwwz2BVc/y+Vw1v4miCbthtRqotMoOMTHz7Hn2P8ek85gLkLfkAQMXdQv4Ps4TxWmQASiAD0JT1gdTif1YTXsSehJt2UoGLWMr2cymZnMvaWpqaUpHPffkuVleRmzmZmRkZkPpjj8RL7l56DDofkDmvSRHoD+hCLxncbQ0JPp4ZdQRQMRf/P1qr79fZ8a9x0p25J05FN7fXv7HD1SHM7NY6zhfboHXqBdosxIGZ6+BN9DjYRZNMFZElvMrugrbHBscnHxzo0B9u3CxMTCeHlFL0XYwOKdxcXJ0UE2vjA+viB4gQ57dF43QIjRltZeoaBVq5gWAVrcT7CKZfDSVyNxvijKsGo/rGj1ulb5NenE1lrw4494k+9nYRQNq4KKZtcr2mwrAjafkBavkBZ0n1npMST6YZKUy3sZdTfSyenMe3v8/EfKI3QdcU1o7ijBvxGGA4ezRWQM62BTK5W07+i32N/5PEVUo6z1uL9Y0oSOdrkrJ52Aj+e336AFUYsyahlSryYFerTerp6AJGUP0gft9qb9k326vo4uHEbX+vofB1b7kfX08F/YPuXLntWMC0b3r4VVrpP5RY0HvEICtjXL4ruYBQ9NomyIVuPL2uGyRhiFvnecNUv4FuoQoBGXS2gl3GOlMSmzVaZSl1VvPu9FXeYTjsksn2fizDCPdXqf/3fACMYj7lQ8gnXbxPqJaW6YpuBcwxjlhXTrR64rxpoQe/w4VnMC8Wj+DR/Bz/gayACUuaiqoIzExEpHpxa6A4Huj90hz1W/rFz8/Eul26d85UWWVS76ZecM1/Ft4sC9Ri5ixqZIDOoigONxUHGCcuen6gNK3hmHe1r+/nMuNKe9bk1PfzK9NTc6Oje68mFo7hLNpq2hq2Mc6dSLO4yKTNiL8cLrEEuV19tSFQqEdfIkEcgbDs/rm1qxqIk6LEs5PCElQwDJAJELeBJI52k7adfe3bWh+WIu125ZhJ2dJuzgxhkQOjVPIfcqQuz4OFbDluLtmsrhp+RXQCaEE7QwV6lo7YbvnZnwd+yaVJVq3FMWec+8gL/Xj+2afb8smaci7e29L8EDvMF1Sjue+q8gH3TaaDDgXfWGqQdUx1XO+5N0r+nCu8K6FpqPbvZc+x7DIpy/Y/jtYdDNouXzOE+hUGjlvTkv1SUdLvC8k6YmF7UvETpTnY21u43G3bW1YrpIrcR/X8WBRsP+pYH3SlaxaJXE7/n6E9+Mp+JGnded/RCvVLDMh0lRfy7OTzKJH68N0jiYcqqDdy6W00mZ5Ipo53ULOPbiNelc6mSs24zd9jqWwmvP6PYPnHjkAAAAAHjarZC9TsMwFIWP+yfBgBjI7rGtmsjx0p+RSl26IIbsITWt1Sau3EhVxcuwsTGy8RQsTOx9C65dDwwdGBrpyl+Oz7XPNYAbvIPh9HXxGJghwlvgBq7xFbiJlN0HbiFir4HbuGXfgTuIGhE5WeuK/h58l2OGPl4CN3CHz8BNPOEncAt9Vgdug7OPwB3Sj5jCYIsDLDSWWKEGp8wFerRKCKQYY0CcYYMcC3KVVJaUOblzIqeXdIb2u5ia7cHq5arm3aLHpUjHA55t8oUuteXzVW43ebnVC3I+U7NrVdhTCIs1hojpaseKSHuusCOrzUu1N3Y9jAtjVawLU5F81vvXMPNi7VdL8yk/VUJzcUyo/h/h5JcYkSp9nd4GM1PVM2OXistE8Ak/G5V0OYpl7J7jEoNn5LO0r72PUxaXJvGrmw2ZsjttKi5Emggh+AUu/QVMMIYbAAB42m2QCU/CQBSEZ8ADECzIJXj+FuN937dpartKI3TJdjn+vNGFUqGJmzTpvm/evNmHFMbn5xvEf+fIfEQKaRRRRgVV1FDHKhpoYg3r2MEu9rCPAxwa7TFOcIoznOMCl7jCNW5wizvc4wGPeMIzXvCKN6aY5hznucBFZphljkvMs8BlWiyyxBWWWWGVNda5ygabXOM6N7jJLW7nQuEot2X7Miy5LdFXMrCV/9nSo0p2AjueFbO2+NDmXnCUkoP4tmSo+/Uuh+a/mFAak0LCNj+La4HU/ofvOto3FbctQzHqsCLzd6m17BjLrHI8X45IOe725CCwnZ6SylkMpRqHCAd+Vyg7EENt/QWKNLm4r9ctTN4UgdIUTCr52RGWJ9pCC1vJXuDNzOgq0c9OmFlGVys7yjybcbyAqWmUxwiKyT2blSWmGMVyZBbzzPiFpl5JdkbevxMrvisAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQYPIJsFLMYAAA12ANUAeNp1UklOAkEUfUV3Ao4goHSUQQbBIM6z4qxoPIMbNhoT4sIQD+DCMxjjOVx6BuMRjAtvge9XAz2FdLqr+r1X/7/6/0MBGEYWNahWs/2ACEwi6HQgjGrd3zWJwf4jZ+o1AmX8IowknkLt0LdhGiWjDoP4PBrYQBR5PlmUuZvgWuSTRZp/aSSoGHfxeViYQooKm13CmIudYY7JPhfFLK7xiDd84keZqqwa6lY9q3f1ob7UH66oTvGd0+czvugxlDSe5+6U0bxKJ5NbtxXQJbSzjE9X5z29uhJyPs1CQON2ZxErYIW6Qb5sxXlA4a/gItdBMYTf7fJxTOvuVHw+V9mBQRnOMBo4a/ta6zLBrAcBplfDZYwEoonDPc5ksJoyX1X2/4Iekzp6kW9Ua0pUJfpeDrkbpJD4xxjy8ILJdK/zljKtFn1bdBXTe9tBnHqJnexnkRMnrFWR8aWCztQ6/CYzxRhdkB4eJlJjH284yS94xT5jJPX5OG/t7cURK1TmuRwVkiXHr9Rlx4dnuFbopMrKuWPZGWv6vg4q971kNSWHM1nbdNZD7IqI0zh3GZ238A+0lkTEAHjaY2BkYGDgYpBjMGFgzEksyWPgYGABijD8/88AkmEszqxKhYp9YIADAMCOBtEAAHjaY2BgYGQAghsJmjlgeu4aBxgNAELpBpEAAAA=") format("woff");font-weight:400;font-style:normal}@font-face{font-family:framework7-skeleton;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAYQAA0AAAAAEcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF9AAAABkAAAAciVvoDU9TLzIAAAGcAAAASwAAAGBRtV1jY21hcAAAAfwAAAC8AAABamglddJjdnQgAAACuAAAAAQAAAAEABEBRGdhc3AAAAXsAAAACAAAAAj //wADZ2x5ZgAAA2wAAACUAAAJjHCzhiRoZWFkAAABMAAAAC4AAAA2ERr/HWhoZWEAAAFgAAAAGgAAACQC8ADFaG10eAAAAegAAAATAAAAtAMAABFsb2NhAAACvAAAAK4AAACuaNBmhG1heHAAAAF8AAAAHwAAACAAmgA5bmFtZQAABAAAAAFQAAACuLf6wytwb3N0AAAFUAAAAJkAAADOCKMIc3jaY2BkYGAA4lUx8ibx/DZfGbiZGEDgRu39AAT9/wAjA+MBIJeDASwNACBICpsAAHjaY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB42mNgZGBgCGPgYGBiAAEQycgAEnNg0AMJAAANJwDUAHjaY2BhZGCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01haGBQYKhlPPD/AIMe4wEGB5gaxgNAHgNQjhEA6dgLvQB42mNkYBBkAAJGKB4KAAAOfQAVAHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMSgxWDNEMsQz1D7/z9QXIFBjUGHwRHIT/z////j/w/+3/9/6//N/zeg5iABRjYGuCAjE5BgQlcAdAILK5DBxs7BycXAzcPLxy8gKCQsIiomLiEpBVYjLSMrJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZs5gwWBpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSyjDgAABJLiG7ABEBRAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C8gMAAw4DHAMqAzgDRgNUA2IDcAN+A4wDmgOoA7YDxAPSA+AD7gP8BAoEGAQmBDQEQgRQBF4EbAR6BIgEnASqBLgExgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVI6G36jcqNyo3GiZMSo3Kjes8hQAx51w5njapZC9agJBFIXP+EfSBMEXmEoU3GVcBNFWsLEJKbYKhEUnOrjryrggkgfIQ6RMnzZVHiBNijxM6pydHUiRFAEXLvebc8+duXcBXOEFAtXXw41ngQ6ePddwgXfPdYRCeW6gIx49N9EWb55b1L/oFI1Lnq5dV8kCXTx4rqGNV8913OLTcwNdcee5CSmePLeof2CGHHucYGGwxgYFJGdeos8cQWGICQbkGCkSrOjKGJbKgu6EVOoZ7zCuilm+P1mz3hSyt+zLSA0nAxmnycpkxsrFJrFpku3Nis57NpetGkcOYbHFGAEOzJqXao6SY0ebTTJ9zO12HBy2OtVFTvGX66c0d0LhsuVO2m0ScheJKeN/z1beESuRi+pPYJ7vinlu11pGoZJT+cdwVEdBFJSbn7djzLql1/iBlBsidLlcBrG2B8MHlRqGSil51nPfEi6AO3jaXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAAAAAAH//wACeNpjYGBgZACCGwmaOWC69n4AjAYARC0G1wAAAA==") format("woff");font-weight:300,400,500,600,700;font-style:normal,italic}.framework7-root,body,html{position:relative;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;width:100%;background:#fff;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-family:var(--f7-font-family);font-size:var(--f7-font-size);line-height:var(--f7-line-height);color:var(--f7-text-color)}.theme-dark{color:var(--f7-text-color)}.framework7-root{overflow:hidden;box-sizing:border-box}.framework7-initializing *,.framework7-initializing :after,.framework7-initializing :before{transition-duration:0s!important}.device-android,.device-ios{cursor:pointer}.device-ios{touch-action:manipulation}@media (width:1024px) and (height:691px) and (orientation:landscape){.framework7-root,body,html{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.framework7-root,body,html{height:672px}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,input,select,textarea{outline:0}a{cursor:pointer;text-decoration:none;color:var(--f7-theme-color)}.item-link,.link{cursor:pointer}p{margin:1em 0}.disabled{opacity:.55!important;pointer-events:none!important}html.device-full-viewport,html.device-full-viewport body{height:100vh}.ios .aurora-only,.ios .if-aurora,.ios .if-md,.ios .if-not-ios,.ios .md-only,.ios .not-ios{display:none!important}@media (width:1024px) and (height:691px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:672px}}.md .aurora-only,.md .if-aurora,.md .if-ios,.md .if-not-md,.md .ios-only,.md .not-md{display:none!important}.aurora .if-ios,.aurora .if-md,.aurora .if-not-aurora,.aurora .ios-only,.aurora .md-only,.aurora .not-aurora{display:none!important}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;box-sizing:border-box}.framework7-root>.view,.framework7-root>.views{height:calc(100% - var(--f7-appbar-app-offset,0px))}:root{--f7-page-master-width:320px;--f7-page-master-border-color:rgba(0, 0, 0, 0.1);--f7-page-master-border-width:1px;--f7-page-swipeback-transition-duration:300ms}.ios{--f7-page-bg-color:#efeff4;--f7-page-transition-duration:400ms}.ios .theme-dark,.ios.theme-dark{--f7-page-bg-color:#000}.md{--f7-page-bg-color:#fff;--f7-page-transition-duration:250ms}.md .theme-dark,.md.theme-dark{--f7-page-bg-color:#121212}.aurora{--f7-page-bg-color:#f3f3f3;--f7-page-transition-duration:400ms}.aurora .theme-dark,.aurora.theme-dark{--f7-page-bg-color:#121212}.theme-dark{--f7-page-master-border-color:rgba(255, 255, 255, 0.1)}.pages{position:relative;width:100%;height:100%;overflow:hidden}.page{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;transform:none;background-color:var(--f7-page-bg-color);z-index:1}.page.stacked{display:none}.page-with-navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.page-previous{pointer-events:none}.page-content{overflow:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;height:100%;position:relative;z-index:1;padding-top:calc(var(--f7-page-navbar-offset,0px) + var(--f7-page-toolbar-top-offset,0px) + var(--f7-page-subnavbar-offset,0px) + var(--f7-page-searchbar-offset,0px) + var(--f7-page-content-extra-padding-top,0px));padding-bottom:calc(var(--f7-page-toolbar-bottom-offset,0px) + var(--f7-safe-area-bottom) + var(--f7-page-content-extra-padding-bottom,0px))}.page-transitioning,.page-transitioning .page-opacity-effect,.page-transitioning .page-shadow-effect{transition-duration:var(--f7-page-transition-duration)}.page-transitioning-swipeback,.page-transitioning-swipeback .page-opacity-effect,.page-transitioning-swipeback .page-shadow-effect{transition-duration:var(--f7-page-swipeback-transition-duration)}.router-transition-backward .page-current,.router-transition-backward .page-next,.router-transition-backward .page-previous:not(.stacked),.router-transition-forward .page-current,.router-transition-forward .page-next,.router-transition-forward .page-previous:not(.stacked){pointer-events:none}.page-shadow-effect{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.page-opacity-effect{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000}.ios .page-previous{transform:translate3d(-20%,0,0)}.ios .page-next{transform:translate3d(100%,0,0)}.ios .page-previous .page-opacity-effect{opacity:1}.ios .page-previous:after{opacity:1}.ios .page-current .page-shadow-effect{opacity:1}.ios .router-transition-forward .page-current,.ios .router-transition-forward .page-next{will-change:transform}.ios .router-transition-forward .page-next{animation:ios-page-next-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-next:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current{animation:ios-page-current-to-previous var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current,.ios .router-transition-backward .page-previous{will-change:transform}.ios .router-transition-backward .page-previous{animation:ios-page-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current{animation:ios-page-current-to-next var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;right:100%;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}@keyframes ios-page-next-to-current{from{transform:translate3d(100%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-previous-to-current{from{transform:translate3d(-20%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-current-to-previous{from{transform:translate3d(0,0,0)}to{transform:translate3d(-20%,0,0)}}@keyframes ios-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(100%,0,0)}}@keyframes ios-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-page-element-fade-out{from{opacity:1}to{opacity:0}}.md .page-next{transform:translate3d(0,56px,0);opacity:0;pointer-events:none}.md .page-next.page-next-on-right{transform:translate3d(100%,0,0)}.md .router-transition-forward .page-next{will-change:transform,opacity;animation:md-page-next-to-current var(--f7-page-transition-duration) forwards}.md .router-transition-forward .page-current{animation:none}.md .router-transition-backward .page-current{will-change:transform,opacity;animation:md-page-current-to-next var(--f7-page-transition-duration) forwards}.md .router-transition-backward .page-previous{animation:none}@keyframes md-page-next-to-current{from{transform:translate3d(0,56px,0);opacity:0}to{transform:translate3d(0,0px,0);opacity:1}}@keyframes md-page-current-to-next{from{transform:translate3d(0,0,0);opacity:1}to{transform:translate3d(0,56px,0);opacity:0}}.aurora .page-next{pointer-events:none;transform:translate3d(100%,0px,0)}.aurora .page-next.page-next-on-right{transform:translate3d(100%,0,0)}.aurora .page-previous .page-opacity-effect{opacity:1}.aurora .page-previous:after{opacity:1}.aurora .router-transition-forward .page-next{will-change:transform;animation:aurora-page-next-to-current var(--f7-page-transition-duration) forwards}.aurora .router-transition-forward .page-current{animation:none}.aurora .router-transition-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:aurora-page-element-fade-in var(--f7-page-transition-duration) forwards}.aurora .router-transition-backward .page-current{will-change:transform,opacity;animation:aurora-page-current-to-next var(--f7-page-transition-duration) forwards}.aurora .router-transition-backward .page-previous{animation:none}.aurora .router-transition-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:aurora-page-element-fade-out var(--f7-page-transition-duration) forwards}@keyframes aurora-page-next-to-current{from{transform:translate3d(100%,0,0)}to{transform:translate3d(0,0px,0)}}@keyframes aurora-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(100%,0,0)}}@keyframes aurora-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes aurora-page-element-fade-out{from{opacity:1}to{opacity:0}}.view:not(.view-master-detail) .page-master-stacked{display:none}.view:not(.view-master-detail) .navbar-master-stacked{display:none}.view-master-detail .navbar-master,.view-master-detail .page-master{width:var(--f7-page-master-width);--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px;border-right:var(--f7-page-master-border-width) solid var(--f7-page-master-border-color)}.view-master-detail .navbar-master-detail,.view-master-detail .page-master-detail{width:calc(100% - var(--f7-page-master-width));--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px;left:var(--f7-page-master-width)}.view-master-detail .page-master{z-index:2;transform:none;pointer-events:auto}.view-master-detail .page-master:after,.view-master-detail .page-master:before{display:none}.view-master-detail.router-transition .page-master{animation:none}:root{--f7-link-highlight-black:rgba(0, 0, 0, 0.1);--f7-link-highlight-white:rgba(255, 255, 255, 0.15);--f7-link-highlight-color:var(--f7-link-highlight-black)}.theme-dark{--f7-link-highlight-color:var(--f7-link-highlight-white)}.link,.tab-link{display:inline-flex;align-items:center;align-content:center;justify-content:center;position:relative;box-sizing:border-box;transform:translate3d(0,0,0);z-index:1}.link i+i,.link i+span,.link span+i,.link span+span{margin-left:4px}.ios .link{transition:opacity .3s}.ios .link.active-state{opacity:.3;transition-duration:0s}.aurora .link{transition:opacity .3s}.aurora .link.active-state{opacity:.3;transition-duration:0s}:root{--f7-navbar-hide-show-transition-duration:400ms;--f7-navbar-title-line-height:1.2;--f7-navbar-title-font-size:inherit;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-text-color:inherit}.ios{--f7-navbar-height:44px;--f7-navbar-tablet-height:44px;--f7-navbar-font-size:17px;--f7-navbar-inner-padding-left:8px;--f7-navbar-inner-padding-right:8px;--f7-navbar-title-font-weight:600;--f7-navbar-title-margin-left:0;--f7-navbar-title-margin-right:0;--f7-navbar-title-text-align:center;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.55);--f7-navbar-subtitle-font-size:10px;--f7-navbar-subtitle-line-height:1;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:52px;--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-font-weight:700;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-vertical:6px;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px}.ios .theme-dark,.ios.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-navbar-height:56px;--f7-navbar-tablet-height:64px;--f7-navbar-font-size:20px;--f7-navbar-inner-padding-left:0px;--f7-navbar-inner-padding-right:0px;--f7-navbar-title-font-weight:500;--f7-navbar-title-margin-left:16px;--f7-navbar-title-margin-right:16px;--f7-navbar-title-text-align:left;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.85);--f7-navbar-subtitle-font-size:14px;--f7-navbar-subtitle-line-height:1.2;--f7-navbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-height:56px;--f7-navbar-large-title-font-weight:500;--f7-navbar-large-title-letter-spacing:0;--f7-navbar-large-title-padding-vertical:8px;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px}.md .theme-dark,.md.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.85)}.aurora{--f7-navbar-height:38px;--f7-navbar-tablet-height:38px;--f7-navbar-font-size:14px;--f7-navbar-inner-padding-left:16px;--f7-navbar-inner-padding-right:16px;--f7-navbar-title-font-weight:600;--f7-navbar-title-margin-left:0;--f7-navbar-title-margin-right:0;--f7-navbar-title-text-align:center;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.6);--f7-navbar-subtitle-font-size:12px;--f7-navbar-subtitle-line-height:1;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:38px;--f7-navbar-large-title-font-size:26px;--f7-navbar-large-title-font-weight:bold;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-vertical:4px;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px;--f7-navbar-link-height:auto;--f7-navbar-link-line-height:inherit}.aurora .theme-dark,.aurora.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.5)}.navbar,.navbars{z-index:500;left:0;top:0;width:100%}.navbars{position:absolute}.navbars .navbar{z-index:auto}.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;transform:translate3d(0,0,0)}.navbar .right:first-child{position:absolute;height:100%}.navbar .no-border .navbar-bg:after,.navbar .no-hairline .navbar-bg:after,.navbar.no-border .navbar-bg:after,.navbar.no-hairline .navbar-bg:after{display:none!important}.navbar .no-border .title-large:after,.navbar .no-hairline .title-large:after,.navbar.no-border .title-large:after,.navbar.no-hairline .title-large:after{display:none!important}.navbar .no-shadow .navbar-bg:before,.navbar.no-shadow .navbar-bg:before{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-image:var(--f7-navbar-bg-image,var(--f7-bars-bg-image));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:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-navbar-shadow-image)}.navbar-bg:after{z-index:1}@media (min-width:768px){:root{--f7-navbar-height:var(--f7-navbar-tablet-height)}}.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-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))}.navbar-inner.stacked{display:none}.navbars>.navbar,.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.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 .navbar-bg,.navbar-large-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)}.navbar-large-transparent .navbar-bg{opacity:var(--f7-navbar-large-collapse-progress);height:100%;transform:none}.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;align-items:flex-end;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-transparent-bg-center:translateX(0);--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-transparent-bg-left:translateX(-100%);--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 .material-icons{width:24px}.ios .navbar .f7-icons{width:28px}.ios .navbar a.icon-only{width:44px;margin:0;justify-content:center}.ios .navbar .left a+a,.ios .navbar .right a+a{margin-left: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.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-current.navbar-large-collapsed.navbar-large-transparent:not(.router-navbar-transition-to-large) .navbar-bg{animation-name:ios-navbar-transparent-bg-from-c-to-l}.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-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}.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large-transparent .navbar-bg{animation-name:ios-navbar-transparent-bg-from-l-to-c}.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large-transparent.router-navbar-transition-from-large .navbar-bg{animation-name:ios-navbar-bg-from-lb-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{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)/ 2)) 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)}}@keyframes ios-navbar-transparent-bg-from-l-to-c{from{transform:var(--f7-navbar-large-transparent-bg-left)}to{transform:var(--f7-navbar-large-transparent-bg-center)}}@keyframes ios-navbar-transparent-bg-from-c-to-l{from{transform:var(--f7-navbar-large-transparent-bg-center)}to{transform:var(--f7-navbar-large-transparent-bg-left)}}.md .navbar .material-icons{width:24px}.md .navbar .f7-icons{width:28px}.md .navbar a.link{padding:0 16px;min-width:48px}.md .navbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .navbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .navbar a.icon-only{min-width:0;flex-shrink:0;width:56px}.md .navbar .right{margin-left:auto}.md .navbar .right:first-child{right:var(--f7-safe-area-right)}.md .navbar-inner{justify-content:flex-start;overflow:hidden}.md .navbar-large:not(.navbar-large-collapsed) .navbar-inner{overflow:visible}.md .page.page-with-subnavbar .navbar-inner{overflow:visible}.md .navbar-inner-centered-title{justify-content:space-between}.md .navbar-inner-centered-title .right{margin-left:0}.md .navbar-inner-centered-title .title{text-align:center}.aurora .navbar a.icon-only{margin:0;justify-content:center}.aurora .navbar .left a+a,.aurora .navbar .right a+a{margin-left:10px}.aurora .navbar b{font-weight:700}.aurora .navbar .left{margin-right:10px}.aurora .navbar .right{margin-left:10px}.aurora .navbar .right:first-child{right:calc(16px + var(--f7-safe-area-right))}.aurora .navbar-inner{justify-content:space-between}.aurora .navbar-inner-left-title{justify-content:flex-start}.aurora .navbar-inner-left-title .right{margin-left:auto}.aurora .navbar-inner-left-title .title{text-align:left;margin-right:10px}:root{--f7-tabbar-link-active-bg-color:transparent;--f7-tabbar-label-text-transform:none;--f7-toolbar-hide-show-transition-duration:400ms}.ios{--f7-toolbar-height:44px;--f7-toolbar-font-size:17px;--f7-toolbar-inner-padding-left:8px;--f7-toolbar-inner-padding-right:8px;--f7-tabbar-labels-height:50px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.4);--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:28px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:12px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-font-weight:500;--f7-tabbar-label-letter-spacing:0.01}.ios .theme-dark,.ios.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.54)}.md{--f7-toolbar-height:48px;--f7-toolbar-font-size:14px;--f7-toolbar-inner-padding-left:0px;--f7-toolbar-inner-padding-right:0px;--f7-tabbar-labels-height:56px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.54);--f7-toolbar-top-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-toolbar-bottom-shadow-image:var(--f7-bars-shadow-top-image);--f7-tabbar-icon-size:24px;--f7-tabbar-link-text-transform:uppercase;--f7-tabbar-link-font-weight:500;--f7-tabbar-link-letter-spacing:0.03em;--f7-tabbar-label-font-size:14px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0}.md .theme-dark,.md.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-toolbar-height:38px;--f7-toolbar-font-size:14px;--f7-toolbar-inner-padding-left:16px;--f7-toolbar-inner-padding-right:16px;--f7-toolbar-link-height:auto;--f7-toolbar-link-line-height:inherit;--f7-tabbar-labels-height:44px;--f7-tabbar-labels-tablet-height:44px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.5);--f7-tabbar-link-inactive-bg-color:rgba(0, 0, 0, 0.2);--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:18px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:12px;--f7-tabbar-label-tablet-font-size:12px;--f7-tabbar-label-font-weight:500;--f7-tabbar-label-letter-spacing:0.01}.aurora .theme-dark,.aurora.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.5)}.toolbar{width:100%;position:relative;margin:0;transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:600;box-sizing:border-box;left:0;height:var(--f7-toolbar-height);background-image:var(--f7-toolbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-toolbar-bg-color,var(--f7-bars-bg-color));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 a.link{display:flex;line-height:var(--f7-toolbar-link-line-height,var(--f7-toolbar-height));height:var(--f7-toolbar-link-height,var(--f7-toolbar-height))}.toolbar i.icon{display:block}.toolbar:after,.toolbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.page>.toolbar,.view>.toolbar,.views>.toolbar{position:absolute}.aurora .toolbar-top-aurora,.ios .toolbar-top-ios,.md .toolbar-top-md,.toolbar-top{top:0}.aurora .toolbar-top-aurora .tab-link-highlight,.ios .toolbar-top-ios .tab-link-highlight,.md .toolbar-top-md .tab-link-highlight,.toolbar-top .tab-link-highlight{bottom:0}.aurora .toolbar-top-aurora.no-border:after,.aurora .toolbar-top-aurora.no-hairline:after,.ios .toolbar-top-ios.no-border:after,.ios .toolbar-top-ios.no-hairline:after,.md .toolbar-top-md.no-border:after,.md .toolbar-top-md.no-hairline:after,.toolbar-top.no-border:after,.toolbar-top.no-hairline:after{display:none!important}.aurora .toolbar-top-aurora.no-shadow:before,.aurora .toolbar-top-aurora.toolbar-hidden:before,.ios .toolbar-top-ios.no-shadow:before,.ios .toolbar-top-ios.toolbar-hidden:before,.md .toolbar-top-md.no-shadow:before,.md .toolbar-top-md.toolbar-hidden:before,.toolbar-top.no-shadow:before,.toolbar-top.toolbar-hidden:before{display:none!important}.aurora .toolbar-top-aurora:after,.aurora .toolbar-top-aurora:before,.ios .toolbar-top-ios:after,.ios .toolbar-top-ios:before,.md .toolbar-top-md:after,.md .toolbar-top-md:before,.toolbar-top:after,.toolbar-top:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.aurora .toolbar-top-aurora:after,.ios .toolbar-top-ios:after,.md .toolbar-top-md:after,.toolbar-top:after{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .toolbar-top-aurora:before,.ios .toolbar-top-ios:before,.md .toolbar-top-md:before,.toolbar-top:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-toolbar-top-shadow-image)}.aurora .toolbar-bottom-aurora,.ios .toolbar-bottom-ios,.md .toolbar-bottom-md,.toolbar-bottom{bottom:0;height:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.aurora .toolbar-bottom-aurora .tab-link-highlight,.ios .toolbar-bottom-ios .tab-link-highlight,.md .toolbar-bottom-md .tab-link-highlight,.toolbar-bottom .tab-link-highlight{top:0}.aurora .toolbar-bottom-aurora .toolbar-inner,.ios .toolbar-bottom-ios .toolbar-inner,.md .toolbar-bottom-md .toolbar-inner,.toolbar-bottom .toolbar-inner{height:auto;top:0;bottom:var(--f7-safe-area-bottom)}.aurora .toolbar-bottom-aurora.no-border:before,.aurora .toolbar-bottom-aurora.no-hairline:before,.ios .toolbar-bottom-ios.no-border:before,.ios .toolbar-bottom-ios.no-hairline:before,.md .toolbar-bottom-md.no-border:before,.md .toolbar-bottom-md.no-hairline:before,.toolbar-bottom.no-border:before,.toolbar-bottom.no-hairline:before{display:none!important}.aurora .toolbar-bottom-aurora.no-shadow:after,.aurora .toolbar-bottom-aurora.toolbar-hidden:after,.ios .toolbar-bottom-ios.no-shadow:after,.ios .toolbar-bottom-ios.toolbar-hidden:after,.md .toolbar-bottom-md.no-shadow:after,.md .toolbar-bottom-md.toolbar-hidden:after,.toolbar-bottom.no-shadow:after,.toolbar-bottom.toolbar-hidden:after{display:none!important}.aurora .toolbar-bottom-aurora:before,.ios .toolbar-bottom-ios:before,.md .toolbar-bottom-md:before,.toolbar-bottom:before{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .toolbar-bottom-aurora:after,.ios .toolbar-bottom-ios:after,.md .toolbar-bottom-md:after,.toolbar-bottom:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-toolbar-bottom-shadow-image)}.toolbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-content:center;overflow:hidden;padding:0 calc(var(--f7-toolbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-toolbar-inner-padding-left) + var(--f7-safe-area-left))}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a,.tabbar-labels a{color:var(--f7-tabbar-link-inactive-color)}.tabbar a.tab-link:not(.tab-link-active),.tabbar-labels a.tab-link:not(.tab-link-active){background-color:var(--f7-tabbar-link-inactive-bg-color,transparent)}.tabbar a.link,.tabbar-labels a.link{line-height:1.4}.tabbar a.link,.tabbar a.tab-link,.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;text-transform:var(--f7-tabbar-link-text-transform);font-weight:var(--f7-tabbar-link-font-weight);letter-spacing:var(--f7-tabbar-link-letter-spacing);overflow:hidden}.tabbar .tab-link-active,.tabbar-labels .tab-link-active{color:var(--f7-tabbar-link-active-color,var(--f7-theme-color));background-color:var(--f7-tabbar-link-active-bg-color,transparent)}.tabbar i.icon,.tabbar-labels i.icon{font-size:var(--f7-tabbar-icon-size);height:var(--f7-tabbar-icon-size);line-height:var(--f7-tabbar-icon-size)}.tabbar-labels{--f7-toolbar-height:var(--f7-tabbar-labels-height)}.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;justify-content:space-between;align-items:center}.tabbar-labels .tabbar-label{display:block;line-height:1;margin:0;position:relative;text-overflow:ellipsis;white-space:nowrap;font-size:var(--f7-tabbar-label-font-size);text-transform:var(--f7-tabbar-label-text-transform);font-weight:var(--f7-tabbar-label-font-weight);letter-spacing:var(--f7-tabbar-label-letter-spacing)}@media (min-width:768px){:root{--f7-tabbar-labels-height:var(--f7-tabbar-labels-tablet-height);--f7-tabbar-label-font-size:var(--f7-tabbar-label-tablet-font-size)}}.tabbar-scrollable .toolbar-inner{justify-content:flex-start;overflow:auto;-webkit-overflow-scrolling:touch}.tabbar-scrollable .toolbar-inner::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;-webkit-appearance:none;opacity:0!important}.tabbar-scrollable a.link,.tabbar-scrollable a.tab-link{width:auto;flex-shrink:0}.navbar-transitioning+.toolbar,.navbar-transitioning~* .toolbar,.toolbar-transitioning{transition-duration:var(--f7-toolbar-hide-show-transition-duration)}.aurora .toolbar-bottom-aurora~*,.ios .toolbar-bottom-ios~*,.md .toolbar-bottom-md~*,.toolbar-bottom~*{--f7-page-toolbar-bottom-offset:var(--f7-toolbar-height)}.aurora .toolbar-bottom-aurora.tabbar-labels~*,.ios .toolbar-bottom-ios.tabbar-labels~*,.md .toolbar-bottom-md.tabbar-labels~*,.toolbar-bottom.tabbar-labels~*{--f7-page-toolbar-bottom-offset:var(--f7-tabbar-labels-height)}.aurora .toolbar-bottom-aurora.toolbar-hidden,.ios .toolbar-bottom-ios.toolbar-hidden,.md .toolbar-bottom-md.toolbar-hidden,.toolbar-bottom.toolbar-hidden{transform:translate3d(0,100%,0)}.aurora .toolbar-top-aurora~*,.ios .toolbar-top-ios~*,.md .toolbar-top-md~*,.toolbar-top~*{--f7-page-toolbar-top-offset:var(--f7-toolbar-height)}.aurora .toolbar-top-aurora.tabbar-labels~*,.ios .toolbar-top-ios.tabbar-labels~*,.md .toolbar-top-md.tabbar-labels~*,.toolbar-top.tabbar-labels~*{--f7-page-toolbar-top-offset:var(--f7-tabbar-labels-height)}.aurora .toolbar-top-aurora.toolbar-hidden,.ios .toolbar-top-ios.toolbar-hidden,.md .toolbar-top-md.toolbar-hidden,.toolbar-top.toolbar-hidden{transform:translate3d(0,-100%,0)}.aurora .navbar~* .toolbar-top-aurora,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora,.aurora .navbar~.toolbar-top-aurora,.ios .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))}.aurora .navbar~* .toolbar-top-aurora.toolbar-hidden,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden,.aurora .navbar~.toolbar-top-aurora.toolbar-hidden,.ios .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)}.aurora .navbar~* .toolbar-top-aurora.toolbar-hidden.tabbar-labels,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden.tabbar-labels,.aurora .navbar~.toolbar-top-aurora.toolbar-hidden.tabbar-labels,.ios .navbars~* .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbars~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbars~.toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~* .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.toolbar-top-ios.toolbar-hidden.tabbar-labels,.md .navbar~* .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.toolbar-top-md.toolbar-hidden.tabbar-labels,.navbars~* .toolbar-top.toolbar-hidden.tabbar-labels,.navbars~.page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels,.navbars~.toolbar-top.toolbar-hidden.tabbar-labels,.navbar~* .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.toolbar-top.toolbar-hidden.tabbar-labels{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-safe-area-top))),0)}.aurora .navbar-hidden+.toolbar-top-aurora:not(.toolbar-hidden),.aurora .navbar-hidden~* .toolbar-top-aurora:not(.toolbar-hidden),.ios .navbar-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(0px - var(--f7-navbar-height)),0)}.aurora .navbar-large-hidden~* .toolbar-top-aurora:not(.toolbar-hidden),.ios .navbar-large-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-large-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-large-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-large-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-large-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-large-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(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-labels a.link,.ios .tabbar-labels a.tab-link{padding-top:4px;padding-bottom:4px}.ios .tabbar-labels a.link i+span,.ios .tabbar-labels a.tab-link i+span{margin:0}@media (min-width:768px){.ios .tabbar .toolbar-inner,.ios .tabbar-labels .toolbar-inner{justify-content:center}.ios .tabbar a.link,.ios .tabbar a.tab-link,.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{width:auto;min-width:105px}}.ios .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.ios .tabbar-scrollable a.link,.ios .tabbar-scrollable a.tab-link{padding:0 8px}.md .toolbar a.link{justify-content:center;padding:0 16px;min-width:48px}.md .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .toolbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .toolbar a.icon-only{min-width:0;flex-shrink:0}.md .tabbar a.link,.md .tabbar a.tab-link,.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-left:0;padding-right:0}.md .tabbar a.icon-only,.md .tabbar-labels a.icon-only{flex-shrink:initial}.md .tabbar a.tab-link,.md .tabbar-labels a.tab-link{transition-duration:.3s;overflow:hidden;position:relative}.md .tabbar .tab-link-highlight,.md .tabbar-labels .tab-link-highlight{position:absolute;height:2px;background:var(--f7-tabbar-link-active-border-color,var(--f7-theme-color));transition-duration:.3s;left:0}.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-top:7px;padding-bottom:7px}.md .tabbar-label{max-width:100%;overflow:hidden;line-height:1.2}.md .tabbar-scrollable .toolbar-inner{overflow:auto}.md .tabbar-scrollable a.link,.md .tabbar-scrollable a.tab-link{padding:0 16px}.aurora .toolbar a.icon-only{min-height:var(--f7-toolbar-height);display:flex;justify-content:center;align-items:center;margin:0}.aurora .tabbar .toolbar-inner,.aurora .tabbar-labels .toolbar-inner{padding-left:0;padding-right:0}.aurora .tabbar a.link,.aurora .tabbar a.tab-link,.aurora .tabbar-labels a.link,.aurora .tabbar-labels a.tab-link{transition-duration:.2s}.aurora .tabbar-labels a.link,.aurora .tabbar-labels a.tab-link{padding-top:5px;padding-bottom:5px}.aurora .tabbar-labels a.link i+span,.aurora .tabbar-labels a.tab-link i+span{margin:0}.aurora .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.aurora .tabbar-scrollable a.link,.aurora .tabbar-scrollable a.tab-link{padding:0 16px}: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;--f7-subnavbar-shadow-image:none}.md{--f7-subnavbar-height:48px;--f7-subnavbar-inner-padding-left:16px;--f7-subnavbar-inner-padding-right:16px;--f7-subnavbar-title-font-size:20px;--f7-subnavbar-title-font-weight:500;--f7-subnavbar-title-letter-spacing:0;--f7-subnavbar-title-margin-left:0px;--f7-subnavbar-shadow-image:var(--f7-bars-shadow-bottom-image)}.aurora{--f7-subnavbar-height:38px;--f7-subnavbar-inner-padding-left:16px;--f7-subnavbar-inner-padding-right:16px;--f7-subnavbar-title-font-size:26px;--f7-subnavbar-title-font-weight:bold;--f7-subnavbar-title-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:0px;--f7-subnavbar-shadow-image:none;--f7-subnavbar-link-height:auto;--f7-subnavbar-link-line-height:inherit}.subnavbar{width:100%;position:absolute;left:0;top:0;z-index:600;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;background-image:var(--f7-subnavbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-subnavbar-bg-color,var(--f7-bars-bg-color));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-border:after,.subnavbar.no-hairline:after{display:none!important}.subnavbar.navbar-hidden:before,.subnavbar.no-shadow:before{display:none!important}.subnavbar:after,.subnavbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.subnavbar:after{content:'';position:absolute;background-color:var(--f7-subnavbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.subnavbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-subnavbar-shadow-image)}.subnavbar-inner{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;justify-content:space-between;overflow:hidden;padding:0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left))}.subnavbar-inner.stacked{display:none}.navbar .subnavbar{top:100%}.page>.subnavbar,.view>.subnavbar,.views>.subnavbar{position:absolute}.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 16px}.md .subnavbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .subnavbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .subnavbar a.icon-only{flex-shrink:0}.md .subnavbar-inner>a.link:first-child{margin-left:calc(-1 * var(--f7-subnavbar-inner-padding-left))}.md .subnavbar-inner>a.link:last-child{margin-right:calc(-1 * var(--f7-subnavbar-inner-padding-right))}.aurora .subnavbar{height:calc(var(--f7-subnavbar-height) + 1px);margin-top:-1px;padding-top:1px}.aurora .subnavbar .title{align-self:flex-start;flex-shrink:10}.aurora .subnavbar .left a+a,.aurora .subnavbar .right a+a{margin-left:10px}.aurora .subnavbar .left{margin-right:10px}.aurora .subnavbar .right{margin-left:10px}.aurora .subnavbar .right:first-child{right:16px}.aurora .subnavbar a.link{justify-content:flex-start}.aurora .subnavbar a.icon-only{justify-content:center;margin:0}:root{--f7-block-padding-horizontal:16px;--f7-block-padding-vertical:16px;--f7-block-font-size:inherit;--f7-block-text-color:inherit;--f7-block-strong-bg-color:#fff;--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-color:#000;--f7-block-title-medium-text-transform:none;--f7-block-title-large-text-color:#000;--f7-block-title-large-text-transform:none;--f7-block-inset-side-margin:16px}:root .theme-dark,:root.theme-dark{--f7-block-title-text-color:#fff;--f7-block-strong-border-color:rgba(255, 255, 255, 0.15);--f7-block-title-medium-text-color:#fff;--f7-block-title-large-text-color:#fff;--f7-block-strong-bg-color:#1c1c1d}.ios{--f7-block-margin-vertical:35px;--f7-block-strong-text-color:#000;--f7-block-strong-border-color:rgba(0, 0, 0, 0.22);--f7-block-title-text-color:#000;--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:7px;--f7-block-header-text-color:rgba(0, 0, 0, 0.45);--f7-block-footer-text-color:rgba(0, 0, 0, 0.45)}.ios .theme-dark,.ios.theme-dark{--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}.md{--f7-block-margin-vertical:32px;--f7-block-strong-text-color:inherit;--f7-block-strong-border-color:rgba(0, 0, 0, 0.12);--f7-block-title-font-size:inherit;--f7-block-title-text-color:rgba(0, 0, 0, 0.54);--f7-block-title-font-weight:500;--f7-block-title-line-height:16px;--f7-block-title-margin-bottom:16px;--f7-block-title-medium-font-size:24px;--f7-block-title-medium-font-weight:500;--f7-block-title-medium-line-height:1.3;--f7-block-title-large-font-size:34px;--f7-block-title-large-font-weight:500;--f7-block-title-large-line-height:1.2;--f7-block-inset-border-radius:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.54);--f7-block-footer-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-block-header-text-color:rgba(255, 255, 255, 0.54);--f7-block-footer-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-block-margin-vertical:15px;--f7-block-strong-text-color:inherit;--f7-block-strong-border-color:rgba(0, 0, 0, 0.12);--f7-block-title-font-size:inherit;--f7-block-title-text-color:rgba(0, 0, 0, 0.7);--f7-block-title-font-weight:600;--f7-block-title-line-height:1.5;--f7-block-title-margin-bottom:5px;--f7-block-title-medium-font-size:20px;--f7-block-title-medium-font-weight:600;--f7-block-title-medium-line-height:1.4;--f7-block-title-large-font-size:28px;--f7-block-title-large-font-weight:bold;--f7-block-title-large-line-height:1.3;--f7-block-inset-border-radius:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.6);--f7-block-footer-text-color:rgba(0, 0, 0, 0.6)}.aurora .theme-dark,.aurora.theme-dark{--f7-block-header-text-color:rgba(255, 255, 255, 0.54);--f7-block-footer-text-color:rgba(255, 255, 255, 0.54);--f7-block-strong-text-color:#fff}.block{box-sizing:border-box;position:relative;z-index:1;color:var(--f7-block-text-color);margin:var(--f7-block-margin-vertical) 0;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right));font-size:var(--f7-block-font-size)}.aurora .block.no-hairlines-aurora ul:before,.aurora .block.no-hairlines-aurora:before,.block.no-hairlines ul:before,.block.no-hairlines:before,.ios .block.no-hairlines-ios ul:before,.ios .block.no-hairlines-ios:before,.md .block.no-hairlines-md ul:before,.md .block.no-hairlines-md:before{display:none!important}.aurora .block.no-hairlines-aurora ul:after,.aurora .block.no-hairlines-aurora:after,.block.no-hairlines ul:after,.block.no-hairlines:after,.ios .block.no-hairlines-ios ul:after,.ios .block.no-hairlines-ios:after,.md .block.no-hairlines-md ul:after,.md .block.no-hairlines-md:after{display:none!important}.aurora .block.no-hairline-top-aurora ul:before,.aurora .block.no-hairline-top-aurora:before,.block.no-hairline-top ul:before,.block.no-hairline-top:before,.ios .block.no-hairline-top-ios ul:before,.ios .block.no-hairline-top-ios:before,.md .block.no-hairline-top-md ul:before,.md .block.no-hairline-top-md:before{display:none!important}.aurora .block.no-hairline-bottom-aurora ul:after,.aurora .block.no-hairline-bottom-aurora:after,.block.no-hairline-bottom ul:after,.block.no-hairline-bottom:after,.ios .block.no-hairline-bottom-ios ul:after,.ios .block.no-hairline-bottom-ios:after,.md .block.no-hairline-bottom-md ul:after,.md .block.no-hairline-bottom-md:after{display:none!important}.block>h1:first-child,.block>h2:first-child,.block>h3:first-child,.block>h4:first-child,.block>p:first-child{margin-top:0}.block>h1:last-child,.block>h2:last-child,.block>h3:last-child,.block>h4:last-child,.block>p:last-child{margin-bottom:0}.block-strong{color:var(--f7-block-strong-text-color);padding-top:var(--f7-block-padding-vertical);padding-bottom:var(--f7-block-padding-vertical);background-color:var(--f7-block-strong-bg-color)}.block-strong:before{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-strong:after{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-title{position:relative;overflow:hidden;margin:0;white-space:var(--f7-block-title-white-space);text-overflow:ellipsis;text-transform:var(--f7-block-title-text-transform);color:var(--f7-block-title-text-color);font-size:var(--f7-block-title-font-size,inherit);font-weight:var(--f7-block-title-font-weight);line-height:var(--f7-block-title-line-height);margin-top:var(--f7-block-margin-vertical);margin-bottom:var(--f7-block-title-margin-bottom);margin-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-title+.block,.block-title+.block-header,.block-title+.card,.block-title+.list,.block-title+.timeline{margin-top:0px}.block-title-medium{font-size:var(--f7-block-title-medium-font-size);text-transform:var(--f7-block-title-medium-text-transform);color:var(--f7-block-title-medium-text-color);font-weight:var(--f7-block-title-medium-font-weight);line-height:var(--f7-block-title-medium-line-height)}.block-title-large{font-size:var(--f7-block-title-large-font-size);text-transform:var(--f7-block-title-large-text-transform);color:var(--f7-block-title-large-text-color);font-weight:var(--f7-block-title-large-font-weight);line-height:var(--f7-block-title-large-line-height)}.block>.block-title:first-child,.list>.block-title:first-child{margin-top:0;margin-left:0;margin-right:0}.block-header{color:var(--f7-block-header-text-color);font-size:var(--f7-block-header-font-size);margin-bottom:var(--f7-block-header-margin);margin-top:var(--f7-block-margin-vertical)}.block-header+.block,.block-header+.card,.block-header+.list,.block-header+.timeline{margin-top:var(--f7-block-header-margin)}.block-footer{color:var(--f7-block-footer-text-color);font-size:var(--f7-block-footer-font-size);margin-top:var(--f7-block-footer-margin);margin-bottom:var(--f7-block-margin-vertical)}.block-footer,.block-header{padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-footer h1:first-child,.block-footer h2:first-child,.block-footer h3:first-child,.block-footer h4:first-child,.block-footer p:first-child,.block-footer ul:first-child,.block-header h1:first-child,.block-header h2:first-child,.block-header h3:first-child,.block-header h4:first-child,.block-header p:first-child,.block-header ul:first-child{margin-top:0}.block-footer h1:last-child,.block-footer h2:last-child,.block-footer h3:last-child,.block-footer h4:last-child,.block-footer p:last-child,.block-footer ul:last-child,.block-header h1:last-child,.block-header h2:last-child,.block-header h3:last-child,.block-header h4:last-child,.block-header p:last-child,.block-header ul:last-child{margin-bottom:0}.block-footer h1:first-child:last-child,.block-footer h2:first-child:last-child,.block-footer h3:first-child:last-child,.block-footer h4:first-child:last-child,.block-footer p:first-child:last-child,.block-footer ul:first-child:last-child,.block-header h1:first-child:last-child,.block-header h2:first-child:last-child,.block-header h3:first-child:last-child,.block-header h4:first-child:last-child,.block-header p:first-child:last-child,.block-header ul:first-child:last-child{margin-top:0;margin-bottom:0}.block .block-header,.card .block-header,.list .block-header,.timeline .block-header{margin-top:0}.block .block-footer,.card .block-footer,.list .block-footer,.timeline .block-footer{margin-bottom:0}.block+.block-footer,.card+.block-footer,.list+.block-footer,.timeline+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)))}.block+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)));margin-bottom:var(--f7-block-margin-vertical)}.block .block-footer,.block .block-header{padding:0}.block.inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.inset:before{display:none!important}.block-strong.inset:after{display:none!important}@media (min-width:768px){.block.tablet-inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.tablet-inset:before{display:none!important}.block-strong.tablet-inset:after{display:none!important}}:root{--f7-list-inset-side-margin:16px;--f7-list-item-cell-margin:16px;--f7-list-item-padding-horizontal:16px;--f7-list-media-item-padding-horizontal:16px;--f7-list-bg-color:#fff;--f7-list-item-text-max-lines:2;--f7-list-chevron-icon-color:rgba(0, 0, 0, 0.2);--f7-list-chevron-icon-font-size:20px;--f7-list-item-title-font-size:inherit;--f7-list-item-title-font-weight:400;--f7-list-item-title-text-color:inherit;--f7-list-item-title-line-height:inherit;--f7-list-item-title-white-space:nowrap;--f7-list-item-subtitle-font-weight:400;--f7-list-item-subtitle-text-color:inherit;--f7-list-item-subtitle-line-height:inherit;--f7-list-item-text-font-weight:400;--f7-list-item-after-font-weight:400;--f7-list-item-header-text-color:inherit;--f7-list-item-header-font-size:12px;--f7-list-item-header-font-weight:400;--f7-list-item-header-line-height:1.2;--f7-list-item-footer-font-size:12px;--f7-list-item-footer-font-weight:400;--f7-list-item-footer-line-height:1.2;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-item-divider-line-height:inherit;--f7-list-group-title-line-height:inherit}:root .theme-dark,:root.theme-dark{--f7-list-button-border-color:rgba(255, 255, 255, 0.15);--f7-list-bg-color:#1c1c1d;--f7-list-border-color:rgba(255, 255, 255, 0.15);--f7-list-item-border-color:rgba(255, 255, 255, 0.15);--f7-list-item-divider-border-color:rgba(255, 255, 255, 0.15);--f7-list-item-divider-bg-color:#232323;--f7-list-group-title-bg-color:#232323;--f7-list-chevron-icon-color:rgba(255, 255, 255, 0.3)}.ios{--f7-list-in-list-padding-left:30px;--f7-list-inset-border-radius:7px;--f7-list-margin-vertical:35px;--f7-list-font-size:17px;--f7-list-chevron-icon-area:20px;--f7-list-border-color:rgba(0, 0, 0, 0.22);--f7-list-item-border-color:rgba(0, 0, 0, 0.22);--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-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-text-line-height:21px;--f7-list-item-after-font-size:inherit;--f7-list-item-after-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-min-height:44px;--f7-list-item-media-margin:16px;--f7-list-item-media-icons-margin:5px;--f7-list-item-padding-vertical:8px;--f7-list-media-item-padding-vertical:10px;--f7-list-media-item-title-font-weight:600;--f7-list-button-text-align:center;--f7-list-button-border-color:rgba(0, 0, 0, 0.22);--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.15);--f7-list-item-divider-height:31px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-border-color:rgba(0, 0, 0, 0.22);--f7-list-group-title-height:31px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.45);--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f7f7f7}.ios .theme-dark,.ios.theme-dark{--f7-list-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-item-divider-text-color:rgba(255, 255, 255, 0.55);--f7-list-group-title-text-color:rgba(255, 255, 255, 0.55);--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.08);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.08)}.md{--f7-list-in-list-padding-left:40px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:32px;--f7-list-font-size:16px;--f7-list-chevron-icon-area:26px;--f7-list-border-color:rgba(0, 0, 0, 0.12);--f7-list-item-border-color:rgba(0, 0, 0, 0.12);--f7-list-link-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-subtitle-font-size:14px;--f7-list-item-text-font-size:14px;--f7-list-item-text-text-color:#757575;--f7-list-item-text-line-height:20px;--f7-list-item-after-font-size:14px;--f7-list-item-after-text-color:#757575;--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:8px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-min-height:48px;--f7-list-item-media-margin:16px;--f7-list-item-media-icons-margin:8px;--f7-list-item-padding-vertical:8px;--f7-list-media-item-padding-vertical:14px;--f7-list-button-text-color:#212121;--f7-list-button-text-align:left;--f7-list-button-border-color:transparent;--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-divider-height:48px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.54);--f7-list-item-divider-font-size:14px;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:#f4f4f4;--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:48px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.54);--f7-list-group-title-font-size:14px;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f4f4f4}.md .theme-dark,.md.theme-dark{--f7-list-button-text-color:#fff;--f7-list-item-divider-text-color:#fff;--f7-list-group-title-text-color:#fff;--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-item-text-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-list-in-list-padding-left:16px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:15px;--f7-list-font-size:14px;--f7-list-chevron-icon-area:15px;--f7-list-chevron-icon-font-size:16px;--f7-list-border-color:rgba(0, 0, 0, 0.12);--f7-list-item-border-color:rgba(0, 0, 0, 0.12);--f7-list-link-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-link-hover-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-title-line-height:1.3;--f7-list-item-subtitle-font-size:14px;--f7-list-item-subtitle-line-height:1.3;--f7-list-item-text-font-size:12px;--f7-list-item-text-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-text-line-height:16px;--f7-list-item-after-font-size:13px;--f7-list-item-after-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-after-line-height:1.2;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-min-height:32px;--f7-list-item-media-margin:10px;--f7-list-item-media-icons-margin:5px;--f7-list-item-padding-vertical:5px;--f7-list-media-item-padding-vertical:5px;--f7-list-media-item-title-font-weight:600;--f7-list-button-text-align:center;--f7-list-button-border-color:rgba(0, 0, 0, 0.12);--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-button-hover-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-height:19px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:500;--f7-list-item-divider-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:19px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.6);--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:500;--f7-list-group-title-bg-color:#f7f7f7}.aurora .theme-dark,.aurora.theme-dark{--f7-list-item-text-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-divider-text-color:rgba(255, 255, 255, 0.6);--f7-list-group-title-text-color:rgba(255, 255, 255, 0.6);--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-link-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-hover-bg-color:rgba(255, 255, 255, 0.03)}.list{position:relative;z-index:1;font-size:var(--f7-list-font-size);margin:var(--f7-list-margin-vertical) 0}.list ul{list-style:none;margin:0;padding:0;position:relative;background:var(--f7-list-bg-color)}.list ul:before{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul:after{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul ul{padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-list-in-list-padding-left))}.list ul ul:before{display:none!important}.list ul ul:after{display:none!important}.list li{position:relative;box-sizing:border-box}.list .item-media{display:flex;flex-shrink:0;flex-wrap:nowrap;align-items:center;box-sizing:border-box;padding-bottom:var(--f7-list-item-padding-vertical);padding-top:var(--f7-list-item-padding-vertical)}.list .item-media+.item-inner{margin-left:var(--f7-list-item-media-margin)}.list .item-media i+i,.list .item-media i+img{margin-left:var(--f7-list-item-media-icons-margin)}.list .item-after{padding-left:var(--f7-list-item-after-padding)}.list .item-inner{position:relative;width:100%;min-width:0;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-self:stretch;padding-top:var(--f7-list-item-padding-vertical);padding-bottom:var(--f7-list-item-padding-vertical);min-height:var(--f7-list-item-min-height);padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.list .item-title{min-width:0;flex-shrink:1;white-space:var(--f7-list-item-title-white-space);position:relative;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:var(--f7-list-item-title-font-size);font-weight:var(--f7-list-item-title-font-weight);color:var(--f7-list-item-title-text-color);line-height:var(--f7-list-item-title-line-height)}.list .item-after{white-space:nowrap;flex-shrink:0;display:flex;font-size:var(--f7-list-item-after-font-size);font-weight:var(--f7-list-item-after-font-weight);color:var(--f7-list-item-after-text-color);line-height:var(--f7-list-item-after-line-height);margin-left:auto}.list .item-footer,.list .item-header{white-space:normal}.list .item-header{color:var(--f7-list-item-header-text-color);font-size:var(--f7-list-item-header-font-size);font-weight:var(--f7-list-item-header-font-weight);line-height:var(--f7-list-item-header-line-height)}.list .item-footer{color:var(--f7-list-item-footer-text-color);font-size:var(--f7-list-item-footer-font-size);font-weight:var(--f7-list-item-footer-font-weight);line-height:var(--f7-list-item-footer-line-height)}.list .item-link,.list .list-button{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;z-index:0}.list .item-link{color:inherit}.list .item-link.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.list .item-link .item-inner{padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.list .item-content{display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;min-height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.list .item-subtitle{position:relative;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis;font-size:var(--f7-list-item-subtitle-font-size);font-weight:var(--f7-list-item-subtitle-font-weight);color:var(--f7-list-item-subtitle-text-color);line-height:var(--f7-list-item-subtitle-line-height)}.list .item-text{position:relative;overflow:hidden;text-overflow:hidden;-webkit-line-clamp:var(--f7-list-item-text-max-lines);display:-webkit-box;font-size:var(--f7-list-item-text-font-size);font-weight:var(--f7-list-item-text-font-weight);color:var(--f7-list-item-text-text-color);line-height:var(--f7-list-item-text-line-height);max-height:calc(var(--f7-list-item-text-line-height) * var(--f7-list-item-text-max-lines))}.list .item-title-row{position:relative;display:flex;justify-content:space-between;box-sizing:border-box}.list .item-title-row .item-after{align-self:center}.list .item-row{display:flex;justify-content:space-between;box-sizing:border-box}.list .item-cell{display:block;align-self:center;box-sizing:border-box;width:100%;min-width:0;margin-left:var(--f7-list-item-cell-margin);flex-shrink:1}.list .item-cell:first-child{margin-left:0}.list .ripple-wave+.item-cell{margin-left:0}.list li:last-child .list-button:after{display:none!important}.list li:last-child li:last-child>.item-content>.item-inner:after,.list li:last-child li:last-child>.item-inner:after,.list li:last-child li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child li:last-child>.swipeout-content>.item-content>.item-inner:after,.list li:last-child>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child>.swipeout-content>.item-content>.item-inner:after{display:none!important}.list li li:last-child .item-inner:after,.list li:last-child li .item-inner:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .list.no-hairlines-aurora ul:before,.aurora .list.no-hairlines-aurora:before,.ios .list.no-hairlines-ios ul:before,.ios .list.no-hairlines-ios:before,.list.no-hairlines ul:before,.list.no-hairlines:before,.md .list.no-hairlines-md ul:before,.md .list.no-hairlines-md:before{display:none!important}.aurora .list.no-hairlines-aurora ul:after,.aurora .list.no-hairlines-aurora:after,.ios .list.no-hairlines-ios ul:after,.ios .list.no-hairlines-ios:after,.list.no-hairlines ul:after,.list.no-hairlines:after,.md .list.no-hairlines-md ul:after,.md .list.no-hairlines-md:after{display:none!important}.aurora .list.no-hairline-top-aurora ul:before,.aurora .list.no-hairline-top-aurora:before,.ios .list.no-hairline-top-ios ul:before,.ios .list.no-hairline-top-ios:before,.list.no-hairline-top ul:before,.list.no-hairline-top:before,.md .list.no-hairline-top-md ul:before,.md .list.no-hairline-top-md:before{display:none!important}.aurora .list.no-hairline-bottom-aurora ul:after,.aurora .list.no-hairline-bottom-aurora:after,.ios .list.no-hairline-bottom-ios ul:after,.ios .list.no-hairline-bottom-ios:after,.list.no-hairline-bottom ul:after,.list.no-hairline-bottom:after,.md .list.no-hairline-bottom-md ul:after,.md .list.no-hairline-bottom-md:after{display:none!important}.aurora .list.no-hairlines-between-aurora .item-divider:after,.aurora .list.no-hairlines-between-aurora .item-inner:after,.aurora .list.no-hairlines-between-aurora .list-button:after,.aurora .list.no-hairlines-between-aurora .list-group-title:after,.ios .list.no-hairlines-between-ios .item-divider:after,.ios .list.no-hairlines-between-ios .item-inner:after,.ios .list.no-hairlines-between-ios .list-button:after,.ios .list.no-hairlines-between-ios .list-group-title:after,.list.no-hairlines-between .item-divider:after,.list.no-hairlines-between .item-inner:after,.list.no-hairlines-between .list-button:after,.list.no-hairlines-between .list-group-title:after,.md .list.no-hairlines-between-md .item-divider:after,.md .list.no-hairlines-between-md .item-inner:after,.md .list.no-hairlines-between-md .list-button:after,.md .list.no-hairlines-between-md .list-group-title:after{display:none!important}.aurora .list.no-hairlines-between-aurora.simple-list li:after,.ios .list.no-hairlines-between-ios.simple-list li:after,.list.no-hairlines-between.simple-list li:after,.md .list.no-hairlines-between-md.simple-list li:after{display:none!important}.aurora .list.no-hairlines-between-aurora.links-list a:after,.ios .list.no-hairlines-between-ios.links-list a:after,.list.no-hairlines-between.links-list a:after,.md .list.no-hairlines-between-md.links-list a:after{display:none!important}.list-button{padding:0 var(--f7-list-item-padding-horizontal);line-height:var(--f7-list-item-min-height);color:var(--f7-list-button-text-color,var(--f7-theme-color));font-size:var(--f7-list-button-font-size);font-weight:var(--f7-list-button-font-weight);text-align:var(--f7-list-button-text-align)}.list-button:after{content:'';position:absolute;background-color:var(--f7-list-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list-button.active-state{background-color:var(--f7-list-button-pressed-bg-color)}.list-button[class*=color-]{--f7-list-button-text-color:var(--f7-theme-color)}.simple-list li{position:relative;white-space:nowrap;text-overflow:ellipsis;max-width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;align-content:center;line-height:var(--f7-list-item-min-height);height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.simple-list li:after{left:var(--f7-list-item-padding-horizontal);width:auto;left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));right:0}.simple-list li:last-child:after{display:none!important}.links-list li{z-index:1}.links-list a{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;display:flex;align-items:center;align-content:center;justify-content:space-between;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;max-width:100%;height:var(--f7-list-item-min-height);color:inherit}.links-list a .ripple-wave{z-index:0}.links-list a:after{width:auto}.links-list a.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.links-list a{padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.links-list a:after{left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));right:0}.links-list li:last-child a:after{display:none!important}.links-list a:after,.list .item-inner:after,.simple-list li:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.media-list,li.media-item{--f7-list-item-padding-vertical:var(--f7-list-media-item-padding-vertical);--f7-list-item-padding-horizontal:var(--f7-list-media-item-padding-horizontal)}.media-list .item-title,li.media-item .item-title{font-weight:var(--f7-list-media-item-title-font-weight,var(--f7-list-item-title-font-weight,inherit))}.media-list .item-inner,li.media-item .item-inner{display:block;align-self:stretch}.media-list .item-media,li.media-item .item-media{align-self:flex-start}.media-list .item-media img,li.media-item .item-media img{display:block}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.media-list .item-link .item-title-row,li.media-item .item-link .item-title-row{padding-right:calc(var(--f7-list-chevron-icon-area))}.media-list .chevron-center .item-link .item-inner,.media-list .item-link.chevron-center .item-inner,.media-list.chevron-center .item-link .item-inner,li.media-item .chevron-center .item-link .item-inner,li.media-item .item-link.chevron-center .item-inner,li.media-item.chevron-center .item-link .item-inner{padding-right:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.media-list .chevron-center .item-title-row,.media-list.chevron-center .item-title-row,li.media-item .chevron-center .item-title-row,li.media-item.chevron-center .item-title-row{padding-right:0}.links-list a:before,.list .item-link .item-inner:before,.media-list .chevron-center .item-link .item-inner:before,.media-list .item-link .item-title-row:before,.media-list .item-link.chevron-center .item-inner:before,.media-list.chevron-center .item-link .item-inner:before,li.media-item .chevron-center .item-link .item-inner:before,li.media-item .item-link .item-title-row:before,li.media-item .item-link.chevron-center .item-inner:before,li.media-item.chevron-center .item-link .item-inner:before{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;position:absolute;top:50%;width:8px;height:14px;margin-top:-7px;font-size:var(--f7-list-chevron-icon-font-size);line-height:14px;color:var(--f7-list-chevron-icon-color);pointer-events:none;right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));content:'chevron_right'}.media-list .chevron-center .item-title-row:before,.media-list.chevron-center .item-title-row:before,li.media-item .chevron-center .item-title-row:before,li.media-item.chevron-center .item-title-row:before{display:none}.media-list .item-link .item-inner:before,li.media-item .item-link .item-inner:before{display:none}.media-list .item-link .item-title-row:before,li.media-item .item-link .item-title-row:before{right:0}.list-group ul:after,.list-group ul:before{z-index:25!important}.list-group+.list-group ul:before{display:none!important}.item-divider,li.item-divider,li.list-group-title{white-space:nowrap;position:relative;max-width:100%;text-overflow:ellipsis;overflow:hidden;z-index:15;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));box-sizing:border-box;display:flex;align-items:center;align-content:center}.item-divider:after,li.item-divider:after,li.list-group-title:after{display:none!important}.item-divider,li.item-divider{margin-top:-1px;height:var(--f7-list-item-divider-height);color:var(--f7-list-item-divider-text-color);font-size:var(--f7-list-item-divider-font-size);font-weight:var(--f7-list-item-divider-font-weight);background-color:var(--f7-list-item-divider-bg-color);line-height:var(--f7-list-item-divider-line-height)}.item-divider:before,li.item-divider:before{content:'';position:absolute;background-color:var(--f7-list-item-divider-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list li.list-group-title,li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20;height:var(--f7-list-group-title-height);color:var(--f7-list-group-title-text-color);font-size:var(--f7-list-group-title-font-size);font-weight:var(--f7-list-group-title-font-weight);background-color:var(--f7-list-group-title-bg-color);line-height:var(--f7-list-group-title-line-height)}.page-with-navbar-large .list li.list-group-title,.page-with-navbar-large li.list-group-title{top:calc(-1 * var(--f7-navbar-large-title-height))}.list.inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.inset .block-title{margin-left:0;margin-right:0}.list.inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.inset ul:before{display:none!important}.list.inset ul:after{display:none!important}.list.inset li.swipeout:first-child,.list.inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.inset li.swipeout:last-child,.list.inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.inset li.swipeout:first-child:last-child,.list.inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}@media (min-width:768px){.list.tablet-inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.tablet-inset .block-title{margin-left:0;margin-right:0}.list.tablet-inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.tablet-inset ul:before{display:none!important}.list.tablet-inset ul:after{display:none!important}.list.tablet-inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.tablet-inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.tablet-inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}}.list .no-chevron,.list.no-chevron{--f7-list-chevron-icon-color:transparent;--f7-list-chevron-icon-area:0px}.ios .item-link.active-state .item-inner:after,.ios .links-list a.active-state:after,.ios .list-button.active-state:after{background-color:transparent}.ios .links-list a.active-state,.ios .list .item-link.active-state,.ios .list .list-button.active-state{transition-duration:0s}.md .list .item-media{min-width:40px}.aurora .list .item-media{min-width:18px}.aurora .links-list a:before,.aurora .list .item-link .item-inner:before,.aurora .media-list .chevron-center .item-link .item-inner:before,.aurora .media-list .item-link .item-title-row:before,.aurora .media-list .item-link.chevron-center .item-inner:before,.aurora .media-list.chevron-center .item-link .item-inner:before,.aurora li.media-item .chevron-center .item-link .item-inner:before,.aurora li.media-item .item-link .item-title-row:before,.aurora li.media-item .item-link.chevron-center .item-inner:before,.aurora li.media-item.chevron-center .item-link .item-inner:before{content:'chevron_right_aurora'}.aurora .links-list a,.aurora .list .item-link,.aurora .list .list-button{transition-duration:0s}.aurora.device-desktop .links-list a:hover:not(.active-state):not(.no-hover),.aurora.device-desktop .list .item-link:hover:not(.active-state):not(.no-hover){background:var(--f7-list-link-hover-bg-color)}.aurora.device-desktop .list .list-button:hover:not(.active-state):not(.no-hover){background:var(--f7-list-button-hover-bg-color)}:root{--f7-badge-text-color:#fff;--f7-badge-bg-color:#8e8e93;--f7-badge-padding:0 4px;--f7-badge-in-icon-size:16px;--f7-badge-in-icon-font-size:10px;--f7-badge-font-weight:normal;--f7-badge-font-size:12px}.ios{--f7-badge-size:20px}.md{--f7-badge-size:18px}.aurora{--f7-badge-size:18px;--f7-badge-font-weight:600;--f7-badge-in-icon-size:15px}.badge{display:inline-flex;align-items:center;align-content:center;justify-content:center;color:var(--f7-badge-text-color);background:var(--f7-badge-bg-color);position:relative;box-sizing:border-box;text-align:center;vertical-align:middle;font-weight:var(--f7-badge-font-weight);font-size:var(--f7-badge-font-size);border-radius:var(--f7-badge-size);padding:var(--f7-badge-padding);height:var(--f7-badge-size);min-width:var(--f7-badge-size)}.f7-icons .badge,.framework7-icons .badge,.icon .badge,.material-icons .badge{position:absolute;left:100%;margin-left:-10px;top:-2px;font-family:var(--f7-font-family);--f7-badge-font-size:var(--f7-badge-in-icon-font-size);--f7-badge-size:var(--f7-badge-in-icon-size)}.badge[class*=color-]{--f7-badge-bg-color:var(--f7-theme-color)}:root{--f7-button-min-width:32px;--f7-button-bg-color:transparent;--f7-button-border-width:0px;--f7-button-outline-border-width:2px;--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-bg-color:rgba(0, 0, 0, 0.07);--f7-segmented-strong-padding:2px;--f7-segmented-strong-between-buttons:4px;--f7-segmented-strong-button-font-weight:500;--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;--f7-segmented-strong-button-active-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.25)}:root .theme-dark,:root.theme-dark{--f7-segmented-strong-bg-color:rgba(255, 255, 255, 0.1);--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-font-size:13px;--f7-button-height:28px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:5px;--f7-button-font-weight:600;--f7-button-letter-spacing:0;--f7-button-text-transform:uppercase;--f7-button-large-height:44px;--f7-button-large-font-size:17px;--f7-button-large-font-weight:500;--f7-button-large-text-transform:none;--f7-button-small-height:26px;--f7-button-small-font-size:13px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px;--f7-segmented-strong-button-text-transform:none;--f7-segmented-strong-button-active-font-weight:600}.md{--f7-button-font-size:14px;--f7-button-height:36px;--f7-button-padding-horizontal:8px;--f7-button-border-radius:4px;--f7-button-font-weight:500;--f7-button-letter-spacing:0.03em;--f7-button-text-transform:uppercase;--f7-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-button-large-height:48px;--f7-button-large-font-size:14px;--f7-button-large-font-weight:500;--f7-button-large-text-transform:uppercase;--f7-button-small-height:28px;--f7-button-small-font-size:12px;--f7-button-small-font-weight:500;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px;--f7-segmented-strong-button-text-transform:uppercase;--f7-segmented-strong-button-active-font-weight:500}.md .theme-dark,.md.theme-dark{--f7-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}.aurora{--f7-button-font-size:14px;--f7-button-height:28px;--f7-button-min-width:24px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:4px;--f7-button-font-weight:500;--f7-button-letter-spacing:0.02;--f7-button-text-transform:none;--f7-button-large-height:34px;--f7-button-large-font-size:14px;--f7-button-large-font-weight:600;--f7-button-large-text-transform:none;--f7-button-small-height:24px;--f7-button-small-font-size:12px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:none;--f7-button-small-outline-border-width:1px;--f7-segmented-strong-button-text-transform:none;--f7-segmented-strong-button-active-font-weight:600}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}.button{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;margin:0;white-space:nowrap;text-overflow:ellipsis;position:relative;overflow:hidden;font-family:inherit;cursor:pointer;outline:0;box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;border:var(--f7-button-border-width,0px) solid var(--f7-button-border-color,var(--f7-theme-color));font-size:var(--f7-button-font-size);color:var(--f7-button-text-color,var(--f7-theme-color));height:var(--f7-button-height);line-height:calc(var(--f7-button-height) - var(--f7-button-border-width,0) * 2);padding:var(--f7-button-padding-vertical,0px) var(--f7-button-padding-horizontal);border-radius:var(--f7-button-border-radius);min-width:var(--f7-button-min-width);font-weight:var(--f7-button-font-weight);letter-spacing:var(--f7-button-letter-spacing);text-transform:var(--f7-button-text-transform);background-color:var(--f7-button-bg-color);box-shadow:var(--f7-button-box-shadow)}.button.active-state{background-color:var(--f7-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-button-pressed-text-color,var(--f7-button-text-color,var(--f7-theme-color)))}input[type=button].button,input[type=submit].button{width:100%}.button>i+i,.button>i+span,.button>span+i,.button>span+span{margin-left:4px}.appbar .button,.navbar .button,.searchbar .button,.subnavbar .button,.toolbar .button{color:var(--f7-button-text-color,var(--f7-theme-color))}.aurora .button-round-aurora,.button-round,.ios .button-round-ios,.md .button-round-md{--f7-button-border-radius:var(--f7-button-height)}.aurora .button-fill-aurora,.button-active,.button-fill,.button.tab-link-active,.ios .button-fill-ios,.md .button-fill-md{--f7-button-bg-color:var(--f7-button-fill-bg-color, var(--f7-theme-color));--f7-button-text-color:var(--f7-button-fill-text-color, #fff);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.aurora .button-fill-aurora,.button-fill,.ios .button-fill-ios,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color)}.button-active,.button.tab-link-active{--f7-button-pressed-bg-color:var(--f7-button-bg-color)}.aurora .button-outline-aurora,.button-outline,.ios .button-outline-ios,.md .button-outline-md{--f7-button-border-color:var(--f7-button-outline-border-color, var(--f7-theme-color));--f7-button-border-width:var(--f7-button-outline-border-width)}.aurora .button-large-aurora,.button-large,.ios .button-large-ios,.md .button-large-md{--f7-button-height:var(--f7-button-large-height);--f7-button-font-size:var(--f7-button-large-font-size);--f7-button-font-weight:var(--f7-button-large-font-weight);--f7-button-text-transform:var(--f7-button-large-text-transform)}.aurora .button-small-aurora,.button-small,.ios .button-small-ios,.md .button-small-md{--f7-button-outline-border-width:var(--f7-button-small-outline-border-width);--f7-button-height:var(--f7-button-small-height);--f7-button-font-size:var(--f7-button-small-font-size);--f7-button-font-weight:var(--f7-button-small-font-weight);--f7-button-text-transform:var(--f7-button-small-text-transform)}.ios .button-small-ios.button-fill,.ios .button-small.button-fill,.ios .button-small.button-fill-ios{--f7-button-border-width:var(--f7-button-small-outline-border-width);--f7-button-pressed-text-color:var(--f7-theme-color);--f7-button-pressed-bg-color:transparent}.segmented{align-self:center;display:flex;flex-wrap:nowrap;border-radius:var(--f7-button-border-radius);box-shadow:var(--f7-button-box-shadow);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)}.aurora .segmented-raised-aurora,.ios .segmented-raised-ios,.md .segmented-raised-md,.segmented-raised{box-shadow:var(--f7-button-raised-box-shadow)}.aurora .segmented-raised-aurora .button:not(.button-outline),.ios .segmented-raised-ios .button:not(.button-outline),.md .segmented-raised-md .button:not(.button-outline),.segmented-raised .button:not(.button-outline){border-left:1px solid var(--f7-segmented-raised-divider-color)}.aurora .button-raised-aurora,.button-raised,.ios .button-raised-ios,.md .button-raised-md{--f7-button-box-shadow:var(--f7-button-raised-box-shadow)}.aurora .button-raised-aurora.active-state,.button-raised.active-state,.ios .button-raised-ios.active-state,.md .button-raised-md.active-state{--f7-button-box-shadow:var(--f7-button-raised-pressed-box-shadow)}.aurora .segmented-strong-aurora,.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);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}.aurora .segmented-strong-aurora .button,.aurora .segmented-strong-aurora .button:first-child,.aurora .segmented-strong-aurora .button:last-child,.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)}.aurora .segmented-strong-aurora .button+.button,.ios .segmented-strong-ios .button+.button,.md .segmented-strong-md .button+.button,.segmented-strong .button+.button{margin-left:var(--f7-segmented-strong-between-buttons)}.aurora .segmented-strong-aurora .button.button-active,.aurora .segmented-strong-aurora .button.tab-link-active,.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:var(--f7-segmented-strong-button-active-bg-color);--f7-button-bg-color:var(--f7-segmented-strong-button-active-bg-color);--f7-button-text-color:var(--f7-segmented-strong-button-active-text-color);--f7-button-font-weight:var(--f7-segmented-strong-button-active-font-weight);--f7-button-box-shadow:var(--f7-segmented-strong-button-active-box-shadow)}.aurora .segmented-round-aurora,.ios .segmented-round-ios,.md .segmented-round-md,.segmented-round{border-radius:var(--f7-button-height)}.subnavbar .segmented{width:100%}.ios .button{transition-duration:.1s}.ios .button-fill,.ios .button-fill-ios{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-tint))}.ios .button-small,.ios .button-small-ios{transition-duration:.2s}.md .button{transition-duration:.3s;transform:translate3d(0,0,0)}.md .button-fill,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .button{transition-duration:.1s;transform:translate3d(0,0,0)}.aurora.device-desktop .button:not(.active-state):not(.no-hover):hover{background-color:var(--f7-button-hover-bg-color,rgba(var(--f7-theme-color-rgb),.07))}.aurora .button-fill,.aurora .button-fill-aurora{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .button-active,.aurora .button-fill,.aurora .button-fill-aurora,.aurora .button.tab-link-active{--f7-button-hover-bg-color:var(--f7-button-fill-hover-bg-color, var(--f7-theme-color-tint))}:root{--f7-touch-ripple-black:rgba(0, 0, 0, 0.1);--f7-touch-ripple-white:rgba(255, 255, 255, 0.3);--f7-touch-ripple-color:var(--f7-touch-ripple-black)}.theme-dark{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.actions-button,.button,.checkbox,.dialog-button,.fab a,.item-link,.link,.list-button,.radio,.ripple,.speed-dial-buttons a,.tab-link{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ripple-wave{left:0;top:0;position:absolute!important;border-radius:50%;pointer-events:none;z-index:-1;padding:0;margin:0;font-size:0;transform:translate3d(0px,0px,0) scale(0);transition-duration:1.4s;background-color:var(--f7-touch-ripple-color);will-change:transform,opacity}.ripple-wave.ripple-wave-fill{transition-duration:.3s;opacity:.35}.ripple-wave.ripple-wave-out{transition-duration:.6s;opacity:0}.button-fill .ripple-wave,.menu .ripple-wave,.picker-calendar-day .ripple-wave{z-index:1}.checkbox .ripple-wave,.data-table .sortable-cell .ripple-wave,.radio .ripple-wave{z-index:0}[class*=ripple-color-]{--f7-touch-ripple-color:var(--f7-theme-color-ripple-color)}i.icon{display:inline-block;vertical-align:middle;background-size:100% auto;background-position:center;background-repeat:no-repeat;font-style:normal;position:relative}.icon-back:after,.icon-forward:after,.icon-next:after,.icon-prev:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.icon[class*=color-]{color:var(--f7-theme-color)}.ios .icon-back,.ios .icon-forward,.ios .icon-next,.ios .icon-prev{width:12px;height:20px;line-height:20px}.ios .icon-back:after,.ios .icon-forward:after,.ios .icon-next:after,.ios .icon-prev:after{line-height:inherit}.ios .icon-next:after,.ios .icon-prev:after{font-size:16px}.ios .item-media .icon{color:grey}.ios .item-media .f7-icons{font-size:28px;width:28px;height:28px}.ios .icon-back:after,.ios .icon-prev:after{content:'chevron_left_ios'}.ios .icon-forward:after,.ios .icon-next:after{content:'chevron_right_ios'}.md .icon-back,.md .icon-forward,.md .icon-next,.md .icon-prev{width:24px;height:24px}.md .icon-back:after,.md .icon-forward:after,.md .icon-next:after,.md .icon-prev:after{line-height:1.2}.md .item-media .icon{color:#737373}.md .item-media .material-icons{font-size:24px;width:24px;height:24px}.md .icon-back:after{content:'arrow_left_md'}.md .icon-forward:after{content:'arrow_right_md'}.md .icon-next:after{content:'chevron_right_md'}.md .icon-prev:after{content:'chevron_left_md'}.aurora .f7-icons,.aurora .material-icons{font-size:18px}.aurora .icon-back,.aurora .icon-forward,.aurora .icon-next,.aurora .icon-prev{width:9px;height:14px;line-height:14px}.aurora .icon-back:after,.aurora .icon-forward:after,.aurora .icon-next:after,.aurora .icon-prev:after{line-height:inherit}.aurora .item-media .icon{color:grey}.aurora .item-media .f7-icons{font-size:18px;width:18px;height:18px}.aurora .icon-back:after,.aurora .icon-prev:after{content:'chevron_left_aurora'}.aurora .icon-forward:after,.aurora .icon-next:after{content:'chevron_right_aurora'}.custom-modal-backdrop{z-index:10500}.actions-backdrop,.custom-modal-backdrop,.dialog-backdrop,.popover-backdrop,.popup-backdrop,.preloader-backdrop,.sheet-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;transition-duration:.4s}.actions-backdrop.not-animated,.custom-modal-backdrop.not-animated,.dialog-backdrop.not-animated,.popover-backdrop.not-animated,.popup-backdrop.not-animated,.preloader-backdrop.not-animated,.sheet-backdrop.not-animated{transition-duration:0s}.actions-backdrop.backdrop-in,.custom-modal-backdrop.backdrop-in,.dialog-backdrop.backdrop-in,.popover-backdrop.backdrop-in,.popup-backdrop.backdrop-in,.preloader-backdrop.backdrop-in,.sheet-backdrop.backdrop-in{visibility:visible;opacity:1} \ No newline at end of file diff --git a/packages/core/css/framework7.rtl.css b/packages/core/css/framework7.rtl.css index ba7c1c6d36..e9e411c571 100644 --- a/packages/core/css/framework7.rtl.css +++ b/packages/core/css/framework7.rtl.css @@ -1,5 +1,5 @@ /** - * Framework7 5.0.0-beta.2 + * Framework7 5.0.0-beta.3 * Full featured mobile HTML framework for building iOS & Android apps * http://framework7.io/ * @@ -7,7 +7,7 @@ * * Released under the MIT License * - * Released on: July 22, 2019 + * Released on: August 6, 2019 */ /*==================== @@ -119,13 +119,13 @@ --f7-bars-bg-image: none; --f7-bars-bg-color: #f7f7f8; --f7-bars-bg-color-rgb: 247, 247, 248; + --f7-bars-translucent-opacity: 0.8; + --f7-bars-translucent-blur: 20px; --f7-bars-text-color: #000; --f7-bars-shadow-bottom-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); --f7-bars-shadow-top-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); } .theme-dark { - --f7-bars-bg-color: #1b1b1b; - --f7-bars-bg-color-rgb: 27, 27, 27; --f7-bars-text-color: #fff; } .ios { @@ -140,11 +140,16 @@ .md { --f7-bars-border-color: transparent; } +.md .theme-dark, +.md.theme-dark { + --f7-bars-bg-color: #202020; +} .aurora { --f7-bars-border-color: rgba(0, 0, 0, 0.2); } .aurora .theme-dark, .aurora.theme-dark { + --f7-bars-bg-color: #202020; --f7-bars-border-color: rgba(255, 255, 255, 0.1); } /*==================== @@ -775,7 +780,7 @@ html.device-full-viewport body { } .md .theme-dark, .md.theme-dark { - --f7-page-bg-color: #171717; + --f7-page-bg-color: #121212; } .aurora { --f7-page-bg-color: #f3f3f3; @@ -783,7 +788,7 @@ html.device-full-viewport body { } .aurora .theme-dark, .aurora.theme-dark { - --f7-page-bg-color: #171717; + --f7-page-bg-color: #121212; } .theme-dark { --f7-page-master-border-color: rgba(255, 255, 255, 0.1); @@ -1230,8 +1235,8 @@ html.device-full-viewport body { --f7-navbar-large-title-font-weight: 700; --f7-navbar-large-title-letter-spacing: -0.03em; --f7-navbar-large-title-padding-vertical: 6px; - --f7-navbar-large-title-padding-left: 15px; - --f7-navbar-large-title-padding-right: 15px; + --f7-navbar-large-title-padding-left: 16px; + --f7-navbar-large-title-padding-right: 16px; /* --f7-navbar-link-height: var(--f7-navbar-height); --f7-navbar-link-line-height: var(--f7-navbar-height); @@ -1275,8 +1280,8 @@ html.device-full-viewport body { --f7-navbar-height: 38px; --f7-navbar-tablet-height: 38px; --f7-navbar-font-size: 14px; - --f7-navbar-inner-padding-left: 15px; - --f7-navbar-inner-padding-right: 15px; + --f7-navbar-inner-padding-left: 16px; + --f7-navbar-inner-padding-right: 16px; --f7-navbar-title-font-weight: 600; --f7-navbar-title-margin-left: 0; --f7-navbar-title-margin-right: 0; @@ -1290,8 +1295,8 @@ html.device-full-viewport body { --f7-navbar-large-title-font-weight: bold; --f7-navbar-large-title-letter-spacing: -0.03em; --f7-navbar-large-title-padding-vertical: 4px; - --f7-navbar-large-title-padding-left: 15px; - --f7-navbar-large-title-padding-right: 15px; + --f7-navbar-large-title-padding-left: 16px; + --f7-navbar-large-title-padding-right: 16px; --f7-navbar-link-height: auto; --f7-navbar-link-line-height: inherit; } @@ -1299,18 +1304,26 @@ html.device-full-viewport body { .aurora.theme-dark { --f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.5); } +.navbars, .navbar { - --f7-navbar-large-collapse-progress: 0; - position: relative; + z-index: 500; left: 0; top: 0; width: 100%; - z-index: 500; +} +.navbars { + position: absolute; +} +.navbars .navbar { + z-index: auto; +} +.navbar { + --f7-navbar-large-collapse-progress: 0; + position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; margin: 0; - transform: translate3d(0, 0, 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); @@ -1383,7 +1396,8 @@ html.device-full-viewport body { .navbar .no-shadow .navbar-bg:before { display: none !important; } -.navbar.navbar-hidden .navbar-bg:before { +.navbar.navbar-hidden .navbar-bg:before, +.navbar-hidden .navbar .navbar-bg:before { opacity: 0 !important; } .navbar-bg { @@ -1400,10 +1414,10 @@ html.device-full-viewport body { transition-property: transform; } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .navbar-bg { - background-color: rgba(var(--f7-navbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), 0.8); - -webkit-backdrop-filter: saturate(180%) blur(20px); - backdrop-filter: saturate(180%) 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, @@ -1446,26 +1460,24 @@ html.device-full-viewport body { } } .navbar-transitioning, -.navbar-transitioning:before, .navbar-transitioning .left, .navbar-transitioning .title, .navbar-transitioning .right, -.navbar-transitioning .title-large-inner, .navbar-transitioning .title-large-text, .navbar-transitioning .navbar-bg, -.navbar-transitioning .subnavbar { +.navbar-transitioning .subnavbar, +.navbar-transitioning .navbar-bg:before { transition-duration: var(--f7-navbar-hide-show-transition-duration); } .navbar-page-transitioning { transition-duration: var(--f7-page-swipeback-transition-duration) !important; } .navbar-page-transitioning .title-large-text, -.navbar-page-transitioning .title-large-inner, .navbar-page-transitioning .navbar-bg { transition-duration: var(--f7-page-swipeback-transition-duration) !important; } .navbar-hidden { - transform: translate3d(0, calc(-100% + var(--f7-safe-area-top)), 0); + transform: translate3d(0, calc(-1 * var(--f7-navbar-height)), 0); } .navbar-hidden .navbar-inner { pointer-events: none; @@ -1473,12 +1485,12 @@ html.device-full-viewport body { .navbar-hidden .navbar-inner > .left, .navbar-hidden .navbar-inner > .title, .navbar-hidden .navbar-inner > .right { - opacity: 0; + opacity: 0 !important; } .navbar-hidden-statusbar { - transform: translate3d(0, -100%, 0); + transform: translate3d(0, calc(-1 * var(--f7-navbar-height) - var(--f7-safe-area-top)), 0); } -.navbar-large-hidden { +.navbar-large-hidden .navbar-large { --f7-navbar-large-collapse-progress: 1; } .navbar-inner { @@ -1497,35 +1509,33 @@ html.device-full-viewport body { } .views > .navbar, .view > .navbar, -.page > .navbar { +.page > .navbar, +.navbars > .navbar { position: absolute; } .navbar-large .navbar-bg, -.navbar-inner-large .navbar-bg, .ios .router-navbar-transition-to-large .navbar-bg, .ios .router-navbar-transition-from-large .navbar-bg, .navbar-bg.ios-swipeback-navbar-bg-large, -.navbar-inner-large-transparent .navbar-bg.ios-swipeback-navbar-bg-large { +.navbar-large-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); } -.navbar-inner-large-transparent .navbar-bg { +.navbar-large-transparent .navbar-bg { opacity: var(--f7-navbar-large-collapse-progress); height: 100%; transform: none; } -.ios .navbar-inner:not(.navbar-inner-large) .navbar-bg { +.ios .navbar:not(.navbar-large) .navbar-bg { --f7-navbar-large-collapse-progress: 1; } -.navbar-inner-large > .title { - opacity: calc(-1 + 2 * var(--f7-navbar-large-collapse-progress)); +.navbar-large .title { + opacity: var(--f7-navbar-large-collapse-progress); } -.navbar-large-collapsed, -.navbar-inner-large-collapsed { +.navbar-large-collapsed { --f7-navbar-large-collapse-progress: 1; } -.navbar-large-collapsed .title-large, -.navbar-inner-large-collapsed .title-large { +.navbar-large-collapsed .title-large { pointer-events: none; } .navbar .title-large { @@ -1541,8 +1551,7 @@ html.device-full-viewport body { height: var(--f7-navbar-large-title-height); z-index: 5; } -.title-large-text, -.title-large-inner .title { +.navbar .title-large-text { text-overflow: ellipsis; white-space: nowrap; color: var(--f7-navbar-large-title-text-color); @@ -1554,24 +1563,23 @@ html.device-full-viewport body { 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); -} -.title-large-text, -.title-large-inner { 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(100% - var(--f7-navbar-large-title-padding-left) - var(--f7-safe-area-left)) center; } -.navbar-no-title-large-transition .title-large-text, -.navbar-no-title-large-transition .title-large-inner { +.navbar-no-title-large-transition .title-large-text { transition-duration: 0ms; } -.navbar ~ * { +.navbar ~ *, +.navbars ~ * { --f7-page-navbar-offset: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)); } .navbar ~ * .page-with-navbar-large, .navbar ~ .page-with-navbar-large, +.navbars ~ * .page-with-navbar-large, +.navbars ~ .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)); } @@ -1583,10 +1591,9 @@ html.device-full-viewport body { --f7-navbarLeftTextOffset: calc(4px + 12px + var(--f7-navbar-inner-padding-left)); --f7-navbarTitleLargeOffset: var(--f7-navbar-large-title-padding-left); --f7-navbar-large-transparent-bg-center: translateX(0); - --f7-navbar-large-transparent-bg-left: translateX(-100%); - --f7-navbar-large-transparent-bg-right: translateX(100%); --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-transparent-bg-left: translateX(100%); --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))); @@ -1605,7 +1612,7 @@ html.device-full-viewport body { } .ios .navbar .left a + a, .ios .navbar .right a + a { - margin-right: 15px; + margin-right: 16px; } .ios .navbar b { font-weight: 600; @@ -1632,18 +1639,27 @@ html.device-full-viewport body { text-align: left; margin-left: 10px; } +.ios .view-master-detail .navbar-previous:not(.navbar-master) .left, +.ios .view:not(.view-master-detail) .navbar-previous .left, +.ios .navbar-next .left, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title, +.ios .view:not(.view-master-detail) .navbar-previous .title, +.ios .navbar-next .title, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .right, +.ios .view:not(.view-master-detail) .navbar-previous .right, +.ios .navbar-next .right, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar, +.ios .view:not(.view-master-detail) .navbar-previous .subnavbar, +.ios .navbar-next .subnavbar, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading, +.ios .view:not(.view-master-detail) .navbar-previous .fading, +.ios .navbar-next .fading { + 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) .navbar-bg, -.ios .view:not(.view-master-detail) .navbar-previous .navbar-bg { - transform: translateX(-100%); -} -.ios .view-master-detail .navbar-previous:not(.navbar-master).navbar-large-collapsed, -.ios .view:not(.view-master-detail) .navbar-previous.navbar-large-collapsed { - transform: translateX(-100%) translateY(calc(-1 * var(--f7-navbar-large-title-height))); -} .ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large, .ios .view:not(.view-master-detail) .navbar-previous .title-large { opacity: 0; @@ -1654,66 +1670,31 @@ html.device-full-viewport body { transform: scale(0.5); transition-duration: 0ms; } -.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-inner, -.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-inner { - transform: translateX(-100%); - opacity: 0; - transition-duration: 0ms; -} -.ios .view-master-detail .navbar-previous:not(.navbar-master) .left, -.ios .view:not(.view-master-detail) .navbar-previous .left, -.ios .view-master-detail .navbar-previous:not(.navbar-master) .right, -.ios .view:not(.view-master-detail) .navbar-previous .right, -.ios .view-master-detail .navbar-previous:not(.navbar-master) > .title, -.ios .view:not(.view-master-detail) .navbar-previous > .title, -.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar, -.ios .view:not(.view-master-detail) .navbar-previous .subnavbar, -.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading, -.ios .view:not(.view-master-detail) .navbar-previous .fading { - opacity: 0; -} -.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding, -.ios .view:not(.view-master-detail) .navbar-previous .sliding { - opacity: 0; -} .ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding, .ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding, -.ios .view-master-detail .navbar-previous:not(.navbar-master).sliding .subnavbar, -.ios .view:not(.view-master-detail) .navbar-previous.sliding .subnavbar { +.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding .subnavbar, +.ios .view:not(.view-master-detail) .navbar-previous .sliding .subnavbar { opacity: 1; - transform: translate3d(-100%, 0, 0); + transform: translate3d(100%, 0, 0); +} +.ios .view:not(.view-master-detail) .navbar-previous .navbar-bg, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .navbar-bg { + transform: translateX(-100%); } .ios .navbar-next { pointer-events: none; } .ios .navbar-next .navbar-bg { - transform: translateX(100%); + transform: translateX(-100%); } -.ios .navbar-next .title-large .title-large-text, -.ios .navbar-next .title-large .title-large-inner { +.ios .navbar-next .title-large .title-large-text { transition-duration: 0ms; - transform: translateX(100%) translateY(calc(-1 * var(--f7-navbar-large-title-height))); -} -.ios .navbar-next .left, -.ios .navbar-next .right, -.ios .navbar-next > .title, -.ios .navbar-next .subnavbar, -.ios .navbar-next .fading { - opacity: 0; -} -.ios .navbar-next .sliding { - opacity: 0; -} -.ios .navbar-next.sliding .left, -.ios .navbar-next.sliding .right, -.ios .navbar-next.sliding > .title, -.ios .navbar-next.sliding .subnavbar { - opacity: 0; + transform: translateX(-100%) translateY(calc(-1 * var(--f7-navbar-large-title-height))); } .ios .navbar-next .subnavbar.sliding, -.ios .navbar-next.sliding .subnavbar { +.ios .navbar-next .sliding .subnavbar { opacity: 1; - transform: translate3d(100%, 0, 0); + transform: translate3d(-100%, 0, 0); } .ios .router-transition .navbar, .ios .router-transition .navbar-bg { @@ -1728,22 +1709,24 @@ html.device-full-viewport body { transition-duration: 0ms; } .ios .router-transition .navbar-current .left, -.ios .router-transition .navbar-current > .title, +.ios .router-transition .navbar-current .title, .ios .router-transition .navbar-current .right, .ios .router-transition .navbar-current .subnavbar { animation: ios-navbar-element-fade-out var(--f7-page-transition-duration) forwards; } -.ios .router-transition .navbar-current .sliding, -.ios .router-transition .navbar-current .left.sliding .icon + span, -.ios .router-transition .navbar-current.sliding .left, -.ios .router-transition .navbar-current.sliding .left .icon + span, -.ios .router-transition .navbar-current.sliding > .title, -.ios .router-transition .navbar-current.sliding .right { +.ios .router-transition .navbar-current .sliding.left, +.ios .router-transition .navbar-current .sliding.left .icon + span, +.ios .router-transition .navbar-current .sliding.title, +.ios .router-transition .navbar-current .sliding.right, +.ios .router-transition .navbar-current .sliding .left, +.ios .router-transition .navbar-current .sliding .left .icon + span, +.ios .router-transition .navbar-current .sliding .title, +.ios .router-transition .navbar-current .sliding .right { transition-duration: var(--f7-page-transition-duration); opacity: 0 !important; animation: none; } -.ios .router-transition .navbar-current.sliding .subnavbar, +.ios .router-transition .navbar-current .sliding .subnavbar, .ios .router-transition .navbar-current .sliding.subnavbar { transition-duration: var(--f7-page-transition-duration); animation: none; @@ -1751,28 +1734,32 @@ html.device-full-viewport body { } .ios .router-transition-forward .navbar-next .left, .ios .router-transition-backward .navbar-previous .left, -.ios .router-transition-forward .navbar-next > .title, -.ios .router-transition-backward .navbar-previous > .title, +.ios .router-transition-forward .navbar-next .title, +.ios .router-transition-backward .navbar-previous .title, .ios .router-transition-forward .navbar-next .right, .ios .router-transition-backward .navbar-previous .right, .ios .router-transition-forward .navbar-next .subnavbar, .ios .router-transition-backward .navbar-previous .subnavbar { animation: ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards; } -.ios .router-transition-forward .navbar-next .sliding, -.ios .router-transition-backward .navbar-previous .sliding, -.ios .router-transition-forward .navbar-next .left.sliding .icon + span, -.ios .router-transition-backward .navbar-previous .left.sliding .icon + span, -.ios .router-transition-forward .navbar-next.sliding .left, -.ios .router-transition-backward .navbar-previous.sliding .left, -.ios .router-transition-forward .navbar-next.sliding .left .icon + span, -.ios .router-transition-backward .navbar-previous.sliding .left .icon + span, -.ios .router-transition-forward .navbar-next.sliding > .title, -.ios .router-transition-backward .navbar-previous.sliding > .title, -.ios .router-transition-forward .navbar-next.sliding .right, -.ios .router-transition-backward .navbar-previous.sliding .right, -.ios .router-transition-forward .navbar-next.sliding .subnavbar, -.ios .router-transition-backward .navbar-previous.sliding .subnavbar { +.ios .router-transition-forward .navbar-next .sliding.left, +.ios .router-transition-backward .navbar-previous .sliding.left, +.ios .router-transition-forward .navbar-next .sliding.left .icon + span, +.ios .router-transition-backward .navbar-previous .sliding.left .icon + span, +.ios .router-transition-forward .navbar-next .sliding.title, +.ios .router-transition-backward .navbar-previous .sliding.title, +.ios .router-transition-forward .navbar-next .sliding.right, +.ios .router-transition-backward .navbar-previous .sliding.right, +.ios .router-transition-forward .navbar-next .sliding .left, +.ios .router-transition-backward .navbar-previous .sliding .left, +.ios .router-transition-forward .navbar-next .sliding .left .icon + span, +.ios .router-transition-backward .navbar-previous .sliding .left .icon + span, +.ios .router-transition-forward .navbar-next .sliding .title, +.ios .router-transition-backward .navbar-previous .sliding .title, +.ios .router-transition-forward .navbar-next .sliding .right, +.ios .router-transition-backward .navbar-previous .sliding .right, +.ios .router-transition-forward .navbar-next .sliding .subnavbar, +.ios .router-transition-backward .navbar-previous .sliding .subnavbar { transition-duration: var(--f7-page-transition-duration); animation: none; transform: translate3d(0, 0, 0) !important; @@ -1780,8 +1767,8 @@ html.device-full-viewport body { } .ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .left, .ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .left, -.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition > .title, -.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled > .title, +.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .title, +.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .title, .ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .right, .ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .right, .ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .subnavbar, @@ -1796,9 +1783,6 @@ html.device-full-viewport body { .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-current.router-navbar-transition-from-large .title-large-inner { - animation: ios-navbar-large-title-inner-current-to-previous 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; @@ -1807,16 +1791,14 @@ html.device-full-viewport body { .ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { overflow: visible; } -.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text, -.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner { +.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, -.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-inner { +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text { animation: ios-navbar-large-title-text-slide-left var(--f7-page-transition-duration) forwards; } -.ios .router-transition-forward .navbar-next.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title, -.ios .router-transition-forward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title { +.ios .router-transition-forward .navbar-next.navbar-large:not(.navbar-large-collapsed) .title, +.ios .router-transition-forward .navbar-current.navbar-large:not(.navbar-large-collapsed) .title { animation: none; opacity: 0 !important; transition-duration: 0; @@ -1829,12 +1811,10 @@ html.device-full-viewport body { .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, -.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner { +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text { animation: ios-navbar-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, -.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-inner { +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text { animation: ios-navbar-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 { @@ -1849,11 +1829,8 @@ html.device-full-viewport body { .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-previous.router-navbar-transition-to-large .title-large-inner { - animation: ios-navbar-large-title-inner-previous-to-current var(--f7-page-transition-duration) forwards; -} -.ios .router-transition-backward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title, -.ios .router-transition-backward .navbar-previous.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title { +.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; @@ -1870,10 +1847,10 @@ html.device-full-viewport body { .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-inner-large-collapsed:not(.router-navbar-transition-to-large) .navbar-bg { +.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-current.navbar-inner-large-collapsed.navbar-inner-large-transparent:not(.router-navbar-transition-to-large) .navbar-bg { +.ios .router-transition-forward .navbar-current.navbar-large-collapsed.navbar-large-transparent:not(.router-navbar-transition-to-large) .navbar-bg { animation-name: ios-navbar-transparent-bg-from-c-to-l; } .ios .router-transition-forward .navbar-next .navbar-bg { @@ -1897,7 +1874,7 @@ html.device-full-viewport body { .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-inner-large-collapsed .navbar-bg { +.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-previous .navbar-bg { @@ -1909,48 +1886,68 @@ html.device-full-viewport body { .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-inner-large-collapsed .navbar-bg { +.ios .router-transition-backward .navbar-previous.navbar-large-collapsed .navbar-bg { animation-name: ios-navbar-bg-from-lt-to-ct; } -.ios .router-transition-backward .navbar-previous.navbar-inner-large-collapsed.navbar-inner-large-transparent .navbar-bg { +.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large-transparent .navbar-bg { animation-name: ios-navbar-transparent-bg-from-l-to-c; } -.ios .router-transition-backward .navbar-previous.navbar-inner-large-collapsed.navbar-inner-large-transparent.router-navbar-transition-from-large .navbar-bg { +.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large-transparent.router-navbar-transition-from-large .navbar-bg { animation-name: ios-navbar-bg-from-lb-to-ct; } +.view-master-detail .navbars { + z-index: auto; +} +.view-master-detail .page-master { + z-index: 525; +} +.view-master-detail .navbar-master .navbar-inner, +.view-master-detail .navbar-master .navbar-bg { + z-index: 550; +} +.view-master-detail .navbar-master-detail .navbar-inner, +.view-master-detail .navbar-master-detail .navbar-bg { + 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:not(.navbar-inner-large) .title, +.view-master-detail .navbar-master.navbar-previous:not(.navbar-large) .title, .view-master-detail .navbar-master.navbar-previous .right, .view-master-detail .navbar-master.navbar-previous .subnavbar { opacity: 1; } -.ios .view-master-detail.router-transition .navbar-master .left, -.ios .view-master-detail.router-transition .navbar-master .left .icon + span, -.ios .view-master-detail.router-transition .navbar-master:not(.navbar-inner-large) .title, -.ios .view-master-detail.router-transition .navbar-master .right, -.ios .view-master-detail.router-transition .navbar-master .subnavbar, -.ios .view-master-detail.router-transition .navbar-master .sliding, -.ios .view-master-detail.router-transition .navbar-master .fading { +.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:not(.navbar-large) .title, +.view-master-detail.router-transition .navbar-master .right, +.view-master-detail.router-transition .navbar-master .subnavbar, +.view-master-detail.router-transition .navbar-master .fading { opacity: 1 !important; transition-duration: 0ms; transform: none !important; animation: none !important; } -.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title { +.view-master-detail.router-transition .navbar-master .navbar-bg { + transition-duration: 0ms; + 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: 0ms; transform: none !important; animation: none !important; } -.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large, -.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-text, -.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-inner { +.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: 0ms; animation: none !important; } +.view-master-detail.router-transition .navbar-master.navbar-large-transparent .navbar-bg { + height: 100% !important; + opacity: var(--f7-navbar-large-collapse-progress) !important; +} @keyframes ios-navbar-element-fade-in { 0% { opacity: 0; @@ -2053,26 +2050,6 @@ html.device-full-viewport body { transform: translateX(0px) translateY(0px) scale(1); } } -@keyframes ios-navbar-large-title-inner-current-to-previous { - 0% { - transform: translateX(0%); - opacity: 1; - } - 100% { - transform: translateX(100%); - opacity: 0; - } -} -@keyframes ios-navbar-large-title-inner-previous-to-current { - 0% { - transform: translateX(100%); - opacity: 0; - } - 100% { - transform: translateX(0%); - opacity: 1; - } -} @keyframes ios-navbar-bg-from-cb-to-lb { from { transform: var(--f7-navbar-large-bg-center-bottom); @@ -2251,6 +2228,13 @@ html.device-full-viewport body { } .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-centered-title { justify-content: space-between; @@ -2279,7 +2263,7 @@ html.device-full-viewport body { margin-right: 10px; } .aurora .navbar .right:first-child { - left: calc(15px + var(--f7-safe-area-left)); + left: calc(16px + var(--f7-safe-area-left)); } .aurora .navbar-inner { justify-content: space-between; @@ -2327,9 +2311,9 @@ html.device-full-viewport body { --f7-tabbar-link-text-transform: none; --f7-tabbar-link-font-weight: 400; --f7-tabbar-link-letter-spacing: 0; - --f7-tabbar-label-font-size: 10px; + --f7-tabbar-label-font-size: 12px; --f7-tabbar-label-tablet-font-size: 14px; - --f7-tabbar-label-font-weight: 400; + --f7-tabbar-label-font-weight: 500; --f7-tabbar-label-letter-spacing: 0.01; } .ios .theme-dark, @@ -2369,8 +2353,8 @@ html.device-full-viewport body { .aurora { --f7-toolbar-height: 38px; --f7-toolbar-font-size: 14px; - --f7-toolbar-inner-padding-left: 15px; - --f7-toolbar-inner-padding-right: 15px; + --f7-toolbar-inner-padding-left: 16px; + --f7-toolbar-inner-padding-right: 16px; --f7-toolbar-link-height: auto; --f7-toolbar-link-line-height: inherit; --f7-tabbar-labels-height: 44px; @@ -2399,7 +2383,7 @@ html.device-full-viewport body { transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; - z-index: 500; + z-index: 600; box-sizing: border-box; left: 0; height: var(--f7-toolbar-height); @@ -2409,10 +2393,10 @@ html.device-full-viewport body { font-size: var(--f7-toolbar-font-size); } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .toolbar { - background-color: rgba(var(--f7-toolbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), 0.8); - -webkit-backdrop-filter: saturate(180%) blur(20px); - backdrop-filter: saturate(180%) 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 { @@ -2735,43 +2719,61 @@ html.device-full-viewport body { transform: translate3d(0, -100%, 0); } .navbar ~ .toolbar-top, +.navbars ~ .toolbar-top, .ios .navbar ~ .toolbar-top-ios, +.ios .navbars ~ .toolbar-top-ios, .md .navbar ~ .toolbar-top-md, .aurora .navbar ~ .toolbar-top-aurora, .navbar ~ * .toolbar-top, +.navbars ~ * .toolbar-top, .ios .navbar ~ * .toolbar-top-ios, +.ios .navbars ~ * .toolbar-top-ios, .md .navbar ~ * .toolbar-top-md, .aurora .navbar ~ * .toolbar-top-aurora, .navbar ~ .page:not(.no-navbar) .toolbar-top, +.navbars ~ .page:not(.no-navbar) .toolbar-top, .ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios, +.ios .navbars ~ .page:not(.no-navbar) .toolbar-top-ios, .md .navbar ~ .page:not(.no-navbar) .toolbar-top-md, .aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora { top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)); } .navbar ~ .toolbar-top.toolbar-hidden, +.navbars ~ .toolbar-top.toolbar-hidden, .ios .navbar ~ .toolbar-top-ios.toolbar-hidden, +.ios .navbars ~ .toolbar-top-ios.toolbar-hidden, .md .navbar ~ .toolbar-top-md.toolbar-hidden, .aurora .navbar ~ .toolbar-top-aurora.toolbar-hidden, .navbar ~ * .toolbar-top.toolbar-hidden, +.navbars ~ * .toolbar-top.toolbar-hidden, .ios .navbar ~ * .toolbar-top-ios.toolbar-hidden, +.ios .navbars ~ * .toolbar-top-ios.toolbar-hidden, .md .navbar ~ * .toolbar-top-md.toolbar-hidden, .aurora .navbar ~ * .toolbar-top-aurora.toolbar-hidden, .navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden, +.navbars ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden, .ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden, +.ios .navbars ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden, .md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden, .aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden { transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-safe-area-top))), 0); } .navbar ~ .toolbar-top.toolbar-hidden.tabbar-labels, +.navbars ~ .toolbar-top.toolbar-hidden.tabbar-labels, .ios .navbar ~ .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.ios .navbars ~ .toolbar-top-ios.toolbar-hidden.tabbar-labels, .md .navbar ~ .toolbar-top-md.toolbar-hidden.tabbar-labels, .aurora .navbar ~ .toolbar-top-aurora.toolbar-hidden.tabbar-labels, .navbar ~ * .toolbar-top.toolbar-hidden.tabbar-labels, +.navbars ~ * .toolbar-top.toolbar-hidden.tabbar-labels, .ios .navbar ~ * .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.ios .navbars ~ * .toolbar-top-ios.toolbar-hidden.tabbar-labels, .md .navbar ~ * .toolbar-top-md.toolbar-hidden.tabbar-labels, .aurora .navbar ~ * .toolbar-top-aurora.toolbar-hidden.tabbar-labels, .navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels, +.navbars ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels, .ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.ios .navbars ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels, .md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels, .aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden.tabbar-labels { transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-safe-area-top))), 0); @@ -2935,7 +2937,7 @@ html.device-full-viewport body { } .aurora .tabbar-scrollable a.tab-link, .aurora .tabbar-scrollable a.link { - padding: 0 15px; + padding: 0 16px; } /* === Subnavbar === */ :root { @@ -2956,7 +2958,7 @@ html.device-full-viewport body { --f7-subnavbar-title-font-size: 34px; --f7-subnavbar-title-font-weight: 700; --f7-subnavbar-title-letter-spacing: -0.03em; - --f7-subnavbar-title-margin-left: 7px; + --f7-subnavbar-title-margin-left: 8px; --f7-subnavbar-shadow-image: none; /* --f7-subnavbar-link-height: var(--f7-subnavbar-height); @@ -2979,8 +2981,8 @@ html.device-full-viewport body { } .aurora { --f7-subnavbar-height: 38px; - --f7-subnavbar-inner-padding-left: 15px; - --f7-subnavbar-inner-padding-right: 15px; + --f7-subnavbar-inner-padding-left: 16px; + --f7-subnavbar-inner-padding-right: 16px; --f7-subnavbar-title-font-size: 26px; --f7-subnavbar-title-font-weight: bold; --f7-subnavbar-title-letter-spacing: -0.03em; @@ -2994,7 +2996,7 @@ html.device-full-viewport body { position: absolute; left: 0; top: 0; - z-index: 500; + z-index: 600; box-sizing: border-box; display: flex; justify-content: space-between; @@ -3004,13 +3006,13 @@ html.device-full-viewport body { color: var(--f7-subnavbar-text-color, var(--f7-bars-text-color)); } @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { - .ios-translucent .subnavbar { - background-color: rgba(var(--f7-subnavbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), 0.8); - -webkit-backdrop-filter: saturate(180%) blur(20px); - backdrop-filter: saturate(180%) 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 .title { +.subnavbar .subnavbar-title { position: relative; overflow: hidden; text-overflow: ellpsis; @@ -3105,13 +3107,17 @@ html.device-full-viewport body { position: absolute; } .navbar ~ * .subnavbar, +.navbars ~ * .subnavbar, .page-with-subnavbar .navbar ~ .subnavbar, .page-with-subnavbar .navbar ~ * .subnavbar, .navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar, -.navbar ~ .subnavbar { +.navbar ~ .subnavbar, +.navbars ~ .page-with-subnavbar:not(.no-navbar) .subnavbar, +.navbars ~ .subnavbar { top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)); } .navbar ~ .page-with-navbar-large:not(.no-navbar) .subnavbar, +.navbars ~ .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, .navbar .title-large ~ .subnavbar { @@ -3133,7 +3139,7 @@ html.device-full-viewport body { } .ios .subnavbar .left a + a, .ios .subnavbar .right a + a { - margin-right: 15px; + margin-right: 16px; } .ios .subnavbar .left { margin-left: 10px; @@ -3212,7 +3218,7 @@ html.device-full-viewport body { margin-right: 10px; } .aurora .subnavbar .right:first-child { - left: 15px; + left: 16px; } .aurora .subnavbar a.link { justify-content: flex-start; @@ -3223,6 +3229,8 @@ html.device-full-viewport body { } /* === Content Block === */ :root { + --f7-block-padding-horizontal: 16px; + --f7-block-padding-vertical: 16px; --f7-block-font-size: inherit; --f7-block-text-color: inherit; --f7-block-strong-bg-color: #fff; @@ -3236,17 +3244,17 @@ html.device-full-viewport body { --f7-block-title-medium-text-transform: none; --f7-block-title-large-text-color: #000; --f7-block-title-large-text-transform: none; + --f7-block-inset-side-margin: 16px; } :root .theme-dark, :root.theme-dark { + --f7-block-title-text-color: #fff; --f7-block-strong-border-color: rgba(255, 255, 255, 0.15); --f7-block-title-medium-text-color: #fff; --f7-block-title-large-text-color: #fff; --f7-block-strong-bg-color: #1c1c1d; } .ios { - --f7-block-padding-horizontal: 15px; - --f7-block-padding-vertical: 15px; --f7-block-margin-vertical: 35px; --f7-block-strong-text-color: #000; --f7-block-strong-border-color: rgba(0, 0, 0, 0.22); @@ -3261,21 +3269,17 @@ html.device-full-viewport body { --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-side-margin: 15px; --f7-block-inset-border-radius: 7px; --f7-block-header-text-color: rgba(0, 0, 0, 0.45); --f7-block-footer-text-color: rgba(0, 0, 0, 0.45); } .ios .theme-dark, .ios.theme-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; } .md { - --f7-block-padding-horizontal: 16px; - --f7-block-padding-vertical: 16px; --f7-block-margin-vertical: 32px; --f7-block-strong-text-color: inherit; --f7-block-strong-border-color: rgba(0, 0, 0, 0.12); @@ -3290,20 +3294,16 @@ html.device-full-viewport body { --f7-block-title-large-font-size: 34px; --f7-block-title-large-font-weight: 500; --f7-block-title-large-line-height: 1.2; - --f7-block-inset-side-margin: 16px; --f7-block-inset-border-radius: 4px; --f7-block-header-text-color: rgba(0, 0, 0, 0.54); --f7-block-footer-text-color: rgba(0, 0, 0, 0.54); } .md .theme-dark, .md.theme-dark { - --f7-block-title-text-color: #fff; --f7-block-header-text-color: rgba(255, 255, 255, 0.54); --f7-block-footer-text-color: rgba(255, 255, 255, 0.54); } .aurora { - --f7-block-padding-horizontal: 15px; - --f7-block-padding-vertical: 15px; --f7-block-margin-vertical: 15px; --f7-block-strong-text-color: inherit; --f7-block-strong-border-color: rgba(0, 0, 0, 0.12); @@ -3318,16 +3318,14 @@ html.device-full-viewport body { --f7-block-title-large-font-size: 28px; --f7-block-title-large-font-weight: bold; --f7-block-title-large-line-height: 1.3; - --f7-block-inset-side-margin: 15px; --f7-block-inset-border-radius: 4px; --f7-block-header-text-color: rgba(0, 0, 0, 0.6); --f7-block-footer-text-color: rgba(0, 0, 0, 0.6); } .aurora .theme-dark, .aurora.theme-dark { - --f7-block-title-text-color: #fff; - --f7-block-header-text-color: rgba(255, 255, 255, 0.52); - --f7-block-footer-text-color: rgba(255, 255, 255, 0.52); + --f7-block-header-text-color: rgba(255, 255, 255, 0.54); + --f7-block-footer-text-color: rgba(255, 255, 255, 0.54); --f7-block-strong-text-color: #fff; } .block { @@ -3599,6 +3597,10 @@ html.device-full-viewport body { } /* === List View === */ :root { + --f7-list-inset-side-margin: 16px; + --f7-list-item-cell-margin: 16px; + --f7-list-item-padding-horizontal: 16px; + --f7-list-media-item-padding-horizontal: 16px; --f7-list-bg-color: #fff; --f7-list-item-text-max-lines: 2; --f7-list-chevron-icon-color: rgba(0, 0, 0, 0.2); @@ -3638,7 +3640,6 @@ html.device-full-viewport body { } .ios { --f7-list-in-list-padding-left: 30px; - --f7-list-inset-side-margin: 15px; --f7-list-inset-border-radius: 7px; --f7-list-margin-vertical: 35px; --f7-list-font-size: 17px; @@ -3656,13 +3657,10 @@ html.device-full-viewport body { --f7-list-item-after-padding: 5px; --f7-list-item-footer-text-color: rgba(0, 0, 0, 0.45); --f7-list-item-min-height: 44px; - --f7-list-item-media-margin: 15px; + --f7-list-item-media-margin: 16px; --f7-list-item-media-icons-margin: 5px; - --f7-list-item-cell-margin: 15px; --f7-list-item-padding-vertical: 8px; - --f7-list-item-padding-horizontal: 15px; --f7-list-media-item-padding-vertical: 10px; - --f7-list-media-item-padding-horizontal: 15px; --f7-list-media-item-title-font-weight: 600; /* --f7-list-button-text-color: var(--f7-theme-color); @@ -3695,7 +3693,6 @@ html.device-full-viewport body { } .md { --f7-list-in-list-padding-left: 40px; - --f7-list-inset-side-margin: 16px; --f7-list-inset-border-radius: 4px; --f7-list-margin-vertical: 32px; --f7-list-font-size: 16px; @@ -3715,11 +3712,8 @@ html.device-full-viewport body { --f7-list-item-min-height: 48px; --f7-list-item-media-margin: 16px; --f7-list-item-media-icons-margin: 8px; - --f7-list-item-cell-margin: 16px; --f7-list-item-padding-vertical: 8px; - --f7-list-item-padding-horizontal: 16px; --f7-list-media-item-padding-vertical: 14px; - --f7-list-media-item-padding-horizontal: 16px; /* --f7-list-media-item-title-font-weight: var(--f7-list-item-title-font-weight); */ @@ -3751,8 +3745,7 @@ html.device-full-viewport body { --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.54); } .aurora { - --f7-list-in-list-padding-left: 15px; - --f7-list-inset-side-margin: 15px; + --f7-list-in-list-padding-left: 16px; --f7-list-inset-border-radius: 4px; --f7-list-margin-vertical: 15px; --f7-list-font-size: 14px; @@ -3776,11 +3769,8 @@ html.device-full-viewport body { --f7-list-item-min-height: 32px; --f7-list-item-media-margin: 10px; --f7-list-item-media-icons-margin: 5px; - --f7-list-item-cell-margin: 15px; --f7-list-item-padding-vertical: 5px; - --f7-list-item-padding-horizontal: 15px; --f7-list-media-item-padding-vertical: 5px; - --f7-list-media-item-padding-horizontal: 15px; --f7-list-media-item-title-font-weight: 600; /* --f7-list-button-text-color: var(--f7-theme-color); @@ -3803,9 +3793,9 @@ html.device-full-viewport body { } .aurora .theme-dark, .aurora.theme-dark { - --f7-list-item-text-text-color: rgba(255, 255, 255, 0.52); - --f7-list-item-after-text-color: rgba(255, 255, 255, 0.52); - --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.52); + --f7-list-item-text-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-after-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.54); --f7-list-item-divider-text-color: rgba(255, 255, 255, 0.6); --f7-list-group-title-text-color: rgba(255, 255, 255, 0.6); --f7-list-link-pressed-bg-color: rgba(255, 255, 255, 0.05); @@ -4578,12 +4568,14 @@ li.list-group-title, --f7-button-fill-bg-color: var(--f7-theme-color); --f7-button-outline-border-color: var(--f7-theme-color); */ + --f7-button-outline-border-width: 2px; --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-bg-color: rgba(0, 0, 0, 0.07); --f7-segmented-strong-padding: 2px; --f7-segmented-strong-between-buttons: 4px; + --f7-segmented-strong-button-font-weight: 500; --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); @@ -4612,7 +4604,6 @@ li.list-group-title, --f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); --f7-button-fill-pressed-bg-color: var(--f7-theme-color-tint); */ - --f7-button-outline-border-width: 2px; --f7-button-large-height: 44px; --f7-button-large-font-size: 17px; --f7-button-large-font-weight: 500; @@ -4623,7 +4614,6 @@ li.list-group-title, --f7-button-small-text-transform: uppercase; --f7-button-small-outline-border-width: 2px; --f7-segmented-strong-button-text-transform: none; - --f7-segmented-strong-button-font-weight: 500; --f7-segmented-strong-button-active-font-weight: 600; } .md { @@ -4638,7 +4628,6 @@ li.list-group-title, /* --f7-button-fill-pressed-bg-color: var(--f7-theme-color-shade); */ - --f7-button-outline-border-width: 2px; --f7-button-large-height: 48px; --f7-button-large-font-size: 14px; --f7-button-large-font-weight: 500; @@ -4649,7 +4638,6 @@ li.list-group-title, --f7-button-small-text-transform: uppercase; --f7-button-small-outline-border-width: 2px; --f7-segmented-strong-button-text-transform: uppercase; - --f7-segmented-strong-button-font-weight: 500; --f7-segmented-strong-button-active-font-weight: 500; } .md .theme-dark, @@ -4673,7 +4661,6 @@ li.list-group-title, --f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15); --f7-button-fill-pressed-bg-color: var(--f7-theme-color-shade); */ - --f7-button-outline-border-width: 2px; --f7-button-large-height: 34px; --f7-button-large-font-size: 14px; --f7-button-large-font-weight: 600; @@ -4684,7 +4671,6 @@ li.list-group-title, --f7-button-small-text-transform: none; --f7-button-small-outline-border-width: 1px; --f7-segmented-strong-button-text-transform: none; - --f7-segmented-strong-button-font-weight: 500; --f7-segmented-strong-button-active-font-weight: 600; } button { diff --git a/packages/core/css/framework7.rtl.min.css b/packages/core/css/framework7.rtl.min.css index a6bf9ea3f6..66f7b45230 100644 --- a/packages/core/css/framework7.rtl.min.css +++ b/packages/core/css/framework7.rtl.min.css @@ -1,5 +1,5 @@ /** - * Framework7 5.0.0-beta.2 + * Framework7 5.0.0-beta.3 * Full featured mobile HTML framework for building iOS & Android apps * http://framework7.io/ * @@ -7,7 +7,7 @@ * * Released under the MIT License * - * Released on: July 22, 2019 + * Released on: August 6, 2019 */ -:root{--f7-theme-color:#007aff;--f7-theme-color-rgb:0,122,255;--f7-theme-color-shade:#0066d6;--f7-theme-color-tint:#298fff;--f7-safe-area-left:0px;--f7-safe-area-right:0px;--f7-safe-area-top:0px;--f7-safe-area-bottom:0px;--f7-safe-area-outer-left:0px;--f7-safe-area-outer-right:0px;--f7-device-pixel-ratio:1}@supports (left:env(safe-area-inset-left)){:root{--f7-safe-area-top:env(safe-area-inset-top);--f7-safe-area-bottom:env(safe-area-inset-bottom)}:root .ios-edges,:root .ios-left-edge,:root .panel-left,:root .popup,:root .safe-area-left,:root .safe-areas,:root .sheet-modal{--f7-safe-area-left:env(safe-area-inset-left);--f7-safe-area-outer-left:env(safe-area-inset-left)}:root .ios-edges,:root .ios-right-edge,:root .panel-right,:root .popup,:root .safe-area-right,:root .safe-areas,:root .sheet-modal{--f7-safe-area-right:env(safe-area-inset-right);--f7-safe-area-outer-right:env(safe-area-inset-right)}:root .no-ios-edges,:root .no-ios-left-edge,:root .no-safe-area-left,:root .no-safe-areas{--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px}:root .no-ios-edges,:root .no-ios-right-edge,:root .no-safe-area-right,:root .no-safe-areas{--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){:root{--f7-device-pixel-ratio:2}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){:root{--f7-device-pixel-ratio:3}}:root{--f7-font-size:14px}.ios{--f7-font-family:-apple-system,SF Pro Text,SF UI Text,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-line-height:1.4}.ios .theme-dark,.ios.theme-dark{--f7-text-color:#fff}.md{--f7-font-family:Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;--f7-text-color:#212121;--f7-line-height:1.5}.md .theme-dark,.md.theme-dark{--f7-text-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-font-family:-apple-system,system-ui,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-line-height:1.5}.aurora .theme-dark,.aurora.theme-dark{--f7-text-color:#fff}:root{--f7-bars-bg-image:none;--f7-bars-bg-color:#f7f7f8;--f7-bars-bg-color-rgb:247,247,248;--f7-bars-text-color:#000;--f7-bars-shadow-bottom-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);--f7-bars-shadow-top-image:linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)}.theme-dark{--f7-bars-bg-color:#1b1b1b;--f7-bars-bg-color-rgb:27,27,27;--f7-bars-text-color:#fff}.ios{--f7-bars-border-color:rgba(0, 0, 0, 0.25)}.ios .theme-dark,.ios.theme-dark{--f7-bars-bg-color:#121212;--f7-bars-bg-color-rgb:19,19,19;--f7-bars-border-color:rgba(255, 255, 255, 0.1)}.md{--f7-bars-border-color:transparent}.aurora{--f7-bars-border-color:rgba(0, 0, 0, 0.2)}.aurora .theme-dark,.aurora.theme-dark{--f7-bars-border-color:rgba(255, 255, 255, 0.1)}.text-color-primary{--f7-theme-color-text-color:var(--f7-theme-color)}.bg-color-primary{--f7-theme-color-bg-color:var(--f7-theme-color)}.border-color-primary{--f7-theme-color-border-color:var(--f7-theme-color)}.ripple-color-primary{--f7-theme-color-ripple-color:rgba(var(--f7-theme-color-rgb), 0.3)}:root{--f7-color-red:#ff3b30;--f7-color-red-rgb:255,59,48;--f7-color-red-shade:#ff1407;--f7-color-red-tint:#ff6259;--f7-color-green:#4cd964;--f7-color-green-rgb:76,217,100;--f7-color-green-shade:#2cd048;--f7-color-green-tint:#6ee081;--f7-color-blue:#2196f3;--f7-color-blue-rgb:33,150,243;--f7-color-blue-shade:#0c82df;--f7-color-blue-tint:#48a8f5;--f7-color-pink:#ff2d55;--f7-color-pink-rgb:255,45,85;--f7-color-pink-shade:#ff0434;--f7-color-pink-tint:#ff5676;--f7-color-yellow:#ffcc00;--f7-color-yellow-rgb:255,204,0;--f7-color-yellow-shade:#d6ab00;--f7-color-yellow-tint:#ffd429;--f7-color-orange:#ff9500;--f7-color-orange-rgb:255,149,0;--f7-color-orange-shade:#d67d00;--f7-color-orange-tint:#ffa629;--f7-color-purple:#9c27b0;--f7-color-purple-rgb:156,39,176;--f7-color-purple-shade:#7e208f;--f7-color-purple-tint:#b92fd1;--f7-color-deeppurple:#673ab7;--f7-color-deeppurple-rgb:103,58,183;--f7-color-deeppurple-shade:#563098;--f7-color-deeppurple-tint:#7c52c8;--f7-color-lightblue:#5ac8fa;--f7-color-lightblue-rgb:90,200,250;--f7-color-lightblue-shade:#32bbf9;--f7-color-lightblue-tint:#82d5fb;--f7-color-teal:#009688;--f7-color-teal-rgb:0,150,136;--f7-color-teal-shade:#006d63;--f7-color-teal-tint:#00bfad;--f7-color-lime:#cddc39;--f7-color-lime-rgb:205,220,57;--f7-color-lime-shade:#bac923;--f7-color-lime-tint:#d6e25c;--f7-color-deeporange:#ff6b22;--f7-color-deeporange-rgb:255,107,34;--f7-color-deeporange-shade:#f85200;--f7-color-deeporange-tint:#ff864b;--f7-color-gray:#8e8e93;--f7-color-gray-rgb:142,142,147;--f7-color-gray-shade:#79797f;--f7-color-gray-tint:#a3a3a7;--f7-color-white:#ffffff;--f7-color-white-rgb:255,255,255;--f7-color-white-shade:#ebebeb;--f7-color-white-tint:#ffffff;--f7-color-black:#000000;--f7-color-black-rgb:0,0,0;--f7-color-black-shade:#000000;--f7-color-black-tint:#141414}.color-theme-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.color-theme-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.color-theme-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.color-theme-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.color-theme-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.color-theme-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.color-theme-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.color-theme-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.color-theme-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.color-theme-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.color-theme-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.color-theme-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.color-theme-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.color-theme-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.color-theme-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.color-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.text-color-red{--f7-theme-color-text-color:#ff3b30}.bg-color-red{--f7-theme-color-bg-color:#ff3b30}.border-color-red{--f7-theme-color-border-color:#ff3b30}.ripple-color-red,.ripple-red{--f7-theme-color-ripple-color:rgba(255, 59, 48, 0.3)}.color-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.text-color-green{--f7-theme-color-text-color:#4cd964}.bg-color-green{--f7-theme-color-bg-color:#4cd964}.border-color-green{--f7-theme-color-border-color:#4cd964}.ripple-color-green,.ripple-green{--f7-theme-color-ripple-color:rgba(76, 217, 100, 0.3)}.color-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.text-color-blue{--f7-theme-color-text-color:#2196f3}.bg-color-blue{--f7-theme-color-bg-color:#2196f3}.border-color-blue{--f7-theme-color-border-color:#2196f3}.ripple-blue,.ripple-color-blue{--f7-theme-color-ripple-color:rgba(33, 150, 243, 0.3)}.color-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.text-color-pink{--f7-theme-color-text-color:#ff2d55}.bg-color-pink{--f7-theme-color-bg-color:#ff2d55}.border-color-pink{--f7-theme-color-border-color:#ff2d55}.ripple-color-pink,.ripple-pink{--f7-theme-color-ripple-color:rgba(255, 45, 85, 0.3)}.color-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.text-color-yellow{--f7-theme-color-text-color:#ffcc00}.bg-color-yellow{--f7-theme-color-bg-color:#ffcc00}.border-color-yellow{--f7-theme-color-border-color:#ffcc00}.ripple-color-yellow,.ripple-yellow{--f7-theme-color-ripple-color:rgba(255, 204, 0, 0.3)}.color-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.text-color-orange{--f7-theme-color-text-color:#ff9500}.bg-color-orange{--f7-theme-color-bg-color:#ff9500}.border-color-orange{--f7-theme-color-border-color:#ff9500}.ripple-color-orange,.ripple-orange{--f7-theme-color-ripple-color:rgba(255, 149, 0, 0.3)}.color-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.text-color-purple{--f7-theme-color-text-color:#9c27b0}.bg-color-purple{--f7-theme-color-bg-color:#9c27b0}.border-color-purple{--f7-theme-color-border-color:#9c27b0}.ripple-color-purple,.ripple-purple{--f7-theme-color-ripple-color:rgba(156, 39, 176, 0.3)}.color-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.text-color-deeppurple{--f7-theme-color-text-color:#673ab7}.bg-color-deeppurple{--f7-theme-color-bg-color:#673ab7}.border-color-deeppurple{--f7-theme-color-border-color:#673ab7}.ripple-color-deeppurple,.ripple-deeppurple{--f7-theme-color-ripple-color:rgba(103, 58, 183, 0.3)}.color-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.text-color-lightblue{--f7-theme-color-text-color:#5ac8fa}.bg-color-lightblue{--f7-theme-color-bg-color:#5ac8fa}.border-color-lightblue{--f7-theme-color-border-color:#5ac8fa}.ripple-color-lightblue,.ripple-lightblue{--f7-theme-color-ripple-color:rgba(90, 200, 250, 0.3)}.color-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.text-color-teal{--f7-theme-color-text-color:#009688}.bg-color-teal{--f7-theme-color-bg-color:#009688}.border-color-teal{--f7-theme-color-border-color:#009688}.ripple-color-teal,.ripple-teal{--f7-theme-color-ripple-color:rgba(0, 150, 136, 0.3)}.color-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.text-color-lime{--f7-theme-color-text-color:#cddc39}.bg-color-lime{--f7-theme-color-bg-color:#cddc39}.border-color-lime{--f7-theme-color-border-color:#cddc39}.ripple-color-lime,.ripple-lime{--f7-theme-color-ripple-color:rgba(205, 220, 57, 0.3)}.color-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.text-color-deeporange{--f7-theme-color-text-color:#ff6b22}.bg-color-deeporange{--f7-theme-color-bg-color:#ff6b22}.border-color-deeporange{--f7-theme-color-border-color:#ff6b22}.ripple-color-deeporange,.ripple-deeporange{--f7-theme-color-ripple-color:rgba(255, 107, 34, 0.3)}.color-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.text-color-gray{--f7-theme-color-text-color:#8e8e93}.bg-color-gray{--f7-theme-color-bg-color:#8e8e93}.border-color-gray{--f7-theme-color-border-color:#8e8e93}.ripple-color-gray,.ripple-gray{--f7-theme-color-ripple-color:rgba(142, 142, 147, 0.3)}.color-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.text-color-white{--f7-theme-color-text-color:#ffffff}.bg-color-white{--f7-theme-color-bg-color:#ffffff}.border-color-white{--f7-theme-color-border-color:#ffffff}.ripple-color-white,.ripple-white{--f7-theme-color-ripple-color:rgba(255, 255, 255, 0.3)}.color-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.text-color-black{--f7-theme-color-text-color:#000000}.bg-color-black{--f7-theme-color-bg-color:#000000}.border-color-black{--f7-theme-color-border-color:#000000}.ripple-black,.ripple-color-black{--f7-theme-color-ripple-color:rgba(0, 0, 0, 0.3)}@font-face{font-family:framework7-core-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAz4ABAAAAAAGNgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAM3AAAABkAAAAciZuB7UdERUYAAArUAAAAIwAAACQAfQBXR1BPUwAADKwAAAAuAAAANuAY7+xHU1VCAAAK+AAAAbMAAAQuAxQJ5U9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAogAAACIAAABYt6F0cBjdnQgAAADEAAAAAQAAAAEABEBRGdhc3AAAArMAAAACAAAAAj//wADZ2x5ZgAAA6gAAAR1AAAJzOg6B0doZWFkAAABbAAAADAAAAA2FLiY/WhoZWEAAAGcAAAAIAAAACQHgQM9aG10eAAAAigAAABeAAABJC9JAAJsb2NhAAADFAAAAJQAAACUReRIiG1heHAAAAG8AAAAHwAAACAAjwBLbmFtZQAACCAAAAFSAAAC2WG9Sh5wb3N0AAAJdAAAAVYAAAJ2B5LxL3jaY2BkYGAA4r3NMlLx/DZfGbiZGEDgxtw1DjD6/49/vSxpTJ+BXA4GsDQARmkM0njaY2BkYGD6/K+XQY8l7f8PBgaWNAagCArwBACRVQXFeNpjYGRgYPBkkGJgYQABJiBmZACJOTDogQQADbgA2wB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wKxExCfBWIJoNzZ/z8Y3YBsF6g4kM2UBpFjBNJMQD0Mu4FsY4jZTGch5jAZQ8QBlR0UZwAAeNpjYGBgZoBgGQZGBhCIAfIYwXwWBgcgzcPAwcAEZCsw6DJYMsQzVP3/DxQF8QyAvMT///8//n/9/9X/G/6vh5oAB4xsDHAhRiYgwcSApgBiNRywMDCwsrFzcHJx8/DyMRAD+BkEBIWERUTFxCUkpaRlZOXkFRSVlFVU1dQ1NBkGAwAAxH4T6AARAUQAAAAqACoAKgA0AD4ASABSAFwAZgBwAHoAhACOAJgAogCsALYAwADKANQA3gDoAPIA/AEGARABGgEkAS4BOAFCAUwBVgFgAWoBdAF+AYgBkgGcAaYBsgHeAgACKgI8AlICZAKEApQCpALWAuwC/gMeAzADQgNgA3IDlgO0A8QD6gP8BBYEKgRKBFwEbgSWBKwExgTmeNrtVc9vG0UUfm8de9y43rVje204lNjZ7AYBKcna3lKcxCIJhwgCqhIIuTSpKp8CaoRsbnZujSosI5QqitVbpCLBKT8EUiUSwyW9mEoWB4RyChKpEJxyoVKz5s2sDXH6H6BKM34z387OfvO9741BgiAAbOAsuIDB4BbC5cw264K/hrc87sPMtkuiIWy5OOzm8Dbz4NPMNnLcDJpBwwz2BVc/y+Vw1v4miCbthtRqotMoOMTHz7Hn2P8ek85gLkLfkAQMXdQv4Ps4TxWmQASiAD0JT1gdTif1YTXsSehJt2UoGLWMr2cymZnMvaWpqaUpHPffkuVleRmzmZmRkZkPpjj8RL7l56DDofkDmvSRHoD+hCLxncbQ0JPp4ZdQRQMRf/P1qr79fZ8a9x0p25J05FN7fXv7HD1SHM7NY6zhfboHXqBdosxIGZ6+BN9DjYRZNMFZElvMrugrbHBscnHxzo0B9u3CxMTCeHlFL0XYwOKdxcXJ0UE2vjA+viB4gQ57dF43QIjRltZeoaBVq5gWAVrcT7CKZfDSVyNxvijKsGo/rGj1ulb5NenE1lrw4494k+9nYRQNq4KKZtcr2mwrAjafkBavkBZ0n1npMST6YZKUy3sZdTfSyenMe3v8/EfKI3QdcU1o7ijBvxGGA4ezRWQM62BTK5W07+i32N/5PEVUo6z1uL9Y0oSOdrkrJ52Aj+e336AFUYsyahlSryYFerTerp6AJGUP0gft9qb9k326vo4uHEbX+vofB1b7kfX08F/YPuXLntWMC0b3r4VVrpP5RY0HvEICtjXL4ruYBQ9NomyIVuPL2uGyRhiFvnecNUv4FuoQoBGXS2gl3GOlMSmzVaZSl1VvPu9FXeYTjsksn2fizDCPdXqf/3fACMYj7lQ8gnXbxPqJaW6YpuBcwxjlhXTrR64rxpoQe/w4VnMC8Wj+DR/Bz/gayACUuaiqoIzExEpHpxa6A4Huj90hz1W/rFz8/Eul26d85UWWVS76ZecM1/Ft4sC9Ri5ixqZIDOoigONxUHGCcuen6gNK3hmHe1r+/nMuNKe9bk1PfzK9NTc6Oje68mFo7hLNpq2hq2Mc6dSLO4yKTNiL8cLrEEuV19tSFQqEdfIkEcgbDs/rm1qxqIk6LEs5PCElQwDJAJELeBJI52k7adfe3bWh+WIu125ZhJ2dJuzgxhkQOjVPIfcqQuz4OFbDluLtmsrhp+RXQCaEE7QwV6lo7YbvnZnwd+yaVJVq3FMWec+8gL/Xj+2afb8smaci7e29L8EDvMF1Sjue+q8gH3TaaDDgXfWGqQdUx1XO+5N0r+nCu8K6FpqPbvZc+x7DIpy/Y/jtYdDNouXzOE+hUGjlvTkv1SUdLvC8k6YmF7UvETpTnY21u43G3bW1YrpIrcR/X8WBRsP+pYH3SlaxaJXE7/n6E9+Mp+JGnded/RCvVLDMh0lRfy7OTzKJH68N0jiYcqqDdy6W00mZ5Ipo53ULOPbiNelc6mSs24zd9jqWwmvP6PYPnHjkAAAAAHjarZC9TsMwFIWP+yfBgBjI7rGtmsjx0p+RSl26IIbsITWt1Sau3EhVxcuwsTGy8RQsTOx9C65dDwwdGBrpyl+Oz7XPNYAbvIPh9HXxGJghwlvgBq7xFbiJlN0HbiFir4HbuGXfgTuIGhE5WeuK/h58l2OGPl4CN3CHz8BNPOEncAt9Vgdug7OPwB3Sj5jCYIsDLDSWWKEGp8wFerRKCKQYY0CcYYMcC3KVVJaUOblzIqeXdIb2u5ia7cHq5arm3aLHpUjHA55t8oUuteXzVW43ebnVC3I+U7NrVdhTCIs1hojpaseKSHuusCOrzUu1N3Y9jAtjVawLU5F81vvXMPNi7VdL8yk/VUJzcUyo/h/h5JcYkSp9nd4GM1PVM2OXistE8Ak/G5V0OYpl7J7jEoNn5LO0r72PUxaXJvGrmw2ZsjttKi5Emggh+AUu/QVMMIYbAAB42m2QCU/CQBSEZ8ADECzIJXj+FuN937dpartKI3TJdjn+vNGFUqGJmzTpvm/evNmHFMbn5xvEf+fIfEQKaRRRRgVV1FDHKhpoYg3r2MEu9rCPAxwa7TFOcIoznOMCl7jCNW5wizvc4wGPeMIzXvCKN6aY5hznucBFZphljkvMs8BlWiyyxBWWWWGVNda5ygabXOM6N7jJLW7nQuEot2X7Miy5LdFXMrCV/9nSo0p2AjueFbO2+NDmXnCUkoP4tmSo+/Uuh+a/mFAak0LCNj+La4HU/ofvOto3FbctQzHqsCLzd6m17BjLrHI8X45IOe725CCwnZ6SylkMpRqHCAd+Vyg7EENt/QWKNLm4r9ctTN4UgdIUTCr52RGWJ9pCC1vJXuDNzOgq0c9OmFlGVys7yjybcbyAqWmUxwiKyT2blSWmGMVyZBbzzPiFpl5JdkbevxMrvisAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQYPIJsFLMYAAA12ANUAeNp1UklOAkEUfUV3Ao4goHSUQQbBIM6z4qxoPIMbNhoT4sIQD+DCMxjjOVx6BuMRjAtvge9XAz2FdLqr+r1X/7/6/0MBGEYWNahWs/2ACEwi6HQgjGrd3zWJwf4jZ+o1AmX8IowknkLt0LdhGiWjDoP4PBrYQBR5PlmUuZvgWuSTRZp/aSSoGHfxeViYQooKm13CmIudYY7JPhfFLK7xiDd84keZqqwa6lY9q3f1ob7UH66oTvGd0+czvugxlDSe5+6U0bxKJ5NbtxXQJbSzjE9X5z29uhJyPs1CQON2ZxErYIW6Qb5sxXlA4a/gItdBMYTf7fJxTOvuVHw+V9mBQRnOMBo4a/ta6zLBrAcBplfDZYwEoonDPc5ksJoyX1X2/4Iekzp6kW9Ua0pUJfpeDrkbpJD4xxjy8ILJdK/zljKtFn1bdBXTe9tBnHqJnexnkRMnrFWR8aWCztQ6/CYzxRhdkB4eJlJjH284yS94xT5jJPX5OG/t7cURK1TmuRwVkiXHr9Rlx4dnuFbopMrKuWPZGWv6vg4q971kNSWHM1nbdNZD7IqI0zh3GZ238A+0lkTEAHjaY2BkYGDgYpBjMGFgzEksyWPgYGABijD8/88AkmEszqxKhYp9YIADAMCOBtEAAHjaY2BgYGQAghsJmjlgeu4aBxgNAELpBpEAAAA=") format("woff");font-weight:400;font-style:normal}@font-face{font-family:framework7-skeleton;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAYQAA0AAAAAEcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF9AAAABkAAAAciVvoDU9TLzIAAAGcAAAASwAAAGBRtV1jY21hcAAAAfwAAAC8AAABamglddJjdnQgAAACuAAAAAQAAAAEABEBRGdhc3AAAAXsAAAACAAAAAj //wADZ2x5ZgAAA2wAAACUAAAJjHCzhiRoZWFkAAABMAAAAC4AAAA2ERr/HWhoZWEAAAFgAAAAGgAAACQC8ADFaG10eAAAAegAAAATAAAAtAMAABFsb2NhAAACvAAAAK4AAACuaNBmhG1heHAAAAF8AAAAHwAAACAAmgA5bmFtZQAABAAAAAFQAAACuLf6wytwb3N0AAAFUAAAAJkAAADOCKMIc3jaY2BkYGAA4lUx8ibx/DZfGbiZGEDgRu39AAT9/wAjA+MBIJeDASwNACBICpsAAHjaY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB42mNgZGBgCGPgYGBiAAEQycgAEnNg0AMJAAANJwDUAHjaY2BhZGCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01haGBQYKhlPPD/AIMe4wEGB5gaxgNAHgNQjhEA6dgLvQB42mNkYBBkAAJGKB4KAAAOfQAVAHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMSgxWDNEMsQz1D7/z9QXIFBjUGHwRHIT/z////j/w/+3/9/6//N/zeg5iABRjYGuCAjE5BgQlcAdAILK5DBxs7BycXAzcPLxy8gKCQsIiomLiEpBVYjLSMrJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZs5gwWBpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSyjDgAABJLiG7ABEBRAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C8gMAAw4DHAMqAzgDRgNUA2IDcAN+A4wDmgOoA7YDxAPSA+AD7gP8BAoEGAQmBDQEQgRQBF4EbAR6BIgEnASqBLgExgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVI6G36jcqNyo3GiZMSo3Kjes8hQAx51w5njapZC9agJBFIXP+EfSBMEXmEoU3GVcBNFWsLEJKbYKhEUnOrjryrggkgfIQ6RMnzZVHiBNijxM6pydHUiRFAEXLvebc8+duXcBXOEFAtXXw41ngQ6ePddwgXfPdYRCeW6gIx49N9EWb55b1L/oFI1Lnq5dV8kCXTx4rqGNV8913OLTcwNdcee5CSmePLeof2CGHHucYGGwxgYFJGdeos8cQWGICQbkGCkSrOjKGJbKgu6EVOoZ7zCuilm+P1mz3hSyt+zLSA0nAxmnycpkxsrFJrFpku3Nis57NpetGkcOYbHFGAEOzJqXao6SY0ebTTJ9zO12HBy2OtVFTvGX66c0d0LhsuVO2m0ScheJKeN/z1beESuRi+pPYJ7vinlu11pGoZJT+cdwVEdBFJSbn7djzLql1/iBlBsidLlcBrG2B8MHlRqGSil51nPfEi6AO3jaXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAAAAAAH//wACeNpjYGBgZACCGwmaOWC69n4AjAYARC0G1wAAAA==") format("woff");font-weight:300,400,500,600,700;font-style:normal,italic}html{direction:rtl}.framework7-root,body,html{position:relative;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;width:100%;background:#fff;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-family:var(--f7-font-family);font-size:var(--f7-font-size);line-height:var(--f7-line-height);color:var(--f7-text-color)}.theme-dark{color:var(--f7-text-color)}.framework7-root{overflow:hidden;box-sizing:border-box}.framework7-initializing *,.framework7-initializing :after,.framework7-initializing :before{transition-duration:0s!important}.device-android,.device-ios{cursor:pointer}.device-ios{touch-action:manipulation}@media (width:1024px) and (height:691px) and (orientation:landscape){.framework7-root,body,html{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.framework7-root,body,html{height:672px}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,input,select,textarea{outline:0}a{cursor:pointer;text-decoration:none;color:var(--f7-theme-color)}.item-link,.link{cursor:pointer}p{margin:1em 0}.disabled{opacity:.55!important;pointer-events:none!important}html.device-full-viewport,html.device-full-viewport body{height:100vh}.ios .aurora-only,.ios .if-aurora,.ios .if-md,.ios .if-not-ios,.ios .md-only,.ios .not-ios{display:none!important}@media (width:1024px) and (height:691px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:672px}}.md .aurora-only,.md .if-aurora,.md .if-ios,.md .if-not-md,.md .ios-only,.md .not-md{display:none!important}.aurora .if-ios,.aurora .if-md,.aurora .if-not-aurora,.aurora .ios-only,.aurora .md-only,.aurora .not-aurora{display:none!important}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;box-sizing:border-box}.framework7-root>.view,.framework7-root>.views{height:calc(100% - var(--f7-appbar-app-offset,0px))}:root{--f7-page-master-width:320px;--f7-page-master-border-color:rgba(0, 0, 0, 0.1);--f7-page-master-border-width:1px;--f7-page-swipeback-transition-duration:300ms}.ios{--f7-page-bg-color:#efeff4;--f7-page-transition-duration:400ms}.ios .theme-dark,.ios.theme-dark{--f7-page-bg-color:#000}.md{--f7-page-bg-color:#fff;--f7-page-transition-duration:250ms}.md .theme-dark,.md.theme-dark{--f7-page-bg-color:#171717}.aurora{--f7-page-bg-color:#f3f3f3;--f7-page-transition-duration:400ms}.aurora .theme-dark,.aurora.theme-dark{--f7-page-bg-color:#171717}.theme-dark{--f7-page-master-border-color:rgba(255, 255, 255, 0.1)}.pages{position:relative;width:100%;height:100%;overflow:hidden}.page{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;transform:none;background-color:var(--f7-page-bg-color);z-index:1}.page.stacked{display:none}.page-with-navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.page-previous{pointer-events:none}.page-content{overflow:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;height:100%;position:relative;z-index:1;padding-top:calc(var(--f7-page-navbar-offset,0px) + var(--f7-page-toolbar-top-offset,0px) + var(--f7-page-subnavbar-offset,0px) + var(--f7-page-searchbar-offset,0px) + var(--f7-page-content-extra-padding-top,0px));padding-bottom:calc(var(--f7-page-toolbar-bottom-offset,0px) + var(--f7-safe-area-bottom) + var(--f7-page-content-extra-padding-bottom,0px))}.page-transitioning,.page-transitioning .page-opacity-effect,.page-transitioning .page-shadow-effect{transition-duration:var(--f7-page-transition-duration)}.page-transitioning-swipeback,.page-transitioning-swipeback .page-opacity-effect,.page-transitioning-swipeback .page-shadow-effect{transition-duration:var(--f7-page-swipeback-transition-duration)}.router-transition-backward .page-current,.router-transition-backward .page-next,.router-transition-backward .page-previous:not(.stacked),.router-transition-forward .page-current,.router-transition-forward .page-next,.router-transition-forward .page-previous:not(.stacked){pointer-events:none}.page-shadow-effect{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.page-opacity-effect{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000}.ios .page-previous{transform:translate3d(20%,0,0)}.ios .page-next{transform:translate3d(-100%,0,0)}.ios .page-previous .page-opacity-effect{opacity:1}.ios .page-previous:after{opacity:1}.ios .page-current .page-shadow-effect{opacity:1}.ios .router-transition-forward .page-current,.ios .router-transition-forward .page-next{will-change:transform}.ios .router-transition-forward .page-next{animation:ios-page-next-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-next:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current{animation:ios-page-current-to-previous var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current,.ios .router-transition-backward .page-previous{will-change:transform}.ios .router-transition-backward .page-previous{animation:ios-page-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current{animation:ios-page-current-to-next var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}@keyframes ios-page-next-to-current{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-previous-to-current{from{transform:translate3d(20%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-current-to-previous{from{transform:translate3d(0,0,0)}to{transform:translate3d(20%,0,0)}}@keyframes ios-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0)}}@keyframes ios-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-page-element-fade-out{from{opacity:1}to{opacity:0}}.md .page-next{transform:translate3d(0,56px,0);opacity:0;pointer-events:none}.md .page-next.page-next-on-right{transform:translate3d(-100%,0,0)}.md .router-transition-forward .page-next{will-change:transform,opacity;animation:md-page-next-to-current var(--f7-page-transition-duration) forwards}.md .router-transition-forward .page-current{animation:none}.md .router-transition-backward .page-current{will-change:transform,opacity;animation:md-page-current-to-next var(--f7-page-transition-duration) forwards}.md .router-transition-backward .page-previous{animation:none}@keyframes md-page-next-to-current{from{transform:translate3d(0,56px,0);opacity:0}to{transform:translate3d(0,0px,0);opacity:1}}@keyframes md-page-current-to-next{from{transform:translate3d(0,0,0);opacity:1}to{transform:translate3d(0,56px,0);opacity:0}}.aurora .page-next{pointer-events:none;transform:translate3d(-100%,0px,0)}.aurora .page-next.page-next-on-right{transform:translate3d(-100%,0,0)}.aurora .page-previous .page-opacity-effect{opacity:1}.aurora .page-previous:after{opacity:1}.aurora .router-transition-forward .page-next{will-change:transform;animation:aurora-page-next-to-current var(--f7-page-transition-duration) forwards}.aurora .router-transition-forward .page-current{animation:none}.aurora .router-transition-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:aurora-page-element-fade-in var(--f7-page-transition-duration) forwards}.aurora .router-transition-backward .page-current{will-change:transform,opacity;animation:aurora-page-current-to-next var(--f7-page-transition-duration) forwards}.aurora .router-transition-backward .page-previous{animation:none}.aurora .router-transition-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:aurora-page-element-fade-out var(--f7-page-transition-duration) forwards}@keyframes aurora-page-next-to-current{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0,0px,0)}}@keyframes aurora-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0)}}@keyframes aurora-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes aurora-page-element-fade-out{from{opacity:1}to{opacity:0}}.view:not(.view-master-detail) .page-master-stacked{display:none}.view:not(.view-master-detail) .navbar-master-stacked{display:none}.view-master-detail .navbar-master,.view-master-detail .page-master{width:var(--f7-page-master-width);left:auto;right:0;--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px;border-left:var(--f7-page-master-border-width) solid var(--f7-page-master-border-color)}.view-master-detail .navbar-master-detail,.view-master-detail .page-master-detail{width:calc(100% - var(--f7-page-master-width));--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px;right:var(--f7-page-master-width)}.view-master-detail .page-master{z-index:2;transform:none;pointer-events:auto}.view-master-detail .page-master:after,.view-master-detail .page-master:before{display:none}.view-master-detail.router-transition .page-master{animation:none}:root{--f7-link-highlight-black:rgba(0, 0, 0, 0.1);--f7-link-highlight-white:rgba(255, 255, 255, 0.15);--f7-link-highlight-color:var(--f7-link-highlight-black)}.theme-dark{--f7-link-highlight-color:var(--f7-link-highlight-white)}.link,.tab-link{display:inline-flex;align-items:center;align-content:center;justify-content:center;position:relative;box-sizing:border-box;transform:translate3d(0,0,0);z-index:1}.link i+i,.link i+span,.link span+i,.link span+span{margin-right:4px}.ios .link{transition:opacity .3s}.ios .link.active-state{opacity:.3;transition-duration:0s}.aurora .link{transition:opacity .3s}.aurora .link.active-state{opacity:.3;transition-duration:0s}:root{--f7-navbar-hide-show-transition-duration:400ms;--f7-navbar-title-line-height:1.2;--f7-navbar-title-font-size:inherit;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-text-color:inherit}.ios{--f7-navbar-height:44px;--f7-navbar-tablet-height:44px;--f7-navbar-font-size:17px;--f7-navbar-inner-padding-left:8px;--f7-navbar-inner-padding-right:8px;--f7-navbar-title-font-weight:600;--f7-navbar-title-margin-left:0;--f7-navbar-title-margin-right:0;--f7-navbar-title-text-align:center;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.55);--f7-navbar-subtitle-font-size:10px;--f7-navbar-subtitle-line-height:1;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:52px;--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-font-weight:700;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-vertical:6px;--f7-navbar-large-title-padding-left:15px;--f7-navbar-large-title-padding-right:15px}.ios .theme-dark,.ios.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-navbar-height:56px;--f7-navbar-tablet-height:64px;--f7-navbar-font-size:20px;--f7-navbar-inner-padding-left:0px;--f7-navbar-inner-padding-right:0px;--f7-navbar-title-font-weight:500;--f7-navbar-title-margin-left:16px;--f7-navbar-title-margin-right:16px;--f7-navbar-title-text-align:left;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.85);--f7-navbar-subtitle-font-size:14px;--f7-navbar-subtitle-line-height:1.2;--f7-navbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-height:56px;--f7-navbar-large-title-font-weight:500;--f7-navbar-large-title-letter-spacing:0;--f7-navbar-large-title-padding-vertical:8px;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px}.md .theme-dark,.md.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.85)}.aurora{--f7-navbar-height:38px;--f7-navbar-tablet-height:38px;--f7-navbar-font-size:14px;--f7-navbar-inner-padding-left:15px;--f7-navbar-inner-padding-right:15px;--f7-navbar-title-font-weight:600;--f7-navbar-title-margin-left:0;--f7-navbar-title-margin-right:0;--f7-navbar-title-text-align:center;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.6);--f7-navbar-subtitle-font-size:12px;--f7-navbar-subtitle-line-height:1;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:38px;--f7-navbar-large-title-font-size:26px;--f7-navbar-large-title-font-weight:bold;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-vertical:4px;--f7-navbar-large-title-padding-left:15px;--f7-navbar-large-title-padding-right:15px;--f7-navbar-link-height:auto;--f7-navbar-link-line-height:inherit}.aurora .theme-dark,.aurora.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.5)}.navbar{--f7-navbar-large-collapse-progress:0;position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;margin:0;transform:translate3d(0,0,0);height: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-right:var(--f7-navbar-title-margin-left);margin-left:var(--f7-navbar-title-margin-left)}.navbar .subtitle{display:block;color:var(--f7-navbar-subtitle-text-color);font-weight:400;font-size:var(--f7-navbar-subtitle-font-size);line-height:var(--f7-navbar-subtitle-line-height);text-align:var(--f7-navbar-subtitle-text-align)}.navbar .left,.navbar .right{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center;transform:translate3d(0,0,0)}.navbar .right:first-child{position:absolute;height:100%}.navbar .no-border .navbar-bg:after,.navbar .no-hairline .navbar-bg:after,.navbar.no-border .navbar-bg:after,.navbar.no-hairline .navbar-bg:after{display:none!important}.navbar .no-border .title-large:after,.navbar .no-hairline .title-large:after,.navbar.no-border .title-large:after,.navbar.no-hairline .title-large:after{display:none!important}.navbar .no-shadow .navbar-bg:before,.navbar.no-shadow .navbar-bg:before{display:none!important}.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-image:var(--f7-navbar-bg-image,var(--f7-bars-bg-image));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 .navbar-bg{background-color:rgba(var(--f7-navbar-bg-color-rgb,var(--f7-bars-bg-color-rgb)),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.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:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-navbar-shadow-image)}.navbar-bg:after{z-index:1}@media (min-width:768px){:root{--f7-navbar-height:var(--f7-navbar-tablet-height)}}.navbar-transitioning,.navbar-transitioning .left,.navbar-transitioning .navbar-bg,.navbar-transitioning .right,.navbar-transitioning .subnavbar,.navbar-transitioning .title,.navbar-transitioning .title-large-inner,.navbar-transitioning .title-large-text,.navbar-transitioning:before{transition-duration:var(--f7-navbar-hide-show-transition-duration)}.navbar-page-transitioning{transition-duration:var(--f7-page-swipeback-transition-duration)!important}.navbar-page-transitioning .navbar-bg,.navbar-page-transitioning .title-large-inner,.navbar-page-transitioning .title-large-text{transition-duration:var(--f7-page-swipeback-transition-duration)!important}.navbar-hidden{transform:translate3d(0,calc(-100% + var(--f7-safe-area-top)),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}.navbar-hidden-statusbar{transform:translate3d(0,-100%,0)}.navbar-large-hidden{--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))}.navbar-inner.stacked{display:none}.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.ios .router-navbar-transition-from-large .navbar-bg,.ios .router-navbar-transition-to-large .navbar-bg,.navbar-bg.ios-swipeback-navbar-bg-large,.navbar-inner-large .navbar-bg,.navbar-inner-large-transparent .navbar-bg.ios-swipeback-navbar-bg-large,.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-inner-large-transparent .navbar-bg{opacity:var(--f7-navbar-large-collapse-progress);height:100%;transform:none}.ios .navbar-inner:not(.navbar-inner-large) .navbar-bg{--f7-navbar-large-collapse-progress:1}.navbar-inner-large>.title{opacity:calc(-1 + 2 * var(--f7-navbar-large-collapse-progress))}.navbar-inner-large-collapsed,.navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.navbar-inner-large-collapsed .title-large,.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;align-items:flex-end;white-space:nowrap;overflow:hidden;height:var(--f7-navbar-large-title-height);z-index:5}.title-large-inner .title,.title-large-text{text-overflow:ellipsis;white-space:nowrap;color:var(--f7-navbar-large-title-text-color);letter-spacing:var(--f7-navbar-large-title-letter-spacing);font-size:var(--f7-navbar-large-title-font-size);font-weight:var(--f7-navbar-large-title-font-weight);line-height:var(--f7-navbar-large-title-line-height);padding-left:calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left));padding-right:calc(var(--f7-navbar-large-title-padding-right) + var(--f7-safe-area-right));padding-top:var(--f7-navbar-large-title-padding-vertical);padding-bottom:var(--f7-navbar-large-title-padding-vertical)}.title-large-inner,.title-large-text{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(100% - var(--f7-navbar-large-title-padding-left) - var(--f7-safe-area-left)) center}.navbar-no-title-large-transition .title-large-inner,.navbar-no-title-large-transition .title-large-text{transition-duration:0s}.navbar~*{--f7-page-navbar-offset:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.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-transparent-bg-center:translateX(0);--f7-navbar-large-transparent-bg-left:translateX(-100%);--f7-navbar-large-transparent-bg-right:translateX(100%);--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 .material-icons{width:24px}.ios .navbar .f7-icons{width:28px}.ios .navbar a.icon-only{width:44px;margin:0;justify-content:center}.ios .navbar .left a+a,.ios .navbar .right a+a{margin-right:15px}.ios .navbar b{font-weight:600}.ios .navbar .left{margin-left:10px}.ios .navbar .right{margin-right:10px}.ios .navbar .right:first-child{left:calc(8px + var(--f7-safe-area-left))}.ios .navbar-inner{justify-content:space-between}.ios .navbar-inner-left-title{justify-content:flex-start}.ios .navbar-inner-left-title .right{margin-right:auto}.ios .navbar-inner-left-title .title{text-align:left;margin-left:10px}.ios .view-master-detail .navbar-previous:not(.navbar-master),.ios .view:not(.view-master-detail) .navbar-previous{pointer-events:none}.ios .view-master-detail .navbar-previous:not(.navbar-master) .navbar-bg,.ios .view:not(.view-master-detail) .navbar-previous .navbar-bg{transform:translateX(-100%)}.ios .view-master-detail .navbar-previous:not(.navbar-master).navbar-large-collapsed,.ios .view:not(.view-master-detail) .navbar-previous.navbar-large-collapsed{transform:translateX(-100%) translateY(calc(-1 * var(--f7-navbar-large-title-height)))}.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) .title-large .title-large-inner,.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-inner{transform:translateX(-100%);opacity:0;transition-duration:0s}.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading,.ios .view-master-detail .navbar-previous:not(.navbar-master) .left,.ios .view-master-detail .navbar-previous:not(.navbar-master) .right,.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar,.ios .view-master-detail .navbar-previous:not(.navbar-master)>.title,.ios .view:not(.view-master-detail) .navbar-previous .fading,.ios .view:not(.view-master-detail) .navbar-previous .left,.ios .view:not(.view-master-detail) .navbar-previous .right,.ios .view:not(.view-master-detail) .navbar-previous .subnavbar,.ios .view:not(.view-master-detail) .navbar-previous>.title{opacity:0}.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding,.ios .view:not(.view-master-detail) .navbar-previous .sliding{opacity:0}.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding,.ios .view-master-detail .navbar-previous:not(.navbar-master).sliding .subnavbar,.ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding,.ios .view:not(.view-master-detail) .navbar-previous.sliding .subnavbar{opacity:1;transform:translate3d(-100%,0,0)}.ios .navbar-next{pointer-events:none}.ios .navbar-next .navbar-bg{transform:translateX(100%)}.ios .navbar-next .title-large .title-large-inner,.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 .fading,.ios .navbar-next .left,.ios .navbar-next .right,.ios .navbar-next .subnavbar,.ios .navbar-next>.title{opacity:0}.ios .navbar-next .sliding{opacity:0}.ios .navbar-next.sliding .left,.ios .navbar-next.sliding .right,.ios .navbar-next.sliding .subnavbar,.ios .navbar-next.sliding>.title{opacity:0}.ios .navbar-next .subnavbar.sliding,.ios .navbar-next.sliding .subnavbar{opacity:1;transform:translate3d(100%,0,0)}.ios .router-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 .left.sliding .icon+span,.ios .router-transition .navbar-current .sliding,.ios .router-transition .navbar-current.sliding .left,.ios .router-transition .navbar-current.sliding .left .icon+span,.ios .router-transition .navbar-current.sliding .right,.ios .router-transition .navbar-current.sliding>.title{transition-duration:var(--f7-page-transition-duration);opacity:0!important;animation:none}.ios .router-transition .navbar-current .sliding.subnavbar,.ios .router-transition .navbar-current.sliding .subnavbar{transition-duration:var(--f7-page-transition-duration);animation:none;opacity:1}.ios .router-transition-backward .navbar-previous .left,.ios .router-transition-backward .navbar-previous .right,.ios .router-transition-backward .navbar-previous .subnavbar,.ios .router-transition-backward .navbar-previous>.title,.ios .router-transition-forward .navbar-next .left,.ios .router-transition-forward .navbar-next .right,.ios .router-transition-forward .navbar-next .subnavbar,.ios .router-transition-forward .navbar-next>.title{animation:ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-previous .left.sliding .icon+span,.ios .router-transition-backward .navbar-previous .sliding,.ios .router-transition-backward .navbar-previous.sliding .left,.ios .router-transition-backward .navbar-previous.sliding .left .icon+span,.ios .router-transition-backward .navbar-previous.sliding .right,.ios .router-transition-backward .navbar-previous.sliding .subnavbar,.ios .router-transition-backward .navbar-previous.sliding>.title,.ios .router-transition-forward .navbar-next .left.sliding .icon+span,.ios .router-transition-forward .navbar-next .sliding,.ios .router-transition-forward .navbar-next.sliding .left,.ios .router-transition-forward .navbar-next.sliding .left .icon+span,.ios .router-transition-forward .navbar-next.sliding .right,.ios .router-transition-forward .navbar-next.sliding .subnavbar,.ios .router-transition-forward .navbar-next.sliding>.title{transition-duration:var(--f7-page-transition-duration);animation:none;transform:translate3d(0,0,0)!important;opacity:1!important}.ios .router-transition-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-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,.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled>.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-current.router-navbar-transition-from-large .title-large-inner{animation:ios-navbar-large-title-inner-current-to-previous 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:right center}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner,.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-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-inner,.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text{animation:ios-navbar-large-title-text-slide-left var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title,.ios .router-transition-forward .navbar-next.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title{animation:none;opacity:0!important;transition-duration:0}.ios .router-transition-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:right 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-inner,.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{animation:ios-navbar-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-inner,.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text{animation:ios-navbar-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-previous.router-navbar-transition-to-large .title-large-inner{animation:ios-navbar-large-title-inner-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title,.ios .router-transition-backward .navbar-previous.navbar-inner-large:not(.navbar-inner-large-collapsed)>.title{animation:none;opacity:0!important;transition-duration:0}.ios .router-transition-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-inner-large-collapsed:not(.router-navbar-transition-to-large) .navbar-bg{animation-name:ios-navbar-bg-from-ct-to-lt}.ios .router-transition-forward .navbar-current.navbar-inner-large-collapsed.navbar-inner-large-transparent:not(.router-navbar-transition-to-large) .navbar-bg{animation-name:ios-navbar-transparent-bg-from-c-to-l}.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-inner-large-collapsed .navbar-bg{animation-name:ios-navbar-bg-from-ct-to-rt}.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-inner-large-collapsed .navbar-bg{animation-name:ios-navbar-bg-from-lt-to-ct}.ios .router-transition-backward .navbar-previous.navbar-inner-large-collapsed.navbar-inner-large-transparent .navbar-bg{animation-name:ios-navbar-transparent-bg-from-l-to-c}.ios .router-transition-backward .navbar-previous.navbar-inner-large-collapsed.navbar-inner-large-transparent.router-navbar-transition-from-large .navbar-bg{animation-name:ios-navbar-bg-from-lb-to-ct}.view-master-detail .navbar-master.navbar-previous{pointer-events:auto}.view-master-detail .navbar-master.navbar-previous .left,.view-master-detail .navbar-master.navbar-previous .right,.view-master-detail .navbar-master.navbar-previous .subnavbar,.view-master-detail .navbar-master.navbar-previous:not(.navbar-inner-large) .title{opacity:1}.ios .view-master-detail.router-transition .navbar-master .fading,.ios .view-master-detail.router-transition .navbar-master .left,.ios .view-master-detail.router-transition .navbar-master .left .icon+span,.ios .view-master-detail.router-transition .navbar-master .right,.ios .view-master-detail.router-transition .navbar-master .sliding,.ios .view-master-detail.router-transition .navbar-master .subnavbar,.ios .view-master-detail.router-transition .navbar-master:not(.navbar-inner-large) .title{opacity:1!important;transition-duration:0s;transform:none!important;animation:none!important}.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title{opacity:calc(-1 + 2 * var(--f7-navbar-large-collapse-progress))!important;transition-duration:0s;transform:none!important;animation:none!important}.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large,.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-inner,.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-text{transition-duration:0s;animation:none!important}@keyframes ios-navbar-element-fade-in{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(-1 * (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)}}@keyframes ios-navbar-large-title-text-slide-down{0%{transform:translateX(calc(-1 * (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(-1 * (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(-1 * (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-large-title-inner-current-to-previous{0%{transform:translateX(0%);opacity:1}100%{transform:translateX(100%);opacity:0}}@keyframes ios-navbar-large-title-inner-previous-to-current{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0%);opacity: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)}}@keyframes ios-navbar-transparent-bg-from-l-to-c{from{transform:var(--f7-navbar-large-transparent-bg-left)}to{transform:var(--f7-navbar-large-transparent-bg-center)}}@keyframes ios-navbar-transparent-bg-from-c-to-l{from{transform:var(--f7-navbar-large-transparent-bg-center)}to{transform:var(--f7-navbar-large-transparent-bg-left)}}.md .navbar .material-icons{width:24px}.md .navbar .f7-icons{width:28px}.md .navbar a.link{padding:0 16px;min-width:48px}.md .navbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .navbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .navbar a.icon-only{min-width:0;flex-shrink:0;width:56px}.md .navbar .right{margin-right:auto}.md .navbar .right:first-child{left:var(--f7-safe-area-left)}.md .navbar-inner{justify-content:flex-start}.md .navbar-inner-centered-title{justify-content:space-between}.md .navbar-inner-centered-title .right{margin-right:0}.md .navbar-inner-centered-title .title{text-align:center}.aurora .navbar a.icon-only{margin:0;justify-content:center}.aurora .navbar .left a+a,.aurora .navbar .right a+a{margin-right:10px}.aurora .navbar b{font-weight:700}.aurora .navbar .left{margin-left:10px}.aurora .navbar .right{margin-right:10px}.aurora .navbar .right:first-child{left:calc(15px + var(--f7-safe-area-left))}.aurora .navbar-inner{justify-content:space-between}.aurora .navbar-inner-left-title{justify-content:flex-start}.aurora .navbar-inner-left-title .right{margin-right:auto}.aurora .navbar-inner-left-title .title{text-align:left;margin-left:10px}:root{--f7-tabbar-link-active-bg-color:transparent;--f7-tabbar-label-text-transform:none;--f7-toolbar-hide-show-transition-duration:400ms}.ios{--f7-toolbar-height:44px;--f7-toolbar-font-size:17px;--f7-toolbar-inner-padding-left:8px;--f7-toolbar-inner-padding-right:8px;--f7-tabbar-labels-height:50px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.4);--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:28px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:10px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0.01}.ios .theme-dark,.ios.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.54)}.md{--f7-toolbar-height:48px;--f7-toolbar-font-size:14px;--f7-toolbar-inner-padding-left:0px;--f7-toolbar-inner-padding-right:0px;--f7-tabbar-labels-height:56px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.54);--f7-toolbar-top-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-toolbar-bottom-shadow-image:var(--f7-bars-shadow-top-image);--f7-tabbar-icon-size:24px;--f7-tabbar-link-text-transform:uppercase;--f7-tabbar-link-font-weight:500;--f7-tabbar-link-letter-spacing:0.03em;--f7-tabbar-label-font-size:14px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0}.md .theme-dark,.md.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-toolbar-height:38px;--f7-toolbar-font-size:14px;--f7-toolbar-inner-padding-left:15px;--f7-toolbar-inner-padding-right:15px;--f7-toolbar-link-height:auto;--f7-toolbar-link-line-height:inherit;--f7-tabbar-labels-height:44px;--f7-tabbar-labels-tablet-height:44px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.5);--f7-tabbar-link-inactive-bg-color:rgba(0, 0, 0, 0.2);--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:18px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:12px;--f7-tabbar-label-tablet-font-size:12px;--f7-tabbar-label-font-weight:500;--f7-tabbar-label-letter-spacing:0.01}.aurora .theme-dark,.aurora.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.5)}.toolbar{width:100%;position:relative;margin:0;transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:500;box-sizing:border-box;left:0;height:var(--f7-toolbar-height);background-image:var(--f7-toolbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-toolbar-bg-color,var(--f7-bars-bg-color));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 .toolbar{background-color:rgba(var(--f7-toolbar-bg-color-rgb,var(--f7-bars-bg-color-rgb)),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.toolbar b{font-weight:600}.toolbar a{color:var(--f7-toolbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));box-sizing:border-box;flex-shrink:1;position:relative;white-space:nowrap;text-overflow:ellipsis}.toolbar a.link{display:flex;line-height:var(--f7-toolbar-link-line-height,var(--f7-toolbar-height));height:var(--f7-toolbar-link-height,var(--f7-toolbar-height))}.toolbar i.icon{display:block}.toolbar:after,.toolbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.page>.toolbar,.view>.toolbar,.views>.toolbar{position:absolute}.aurora .toolbar-top-aurora,.ios .toolbar-top-ios,.md .toolbar-top-md,.toolbar-top{top:0}.aurora .toolbar-top-aurora .tab-link-highlight,.ios .toolbar-top-ios .tab-link-highlight,.md .toolbar-top-md .tab-link-highlight,.toolbar-top .tab-link-highlight{bottom:0}.aurora .toolbar-top-aurora.no-border:after,.aurora .toolbar-top-aurora.no-hairline:after,.ios .toolbar-top-ios.no-border:after,.ios .toolbar-top-ios.no-hairline:after,.md .toolbar-top-md.no-border:after,.md .toolbar-top-md.no-hairline:after,.toolbar-top.no-border:after,.toolbar-top.no-hairline:after{display:none!important}.aurora .toolbar-top-aurora.no-shadow:before,.aurora .toolbar-top-aurora.toolbar-hidden:before,.ios .toolbar-top-ios.no-shadow:before,.ios .toolbar-top-ios.toolbar-hidden:before,.md .toolbar-top-md.no-shadow:before,.md .toolbar-top-md.toolbar-hidden:before,.toolbar-top.no-shadow:before,.toolbar-top.toolbar-hidden:before{display:none!important}.aurora .toolbar-top-aurora:after,.aurora .toolbar-top-aurora:before,.ios .toolbar-top-ios:after,.ios .toolbar-top-ios:before,.md .toolbar-top-md:after,.md .toolbar-top-md:before,.toolbar-top:after,.toolbar-top:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.aurora .toolbar-top-aurora:after,.ios .toolbar-top-ios:after,.md .toolbar-top-md:after,.toolbar-top:after{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .toolbar-top-aurora:before,.ios .toolbar-top-ios:before,.md .toolbar-top-md:before,.toolbar-top:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-toolbar-top-shadow-image)}.aurora .toolbar-bottom-aurora,.ios .toolbar-bottom-ios,.md .toolbar-bottom-md,.toolbar-bottom{bottom:0;height:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.aurora .toolbar-bottom-aurora .tab-link-highlight,.ios .toolbar-bottom-ios .tab-link-highlight,.md .toolbar-bottom-md .tab-link-highlight,.toolbar-bottom .tab-link-highlight{top:0}.aurora .toolbar-bottom-aurora .toolbar-inner,.ios .toolbar-bottom-ios .toolbar-inner,.md .toolbar-bottom-md .toolbar-inner,.toolbar-bottom .toolbar-inner{height:auto;top:0;bottom:var(--f7-safe-area-bottom)}.aurora .toolbar-bottom-aurora.no-border:before,.aurora .toolbar-bottom-aurora.no-hairline:before,.ios .toolbar-bottom-ios.no-border:before,.ios .toolbar-bottom-ios.no-hairline:before,.md .toolbar-bottom-md.no-border:before,.md .toolbar-bottom-md.no-hairline:before,.toolbar-bottom.no-border:before,.toolbar-bottom.no-hairline:before{display:none!important}.aurora .toolbar-bottom-aurora.no-shadow:after,.aurora .toolbar-bottom-aurora.toolbar-hidden:after,.ios .toolbar-bottom-ios.no-shadow:after,.ios .toolbar-bottom-ios.toolbar-hidden:after,.md .toolbar-bottom-md.no-shadow:after,.md .toolbar-bottom-md.toolbar-hidden:after,.toolbar-bottom.no-shadow:after,.toolbar-bottom.toolbar-hidden:after{display:none!important}.aurora .toolbar-bottom-aurora:before,.ios .toolbar-bottom-ios:before,.md .toolbar-bottom-md:before,.toolbar-bottom:before{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .toolbar-bottom-aurora:after,.ios .toolbar-bottom-ios:after,.md .toolbar-bottom-md:after,.toolbar-bottom:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-toolbar-bottom-shadow-image)}.toolbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-content:center;overflow:hidden;padding:0 calc(var(--f7-toolbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-toolbar-inner-padding-left) + var(--f7-safe-area-left))}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a,.tabbar-labels a{color:var(--f7-tabbar-link-inactive-color)}.tabbar a.tab-link:not(.tab-link-active),.tabbar-labels a.tab-link:not(.tab-link-active){background-color:var(--f7-tabbar-link-inactive-bg-color,transparent)}.tabbar a.link,.tabbar-labels a.link{line-height:1.4}.tabbar a.link,.tabbar a.tab-link,.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;text-transform:var(--f7-tabbar-link-text-transform);font-weight:var(--f7-tabbar-link-font-weight);letter-spacing:var(--f7-tabbar-link-letter-spacing);overflow:hidden}.tabbar .tab-link-active,.tabbar-labels .tab-link-active{color:var(--f7-tabbar-link-active-color,var(--f7-theme-color));background-color:var(--f7-tabbar-link-active-bg-color,transparent)}.tabbar i.icon,.tabbar-labels i.icon{font-size:var(--f7-tabbar-icon-size);height:var(--f7-tabbar-icon-size);line-height:var(--f7-tabbar-icon-size)}.tabbar-labels{--f7-toolbar-height:var(--f7-tabbar-labels-height)}.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;justify-content:space-between;align-items:center}.tabbar-labels .tabbar-label{display:block;line-height:1;margin:0;position:relative;text-overflow:ellipsis;white-space:nowrap;font-size:var(--f7-tabbar-label-font-size);text-transform:var(--f7-tabbar-label-text-transform);font-weight:var(--f7-tabbar-label-font-weight);letter-spacing:var(--f7-tabbar-label-letter-spacing)}@media (min-width:768px){:root{--f7-tabbar-labels-height:var(--f7-tabbar-labels-tablet-height);--f7-tabbar-label-font-size:var(--f7-tabbar-label-tablet-font-size)}}.tabbar-scrollable .toolbar-inner{justify-content:flex-start;overflow:auto;-webkit-overflow-scrolling:touch}.tabbar-scrollable .toolbar-inner::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;-webkit-appearance:none;opacity:0!important}.tabbar-scrollable a.link,.tabbar-scrollable a.tab-link{width:auto;flex-shrink:0}.navbar-transitioning+.toolbar,.navbar-transitioning~* .toolbar,.toolbar-transitioning{transition-duration:var(--f7-toolbar-hide-show-transition-duration)}.aurora .toolbar-bottom-aurora~*,.ios .toolbar-bottom-ios~*,.md .toolbar-bottom-md~*,.toolbar-bottom~*{--f7-page-toolbar-bottom-offset:var(--f7-toolbar-height)}.aurora .toolbar-bottom-aurora.tabbar-labels~*,.ios .toolbar-bottom-ios.tabbar-labels~*,.md .toolbar-bottom-md.tabbar-labels~*,.toolbar-bottom.tabbar-labels~*{--f7-page-toolbar-bottom-offset:var(--f7-tabbar-labels-height)}.aurora .toolbar-bottom-aurora.toolbar-hidden,.ios .toolbar-bottom-ios.toolbar-hidden,.md .toolbar-bottom-md.toolbar-hidden,.toolbar-bottom.toolbar-hidden{transform:translate3d(0,100%,0)}.aurora .toolbar-top-aurora~*,.ios .toolbar-top-ios~*,.md .toolbar-top-md~*,.toolbar-top~*{--f7-page-toolbar-top-offset:var(--f7-toolbar-height)}.aurora .toolbar-top-aurora.tabbar-labels~*,.ios .toolbar-top-ios.tabbar-labels~*,.md .toolbar-top-md.tabbar-labels~*,.toolbar-top.tabbar-labels~*{--f7-page-toolbar-top-offset:var(--f7-tabbar-labels-height)}.aurora .toolbar-top-aurora.toolbar-hidden,.ios .toolbar-top-ios.toolbar-hidden,.md .toolbar-top-md.toolbar-hidden,.toolbar-top.toolbar-hidden{transform:translate3d(0,-100%,0)}.aurora .navbar~* .toolbar-top-aurora,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora,.aurora .navbar~.toolbar-top-aurora,.ios .navbar~* .toolbar-top-ios,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios,.ios .navbar~.toolbar-top-ios,.md .navbar~* .toolbar-top-md,.md .navbar~.page:not(.no-navbar) .toolbar-top-md,.md .navbar~.toolbar-top-md,.navbar~* .toolbar-top,.navbar~.page:not(.no-navbar) .toolbar-top,.navbar~.toolbar-top{top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.aurora .navbar~* .toolbar-top-aurora.toolbar-hidden,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden,.aurora .navbar~.toolbar-top-aurora.toolbar-hidden,.ios .navbar~* .toolbar-top-ios.toolbar-hidden,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden,.ios .navbar~.toolbar-top-ios.toolbar-hidden,.md .navbar~* .toolbar-top-md.toolbar-hidden,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden,.md .navbar~.toolbar-top-md.toolbar-hidden,.navbar~* .toolbar-top.toolbar-hidden,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden,.navbar~.toolbar-top.toolbar-hidden{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-safe-area-top))),0)}.aurora .navbar~* .toolbar-top-aurora.toolbar-hidden.tabbar-labels,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden.tabbar-labels,.aurora .navbar~.toolbar-top-aurora.toolbar-hidden.tabbar-labels,.ios .navbar~* .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.toolbar-top-ios.toolbar-hidden.tabbar-labels,.md .navbar~* .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.toolbar-top-md.toolbar-hidden.tabbar-labels,.navbar~* .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.toolbar-top.toolbar-hidden.tabbar-labels{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-safe-area-top))),0)}.aurora .navbar-hidden+.toolbar-top-aurora:not(.toolbar-hidden),.aurora .navbar-hidden~* .toolbar-top-aurora:not(.toolbar-hidden),.ios .navbar-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(0px - var(--f7-navbar-height)),0)}.aurora .navbar-large-hidden~* .toolbar-top-aurora:not(.toolbar-hidden),.ios .navbar-large-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-large-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-large-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-large-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-large-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-large-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(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-labels a.link,.ios .tabbar-labels a.tab-link{padding-top:4px;padding-bottom:4px}.ios .tabbar-labels a.link i+span,.ios .tabbar-labels a.tab-link i+span{margin:0}@media (min-width:768px){.ios .tabbar .toolbar-inner,.ios .tabbar-labels .toolbar-inner{justify-content:center}.ios .tabbar a.link,.ios .tabbar a.tab-link,.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{width:auto;min-width:105px}}.ios .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.ios .tabbar-scrollable a.link,.ios .tabbar-scrollable a.tab-link{padding:0 8px}.md .toolbar a.link{justify-content:center;padding:0 16px;min-width:48px}.md .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .toolbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .toolbar a.icon-only{min-width:0;flex-shrink:0}.md .tabbar a.link,.md .tabbar a.tab-link,.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-left:0;padding-right:0}.md .tabbar a.icon-only,.md .tabbar-labels a.icon-only{flex-shrink:initial}.md .tabbar a.tab-link,.md .tabbar-labels a.tab-link{transition-duration:.3s;overflow:hidden;position:relative}.md .tabbar .tab-link-highlight,.md .tabbar-labels .tab-link-highlight{position:absolute;left:0;height:2px;background:var(--f7-tabbar-link-active-border-color,var(--f7-theme-color));transition-duration:.3s;right:0}.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-top:7px;padding-bottom:7px}.md .tabbar-label{max-width:100%;overflow:hidden;line-height:1.2}.md .tabbar-scrollable .toolbar-inner{overflow:auto}.md .tabbar-scrollable a.link,.md .tabbar-scrollable a.tab-link{padding:0 16px}.aurora .toolbar a.icon-only{min-height:var(--f7-toolbar-height);display:flex;justify-content:center;align-items:center;margin:0}.aurora .tabbar .toolbar-inner,.aurora .tabbar-labels .toolbar-inner{padding-left:0;padding-right:0}.aurora .tabbar a.link,.aurora .tabbar a.tab-link,.aurora .tabbar-labels a.link,.aurora .tabbar-labels a.tab-link{transition-duration:.2s}.aurora .tabbar-labels a.link,.aurora .tabbar-labels a.tab-link{padding-top:5px;padding-bottom:5px}.aurora .tabbar-labels a.link i+span,.aurora .tabbar-labels a.tab-link i+span{margin:0}.aurora .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.aurora .tabbar-scrollable a.link,.aurora .tabbar-scrollable a.tab-link{padding:0 15px}:root{--f7-subnavbar-title-line-height:1.2}.ios{--f7-subnavbar-height:44px;--f7-subnavbar-inner-padding-left:8px;--f7-subnavbar-inner-padding-right:8px;--f7-subnavbar-title-font-size:34px;--f7-subnavbar-title-font-weight:700;--f7-subnavbar-title-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:7px;--f7-subnavbar-shadow-image:none}.md{--f7-subnavbar-height:48px;--f7-subnavbar-inner-padding-left:16px;--f7-subnavbar-inner-padding-right:16px;--f7-subnavbar-title-font-size:20px;--f7-subnavbar-title-font-weight:500;--f7-subnavbar-title-letter-spacing:0;--f7-subnavbar-title-margin-left:0px;--f7-subnavbar-shadow-image:var(--f7-bars-shadow-bottom-image)}.aurora{--f7-subnavbar-height:38px;--f7-subnavbar-inner-padding-left:15px;--f7-subnavbar-inner-padding-right:15px;--f7-subnavbar-title-font-size:26px;--f7-subnavbar-title-font-weight:bold;--f7-subnavbar-title-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:0px;--f7-subnavbar-shadow-image:none;--f7-subnavbar-link-height:auto;--f7-subnavbar-link-line-height:inherit}.subnavbar{width:100%;position:absolute;left:0;top:0;z-index:500;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;background-image:var(--f7-subnavbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-subnavbar-bg-color,var(--f7-bars-bg-color));color:var(--f7-subnavbar-text-color,var(--f7-bars-text-color))}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent .subnavbar{background-color:rgba(var(--f7-subnavbar-bg-color-rgb,var(--f7-bars-bg-color-rgb)),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.subnavbar .title{position:relative;overflow:hidden;text-overflow:ellpsis;white-space:nowrap;font-size:var(--f7-subnavbar-title-font-size);font-weight:var(--f7-subnavbar-title-font-weight);text-align:left;display:inline-block;line-height:var(--f7-subnavbar-title-line-height);letter-spacing:var(--f7-subnavbar-title-letter-spacing);margin-right:var(--f7-subnavbar-title-margin-left)}.subnavbar .left,.subnavbar .right{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center}.subnavbar .right:first-child{position:absolute;height:100%}.subnavbar a{color:var(--f7-subnavbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.subnavbar a.link{line-height:var(--f7-subnavbar-link-line-height,var(--f7-subnavbar-height));height:var(--f7-subnavbar-link-height,var(--f7-subnavbar-height))}.subnavbar a.icon-only{min-width:var(--f7-subnavbar-height)}.subnavbar.no-border:after,.subnavbar.no-hairline:after{display:none!important}.subnavbar.navbar-hidden:before,.subnavbar.no-shadow:before{display:none!important}.subnavbar:after,.subnavbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.subnavbar:after{content:'';position:absolute;background-color:var(--f7-subnavbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.subnavbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-subnavbar-shadow-image)}.subnavbar-inner{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;justify-content:space-between;overflow:hidden;padding:0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left))}.subnavbar-inner.stacked{display:none}.navbar .subnavbar{top:100%}.page>.subnavbar,.view>.subnavbar,.views>.subnavbar{position:absolute}.navbar~* .subnavbar,.navbar~.page-with-subnavbar:not(.no-navbar) .subnavbar,.navbar~.subnavbar,.page-with-subnavbar .navbar~* .subnavbar,.page-with-subnavbar .navbar~.subnavbar{top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.navbar .title-large~.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-right:15px}.ios .subnavbar .left{margin-left:10px}.ios .subnavbar .right{margin-right:10px}.ios .subnavbar .right:first-child{left:8px}.ios .subnavbar a.link{justify-content:flex-start}.ios .subnavbar a.icon-only{justify-content:center;margin:0}.md .subnavbar{height:var(--f7-subnavbar-height)}.md .subnavbar .right{margin-right:auto}.md .subnavbar .right:first-child{left:16px}.md .subnavbar a.link{justify-content:center;padding:0 16px}.md .subnavbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .subnavbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .subnavbar a.icon-only{flex-shrink:0}.md .subnavbar-inner>a.link:first-child{margin-right:calc(-1 * var(--f7-subnavbar-inner-padding-right))}.md .subnavbar-inner>a.link:last-child{margin-left:calc(-1 * var(--f7-subnavbar-inner-padding-left))}.aurora .subnavbar{height:calc(var(--f7-subnavbar-height) + 1px);margin-top:-1px;padding-top:1px}.aurora .subnavbar .title{align-self:flex-start;flex-shrink:10}.aurora .subnavbar .left a+a,.aurora .subnavbar .right a+a{margin-right:10px}.aurora .subnavbar .left{margin-left:10px}.aurora .subnavbar .right{margin-right:10px}.aurora .subnavbar .right:first-child{left:15px}.aurora .subnavbar a.link{justify-content:flex-start}.aurora .subnavbar a.icon-only{justify-content:center;margin:0}:root{--f7-block-font-size:inherit;--f7-block-text-color:inherit;--f7-block-strong-bg-color:#fff;--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-color:#000;--f7-block-title-medium-text-transform:none;--f7-block-title-large-text-color:#000;--f7-block-title-large-text-transform:none}:root .theme-dark,:root.theme-dark{--f7-block-strong-border-color:rgba(255, 255, 255, 0.15);--f7-block-title-medium-text-color:#fff;--f7-block-title-large-text-color:#fff;--f7-block-strong-bg-color:#1c1c1d}.ios{--f7-block-padding-horizontal:15px;--f7-block-padding-vertical:15px;--f7-block-margin-vertical:35px;--f7-block-strong-text-color:#000;--f7-block-strong-border-color:rgba(0, 0, 0, 0.22);--f7-block-title-text-color:#000;--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-side-margin:15px;--f7-block-inset-border-radius:7px;--f7-block-header-text-color:rgba(0, 0, 0, 0.45);--f7-block-footer-text-color:rgba(0, 0, 0, 0.45)}.ios .theme-dark,.ios.theme-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}.md{--f7-block-padding-horizontal:16px;--f7-block-padding-vertical:16px;--f7-block-margin-vertical:32px;--f7-block-strong-text-color:inherit;--f7-block-strong-border-color:rgba(0, 0, 0, 0.12);--f7-block-title-font-size:inherit;--f7-block-title-text-color:rgba(0, 0, 0, 0.54);--f7-block-title-font-weight:500;--f7-block-title-line-height:16px;--f7-block-title-margin-bottom:16px;--f7-block-title-medium-font-size:24px;--f7-block-title-medium-font-weight:500;--f7-block-title-medium-line-height:1.3;--f7-block-title-large-font-size:34px;--f7-block-title-large-font-weight:500;--f7-block-title-large-line-height:1.2;--f7-block-inset-side-margin:16px;--f7-block-inset-border-radius:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.54);--f7-block-footer-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-block-title-text-color:#fff;--f7-block-header-text-color:rgba(255, 255, 255, 0.54);--f7-block-footer-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-block-padding-horizontal:15px;--f7-block-padding-vertical:15px;--f7-block-margin-vertical:15px;--f7-block-strong-text-color:inherit;--f7-block-strong-border-color:rgba(0, 0, 0, 0.12);--f7-block-title-font-size:inherit;--f7-block-title-text-color:rgba(0, 0, 0, 0.7);--f7-block-title-font-weight:600;--f7-block-title-line-height:1.5;--f7-block-title-margin-bottom:5px;--f7-block-title-medium-font-size:20px;--f7-block-title-medium-font-weight:600;--f7-block-title-medium-line-height:1.4;--f7-block-title-large-font-size:28px;--f7-block-title-large-font-weight:bold;--f7-block-title-large-line-height:1.3;--f7-block-inset-side-margin:15px;--f7-block-inset-border-radius:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.6);--f7-block-footer-text-color:rgba(0, 0, 0, 0.6)}.aurora .theme-dark,.aurora.theme-dark{--f7-block-title-text-color:#fff;--f7-block-header-text-color:rgba(255, 255, 255, 0.52);--f7-block-footer-text-color:rgba(255, 255, 255, 0.52);--f7-block-strong-text-color:#fff}.block{box-sizing:border-box;position:relative;z-index:1;color:var(--f7-block-text-color);margin:var(--f7-block-margin-vertical) 0;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right));font-size:var(--f7-block-font-size)}.aurora .block.no-hairlines-aurora ul:before,.aurora .block.no-hairlines-aurora:before,.block.no-hairlines ul:before,.block.no-hairlines:before,.ios .block.no-hairlines-ios ul:before,.ios .block.no-hairlines-ios:before,.md .block.no-hairlines-md ul:before,.md .block.no-hairlines-md:before{display:none!important}.aurora .block.no-hairlines-aurora ul:after,.aurora .block.no-hairlines-aurora:after,.block.no-hairlines ul:after,.block.no-hairlines:after,.ios .block.no-hairlines-ios ul:after,.ios .block.no-hairlines-ios:after,.md .block.no-hairlines-md ul:after,.md .block.no-hairlines-md:after{display:none!important}.aurora .block.no-hairline-top-aurora ul:before,.aurora .block.no-hairline-top-aurora:before,.block.no-hairline-top ul:before,.block.no-hairline-top:before,.ios .block.no-hairline-top-ios ul:before,.ios .block.no-hairline-top-ios:before,.md .block.no-hairline-top-md ul:before,.md .block.no-hairline-top-md:before{display:none!important}.aurora .block.no-hairline-bottom-aurora ul:after,.aurora .block.no-hairline-bottom-aurora:after,.block.no-hairline-bottom ul:after,.block.no-hairline-bottom:after,.ios .block.no-hairline-bottom-ios ul:after,.ios .block.no-hairline-bottom-ios:after,.md .block.no-hairline-bottom-md ul:after,.md .block.no-hairline-bottom-md:after{display:none!important}.block>h1:first-child,.block>h2:first-child,.block>h3:first-child,.block>h4:first-child,.block>p:first-child{margin-top:0}.block>h1:last-child,.block>h2:last-child,.block>h3:last-child,.block>h4:last-child,.block>p:last-child{margin-bottom:0}.block-strong{color:var(--f7-block-strong-text-color);padding-top:var(--f7-block-padding-vertical);padding-bottom:var(--f7-block-padding-vertical);background-color:var(--f7-block-strong-bg-color)}.block-strong:before{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-strong:after{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-title{position:relative;overflow:hidden;margin:0;white-space:var(--f7-block-title-white-space);text-overflow:ellipsis;text-transform:var(--f7-block-title-text-transform);color:var(--f7-block-title-text-color);font-size:var(--f7-block-title-font-size,inherit);font-weight:var(--f7-block-title-font-weight);line-height:var(--f7-block-title-line-height);margin-top:var(--f7-block-margin-vertical);margin-bottom:var(--f7-block-title-margin-bottom);margin-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-title+.block,.block-title+.block-header,.block-title+.card,.block-title+.list,.block-title+.timeline{margin-top:0px}.block-title-medium{font-size:var(--f7-block-title-medium-font-size);text-transform:var(--f7-block-title-medium-text-transform);color:var(--f7-block-title-medium-text-color);font-weight:var(--f7-block-title-medium-font-weight);line-height:var(--f7-block-title-medium-line-height)}.block-title-large{font-size:var(--f7-block-title-large-font-size);text-transform:var(--f7-block-title-large-text-transform);color:var(--f7-block-title-large-text-color);font-weight:var(--f7-block-title-large-font-weight);line-height:var(--f7-block-title-large-line-height)}.block>.block-title:first-child,.list>.block-title:first-child{margin-top:0;margin-left:0;margin-right:0}.block-header{color:var(--f7-block-header-text-color);font-size:var(--f7-block-header-font-size);margin-bottom:var(--f7-block-header-margin);margin-top:var(--f7-block-margin-vertical)}.block-header+.block,.block-header+.card,.block-header+.list,.block-header+.timeline{margin-top:var(--f7-block-header-margin)}.block-footer{color:var(--f7-block-footer-text-color);font-size:var(--f7-block-footer-font-size);margin-top:var(--f7-block-footer-margin);margin-bottom:var(--f7-block-margin-vertical)}.block-footer,.block-header{padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-footer h1:first-child,.block-footer h2:first-child,.block-footer h3:first-child,.block-footer h4:first-child,.block-footer p:first-child,.block-footer ul:first-child,.block-header h1:first-child,.block-header h2:first-child,.block-header h3:first-child,.block-header h4:first-child,.block-header p:first-child,.block-header ul:first-child{margin-top:0}.block-footer h1:last-child,.block-footer h2:last-child,.block-footer h3:last-child,.block-footer h4:last-child,.block-footer p:last-child,.block-footer ul:last-child,.block-header h1:last-child,.block-header h2:last-child,.block-header h3:last-child,.block-header h4:last-child,.block-header p:last-child,.block-header ul:last-child{margin-bottom:0}.block-footer h1:first-child:last-child,.block-footer h2:first-child:last-child,.block-footer h3:first-child:last-child,.block-footer h4:first-child:last-child,.block-footer p:first-child:last-child,.block-footer ul:first-child:last-child,.block-header h1:first-child:last-child,.block-header h2:first-child:last-child,.block-header h3:first-child:last-child,.block-header h4:first-child:last-child,.block-header p:first-child:last-child,.block-header ul:first-child:last-child{margin-top:0;margin-bottom:0}.block .block-header,.card .block-header,.list .block-header,.timeline .block-header{margin-top:0}.block .block-footer,.card .block-footer,.list .block-footer,.timeline .block-footer{margin-bottom:0}.block+.block-footer,.card+.block-footer,.list+.block-footer,.timeline+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)))}.block+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)));margin-bottom:var(--f7-block-margin-vertical)}.block .block-footer,.block .block-header{padding:0}.block.inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.inset:before{display:none!important}.block-strong.inset:after{display:none!important}@media (min-width:768px){.block.tablet-inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.tablet-inset:before{display:none!important}.block-strong.tablet-inset:after{display:none!important}}:root{--f7-list-bg-color:#fff;--f7-list-item-text-max-lines:2;--f7-list-chevron-icon-color:rgba(0, 0, 0, 0.2);--f7-list-chevron-icon-font-size:20px;--f7-list-item-title-font-size:inherit;--f7-list-item-title-font-weight:400;--f7-list-item-title-text-color:inherit;--f7-list-item-title-line-height:inherit;--f7-list-item-title-white-space:nowrap;--f7-list-item-subtitle-font-weight:400;--f7-list-item-subtitle-text-color:inherit;--f7-list-item-subtitle-line-height:inherit;--f7-list-item-text-font-weight:400;--f7-list-item-after-font-weight:400;--f7-list-item-header-text-color:inherit;--f7-list-item-header-font-size:12px;--f7-list-item-header-font-weight:400;--f7-list-item-header-line-height:1.2;--f7-list-item-footer-font-size:12px;--f7-list-item-footer-font-weight:400;--f7-list-item-footer-line-height:1.2;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-item-divider-line-height:inherit;--f7-list-group-title-line-height:inherit}:root .theme-dark,:root.theme-dark{--f7-list-button-border-color:rgba(255, 255, 255, 0.15);--f7-list-bg-color:#1c1c1d;--f7-list-border-color:rgba(255, 255, 255, 0.15);--f7-list-item-border-color:rgba(255, 255, 255, 0.15);--f7-list-item-divider-border-color:rgba(255, 255, 255, 0.15);--f7-list-item-divider-bg-color:#232323;--f7-list-group-title-bg-color:#232323;--f7-list-chevron-icon-color:rgba(255, 255, 255, 0.3)}.ios{--f7-list-in-list-padding-left:30px;--f7-list-inset-side-margin:15px;--f7-list-inset-border-radius:7px;--f7-list-margin-vertical:35px;--f7-list-font-size:17px;--f7-list-chevron-icon-area:20px;--f7-list-border-color:rgba(0, 0, 0, 0.22);--f7-list-item-border-color:rgba(0, 0, 0, 0.22);--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-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-text-line-height:21px;--f7-list-item-after-font-size:inherit;--f7-list-item-after-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-min-height:44px;--f7-list-item-media-margin:15px;--f7-list-item-media-icons-margin:5px;--f7-list-item-cell-margin:15px;--f7-list-item-padding-vertical:8px;--f7-list-item-padding-horizontal:15px;--f7-list-media-item-padding-vertical:10px;--f7-list-media-item-padding-horizontal:15px;--f7-list-media-item-title-font-weight:600;--f7-list-button-text-align:center;--f7-list-button-border-color:rgba(0, 0, 0, 0.22);--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.15);--f7-list-item-divider-height:31px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-border-color:rgba(0, 0, 0, 0.22);--f7-list-group-title-height:31px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.45);--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f7f7f7}.ios .theme-dark,.ios.theme-dark{--f7-list-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-item-divider-text-color:rgba(255, 255, 255, 0.55);--f7-list-group-title-text-color:rgba(255, 255, 255, 0.55);--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.08);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.08)}.md{--f7-list-in-list-padding-left:40px;--f7-list-inset-side-margin:16px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:32px;--f7-list-font-size:16px;--f7-list-chevron-icon-area:26px;--f7-list-border-color:rgba(0, 0, 0, 0.12);--f7-list-item-border-color:rgba(0, 0, 0, 0.12);--f7-list-link-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-subtitle-font-size:14px;--f7-list-item-text-font-size:14px;--f7-list-item-text-text-color:#757575;--f7-list-item-text-line-height:20px;--f7-list-item-after-font-size:14px;--f7-list-item-after-text-color:#757575;--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:8px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-min-height:48px;--f7-list-item-media-margin:16px;--f7-list-item-media-icons-margin:8px;--f7-list-item-cell-margin:16px;--f7-list-item-padding-vertical:8px;--f7-list-item-padding-horizontal:16px;--f7-list-media-item-padding-vertical:14px;--f7-list-media-item-padding-horizontal:16px;--f7-list-button-text-color:#212121;--f7-list-button-text-align:left;--f7-list-button-border-color:transparent;--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-divider-height:48px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.54);--f7-list-item-divider-font-size:14px;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:#f4f4f4;--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:48px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.54);--f7-list-group-title-font-size:14px;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f4f4f4}.md .theme-dark,.md.theme-dark{--f7-list-button-text-color:#fff;--f7-list-item-divider-text-color:#fff;--f7-list-group-title-text-color:#fff;--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-item-text-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-list-in-list-padding-left:15px;--f7-list-inset-side-margin:15px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:15px;--f7-list-font-size:14px;--f7-list-chevron-icon-area:15px;--f7-list-chevron-icon-font-size:16px;--f7-list-border-color:rgba(0, 0, 0, 0.12);--f7-list-item-border-color:rgba(0, 0, 0, 0.12);--f7-list-link-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-link-hover-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-title-line-height:1.3;--f7-list-item-subtitle-font-size:14px;--f7-list-item-subtitle-line-height:1.3;--f7-list-item-text-font-size:12px;--f7-list-item-text-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-text-line-height:16px;--f7-list-item-after-font-size:13px;--f7-list-item-after-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-after-line-height:1.2;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-min-height:32px;--f7-list-item-media-margin:10px;--f7-list-item-media-icons-margin:5px;--f7-list-item-cell-margin:15px;--f7-list-item-padding-vertical:5px;--f7-list-item-padding-horizontal:15px;--f7-list-media-item-padding-vertical:5px;--f7-list-media-item-padding-horizontal:15px;--f7-list-media-item-title-font-weight:600;--f7-list-button-text-align:center;--f7-list-button-border-color:rgba(0, 0, 0, 0.12);--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-button-hover-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-height:19px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:500;--f7-list-item-divider-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:19px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.6);--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:500;--f7-list-group-title-bg-color:#f7f7f7}.aurora .theme-dark,.aurora.theme-dark{--f7-list-item-text-text-color:rgba(255, 255, 255, 0.52);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.52);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.52);--f7-list-item-divider-text-color:rgba(255, 255, 255, 0.6);--f7-list-group-title-text-color:rgba(255, 255, 255, 0.6);--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-link-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-hover-bg-color:rgba(255, 255, 255, 0.03)}.list{position:relative;z-index:1;font-size:var(--f7-list-font-size);margin:var(--f7-list-margin-vertical) 0}.list ul{list-style:none;margin:0;padding:0;position:relative;background:var(--f7-list-bg-color)}.list ul:before{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul:after{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul ul{padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-list-in-list-padding-left))}.list ul ul:before{display:none!important}.list ul ul:after{display:none!important}.list li{position:relative;box-sizing:border-box}.list .item-media{display:flex;flex-shrink:0;flex-wrap:nowrap;align-items:center;box-sizing:border-box;padding-bottom:var(--f7-list-item-padding-vertical);padding-top:var(--f7-list-item-padding-vertical)}.list .item-media+.item-inner{margin-right:var(--f7-list-item-media-margin)}.list .item-media i+i,.list .item-media i+img{margin-right:var(--f7-list-item-media-icons-margin)}.list .item-after{padding-right:var(--f7-list-item-after-padding)}.list .item-inner{position:relative;width:100%;min-width:0;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-self:stretch;padding-top:var(--f7-list-item-padding-vertical);padding-bottom:var(--f7-list-item-padding-vertical);min-height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.list .item-title{min-width:0;flex-shrink:1;white-space:var(--f7-list-item-title-white-space);position:relative;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:var(--f7-list-item-title-font-size);font-weight:var(--f7-list-item-title-font-weight);color:var(--f7-list-item-title-text-color);line-height:var(--f7-list-item-title-line-height)}.list .item-after{white-space:nowrap;flex-shrink:0;display:flex;font-size:var(--f7-list-item-after-font-size);font-weight:var(--f7-list-item-after-font-weight);color:var(--f7-list-item-after-text-color);line-height:var(--f7-list-item-after-line-height);margin-right:auto}.list .item-footer,.list .item-header{white-space:normal}.list .item-header{color:var(--f7-list-item-header-text-color);font-size:var(--f7-list-item-header-font-size);font-weight:var(--f7-list-item-header-font-weight);line-height:var(--f7-list-item-header-line-height)}.list .item-footer{color:var(--f7-list-item-footer-text-color);font-size:var(--f7-list-item-footer-font-size);font-weight:var(--f7-list-item-footer-font-weight);line-height:var(--f7-list-item-footer-line-height)}.list .item-link,.list .list-button{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;z-index:0}.list .item-link{color:inherit}.list .item-link.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.list .item-link .item-inner{padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.list .item-content{display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;min-height:var(--f7-list-item-min-height);padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.list .item-subtitle{position:relative;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis;font-size:var(--f7-list-item-subtitle-font-size);font-weight:var(--f7-list-item-subtitle-font-weight);color:var(--f7-list-item-subtitle-text-color);line-height:var(--f7-list-item-subtitle-line-height)}.list .item-text{position:relative;overflow:hidden;text-overflow:hidden;-webkit-line-clamp:var(--f7-list-item-text-max-lines);display:-webkit-box;font-size:var(--f7-list-item-text-font-size);font-weight:var(--f7-list-item-text-font-weight);color:var(--f7-list-item-text-text-color);line-height:var(--f7-list-item-text-line-height);max-height:calc(var(--f7-list-item-text-line-height) * var(--f7-list-item-text-max-lines))}.list .item-title-row{position:relative;display:flex;justify-content:space-between;box-sizing:border-box}.list .item-title-row .item-after{align-self:center}.list .item-row{display:flex;justify-content:space-between;box-sizing:border-box}.list .item-cell{display:block;align-self:center;box-sizing:border-box;width:100%;min-width:0;margin-right:var(--f7-list-item-cell-margin);flex-shrink:1}.list .item-cell:first-child{margin-right:0}.list li:last-child .list-button:after{display:none!important}.list li:last-child li:last-child>.item-content>.item-inner:after,.list li:last-child li:last-child>.item-inner:after,.list li:last-child li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child li:last-child>.swipeout-content>.item-content>.item-inner:after,.list li:last-child>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child>.swipeout-content>.item-content>.item-inner:after{display:none!important}.list li li:last-child .item-inner:after,.list li:last-child li .item-inner:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .list.no-hairlines-aurora ul:before,.aurora .list.no-hairlines-aurora:before,.ios .list.no-hairlines-ios ul:before,.ios .list.no-hairlines-ios:before,.list.no-hairlines ul:before,.list.no-hairlines:before,.md .list.no-hairlines-md ul:before,.md .list.no-hairlines-md:before{display:none!important}.aurora .list.no-hairlines-aurora ul:after,.aurora .list.no-hairlines-aurora:after,.ios .list.no-hairlines-ios ul:after,.ios .list.no-hairlines-ios:after,.list.no-hairlines ul:after,.list.no-hairlines:after,.md .list.no-hairlines-md ul:after,.md .list.no-hairlines-md:after{display:none!important}.aurora .list.no-hairline-top-aurora ul:before,.aurora .list.no-hairline-top-aurora:before,.ios .list.no-hairline-top-ios ul:before,.ios .list.no-hairline-top-ios:before,.list.no-hairline-top ul:before,.list.no-hairline-top:before,.md .list.no-hairline-top-md ul:before,.md .list.no-hairline-top-md:before{display:none!important}.aurora .list.no-hairline-bottom-aurora ul:after,.aurora .list.no-hairline-bottom-aurora:after,.ios .list.no-hairline-bottom-ios ul:after,.ios .list.no-hairline-bottom-ios:after,.list.no-hairline-bottom ul:after,.list.no-hairline-bottom:after,.md .list.no-hairline-bottom-md ul:after,.md .list.no-hairline-bottom-md:after{display:none!important}.aurora .list.no-hairlines-between-aurora .item-divider:after,.aurora .list.no-hairlines-between-aurora .item-inner:after,.aurora .list.no-hairlines-between-aurora .list-button:after,.aurora .list.no-hairlines-between-aurora .list-group-title:after,.ios .list.no-hairlines-between-ios .item-divider:after,.ios .list.no-hairlines-between-ios .item-inner:after,.ios .list.no-hairlines-between-ios .list-button:after,.ios .list.no-hairlines-between-ios .list-group-title:after,.list.no-hairlines-between .item-divider:after,.list.no-hairlines-between .item-inner:after,.list.no-hairlines-between .list-button:after,.list.no-hairlines-between .list-group-title:after,.md .list.no-hairlines-between-md .item-divider:after,.md .list.no-hairlines-between-md .item-inner:after,.md .list.no-hairlines-between-md .list-button:after,.md .list.no-hairlines-between-md .list-group-title:after{display:none!important}.aurora .list.no-hairlines-between-aurora.simple-list li:after,.ios .list.no-hairlines-between-ios.simple-list li:after,.list.no-hairlines-between.simple-list li:after,.md .list.no-hairlines-between-md.simple-list li:after{display:none!important}.aurora .list.no-hairlines-between-aurora.links-list a:after,.ios .list.no-hairlines-between-ios.links-list a:after,.list.no-hairlines-between.links-list a:after,.md .list.no-hairlines-between-md.links-list a:after{display:none!important}.list-button{padding:0 var(--f7-list-item-padding-horizontal);line-height:var(--f7-list-item-min-height);color:var(--f7-list-button-text-color,var(--f7-theme-color));font-size:var(--f7-list-button-font-size);font-weight:var(--f7-list-button-font-weight);text-align:var(--f7-list-button-text-align)}.list-button:after{content:'';position:absolute;background-color:var(--f7-list-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list-button.active-state{background-color:var(--f7-list-button-pressed-bg-color)}.list-button[class*=color-]{--f7-list-button-text-color:var(--f7-theme-color)}.simple-list li{position:relative;white-space:nowrap;text-overflow:ellipsis;max-width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;align-content:center;line-height:var(--f7-list-item-min-height);height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.simple-list li:after{left:var(--f7-list-item-padding-horizontal);right:0;width:auto;right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));left:0}.simple-list li:last-child:after{display:none!important}.links-list li{z-index:1}.links-list a{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;display:flex;align-items:center;align-content:center;justify-content:space-between;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;max-width:100%;height:var(--f7-list-item-min-height);color:inherit}.links-list a .ripple-wave{z-index:0}.links-list a:after{width:auto}.links-list a.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.links-list a{padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.links-list a:after{right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));left:0}.links-list li:last-child a:after{display:none!important}.links-list a:after,.list .item-inner:after,.simple-list li:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.media-list,li.media-item{--f7-list-item-padding-vertical:var(--f7-list-media-item-padding-vertical);--f7-list-item-padding-horizontal:var(--f7-list-media-item-padding-horizontal)}.media-list .item-title,li.media-item .item-title{font-weight:var(--f7-list-media-item-title-font-weight,var(--f7-list-item-title-font-weight,inherit))}.media-list .item-inner,li.media-item .item-inner{display:block;align-self:stretch}.media-list .item-media,li.media-item .item-media{align-self:flex-start}.media-list .item-media img,li.media-item .item-media img{display:block}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.media-list .item-link .item-title-row,li.media-item .item-link .item-title-row{padding-left:calc(var(--f7-list-chevron-icon-area))}.media-list .chevron-center .item-link .item-inner,.media-list .item-link.chevron-center .item-inner,.media-list.chevron-center .item-link .item-inner,li.media-item .chevron-center .item-link .item-inner,li.media-item .item-link.chevron-center .item-inner,li.media-item.chevron-center .item-link .item-inner{padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.media-list .chevron-center .item-title-row,.media-list.chevron-center .item-title-row,li.media-item .chevron-center .item-title-row,li.media-item.chevron-center .item-title-row{padding-left:0}.links-list a:before,.list .item-link .item-inner:before,.media-list .chevron-center .item-link .item-inner:before,.media-list .item-link .item-title-row:before,.media-list .item-link.chevron-center .item-inner:before,.media-list.chevron-center .item-link .item-inner:before,li.media-item .chevron-center .item-link .item-inner:before,li.media-item .item-link .item-title-row:before,li.media-item .item-link.chevron-center .item-inner:before,li.media-item.chevron-center .item-link .item-inner:before{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;position:absolute;top:50%;width:8px;height:14px;margin-top:-7px;font-size:var(--f7-list-chevron-icon-font-size);line-height:14px;color:var(--f7-list-chevron-icon-color);pointer-events:none;left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));content:'chevron_left'}.media-list .chevron-center .item-title-row:before,.media-list.chevron-center .item-title-row:before,li.media-item .chevron-center .item-title-row:before,li.media-item.chevron-center .item-title-row:before{display:none}.media-list .item-link .item-inner:before,li.media-item .item-link .item-inner:before{display:none}.media-list .item-link .item-title-row:before,li.media-item .item-link .item-title-row:before{left:0}.list-group ul:after,.list-group ul:before{z-index:25!important}.list-group+.list-group ul:before{display:none!important}.item-divider,li.item-divider,li.list-group-title{white-space:nowrap;position:relative;max-width:100%;text-overflow:ellipsis;overflow:hidden;z-index:15;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));box-sizing:border-box;display:flex;align-items:center;align-content:center}.item-divider:after,li.item-divider:after,li.list-group-title:after{display:none!important}.item-divider,li.item-divider{margin-top:-1px;height:var(--f7-list-item-divider-height);color:var(--f7-list-item-divider-text-color);font-size:var(--f7-list-item-divider-font-size);font-weight:var(--f7-list-item-divider-font-weight);background-color:var(--f7-list-item-divider-bg-color);line-height:var(--f7-list-item-divider-line-height)}.item-divider:before,li.item-divider:before{content:'';position:absolute;background-color:var(--f7-list-item-divider-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list li.list-group-title,li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20;height:var(--f7-list-group-title-height);color:var(--f7-list-group-title-text-color);font-size:var(--f7-list-group-title-font-size);font-weight:var(--f7-list-group-title-font-weight);background-color:var(--f7-list-group-title-bg-color);line-height:var(--f7-list-group-title-line-height)}.page-with-navbar-large .list li.list-group-title,.page-with-navbar-large li.list-group-title{top:calc(-1 * var(--f7-navbar-large-title-height))}.list.inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.inset .block-title{margin-left:0;margin-right:0}.list.inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.inset ul:before{display:none!important}.list.inset ul:after{display:none!important}.list.inset li.swipeout:first-child,.list.inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.inset li.swipeout:last-child,.list.inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.inset li.swipeout:first-child:last-child,.list.inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}@media (min-width:768px){.list.tablet-inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.tablet-inset .block-title{margin-left:0;margin-right:0}.list.tablet-inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.tablet-inset ul:before{display:none!important}.list.tablet-inset ul:after{display:none!important}.list.tablet-inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.tablet-inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.tablet-inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}}.list .no-chevron,.list.no-chevron{--f7-list-chevron-icon-color:transparent;--f7-list-chevron-icon-area:0px}.ios .item-link.active-state .item-inner:after,.ios .links-list a.active-state:after,.ios .list-button.active-state:after{background-color:transparent}.ios .links-list a.active-state,.ios .list .item-link.active-state,.ios .list .list-button.active-state{transition-duration:0s}.md .list .item-media{min-width:40px}.aurora .list .item-media{min-width:18px}.aurora .links-list a:before,.aurora .list .item-link .item-inner:before,.aurora .media-list .chevron-center .item-link .item-inner:before,.aurora .media-list .item-link .item-title-row:before,.aurora .media-list .item-link.chevron-center .item-inner:before,.aurora .media-list.chevron-center .item-link .item-inner:before,.aurora li.media-item .chevron-center .item-link .item-inner:before,.aurora li.media-item .item-link .item-title-row:before,.aurora li.media-item .item-link.chevron-center .item-inner:before,.aurora li.media-item.chevron-center .item-link .item-inner:before{content:'chevron_left_aurora'}.aurora .links-list a,.aurora .list .item-link,.aurora .list .list-button{transition-duration:0s}.aurora.device-desktop .links-list a:hover:not(.active-state):not(.no-hover),.aurora.device-desktop .list .item-link:hover:not(.active-state):not(.no-hover){background:var(--f7-list-link-hover-bg-color)}.aurora.device-desktop .list .list-button:hover:not(.active-state):not(.no-hover){background:var(--f7-list-button-hover-bg-color)}:root{--f7-badge-text-color:#fff;--f7-badge-bg-color:#8e8e93;--f7-badge-padding:0 4px;--f7-badge-in-icon-size:16px;--f7-badge-in-icon-font-size:10px;--f7-badge-font-weight:normal;--f7-badge-font-size:12px}.ios{--f7-badge-size:20px}.md{--f7-badge-size:18px}.aurora{--f7-badge-size:18px;--f7-badge-font-weight:600;--f7-badge-in-icon-size:15px}.badge{display:inline-flex;align-items:center;align-content:center;justify-content:center;color:var(--f7-badge-text-color);background:var(--f7-badge-bg-color);position:relative;box-sizing:border-box;text-align:center;vertical-align:middle;font-weight:var(--f7-badge-font-weight);font-size:var(--f7-badge-font-size);border-radius:var(--f7-badge-size);padding:var(--f7-badge-padding);height:var(--f7-badge-size);min-width:var(--f7-badge-size)}.f7-icons .badge,.framework7-icons .badge,.icon .badge,.material-icons .badge{position:absolute;left:100%;margin-left:-10px;top:-2px;font-family:var(--f7-font-family);--f7-badge-font-size:var(--f7-badge-in-icon-font-size);--f7-badge-size:var(--f7-badge-in-icon-size)}.badge[class*=color-]{--f7-badge-bg-color:var(--f7-theme-color)}:root{--f7-button-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-bg-color:rgba(0, 0, 0, 0.07);--f7-segmented-strong-padding:2px;--f7-segmented-strong-between-buttons:4px;--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;--f7-segmented-strong-button-active-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.25)}:root .theme-dark,:root.theme-dark{--f7-segmented-strong-bg-color:rgba(255, 255, 255, 0.1);--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-font-size:13px;--f7-button-height:28px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:5px;--f7-button-font-weight:600;--f7-button-letter-spacing:0;--f7-button-text-transform:uppercase;--f7-button-outline-border-width:2px;--f7-button-large-height:44px;--f7-button-large-font-size:17px;--f7-button-large-font-weight:500;--f7-button-large-text-transform:none;--f7-button-small-height:26px;--f7-button-small-font-size:13px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px;--f7-segmented-strong-button-text-transform:none;--f7-segmented-strong-button-font-weight:500;--f7-segmented-strong-button-active-font-weight:600}.md{--f7-button-font-size:14px;--f7-button-height:36px;--f7-button-padding-horizontal:8px;--f7-button-border-radius:4px;--f7-button-font-weight:500;--f7-button-letter-spacing:0.03em;--f7-button-text-transform:uppercase;--f7-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-button-outline-border-width:2px;--f7-button-large-height:48px;--f7-button-large-font-size:14px;--f7-button-large-font-weight:500;--f7-button-large-text-transform:uppercase;--f7-button-small-height:28px;--f7-button-small-font-size:12px;--f7-button-small-font-weight:500;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px;--f7-segmented-strong-button-text-transform:uppercase;--f7-segmented-strong-button-font-weight:500;--f7-segmented-strong-button-active-font-weight:500}.md .theme-dark,.md.theme-dark{--f7-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}.aurora{--f7-button-font-size:14px;--f7-button-height:28px;--f7-button-min-width:24px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:4px;--f7-button-font-weight:500;--f7-button-letter-spacing:0.02;--f7-button-text-transform:none;--f7-button-outline-border-width:2px;--f7-button-large-height:34px;--f7-button-large-font-size:14px;--f7-button-large-font-weight:600;--f7-button-large-text-transform:none;--f7-button-small-height:24px;--f7-button-small-font-size:12px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:none;--f7-button-small-outline-border-width:1px;--f7-segmented-strong-button-text-transform:none;--f7-segmented-strong-button-font-weight:500;--f7-segmented-strong-button-active-font-weight:600}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}.button{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;margin:0;white-space:nowrap;text-overflow:ellipsis;position:relative;overflow:hidden;font-family:inherit;cursor:pointer;outline:0;box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;border:var(--f7-button-border-width,0px) solid var(--f7-button-border-color,var(--f7-theme-color));font-size:var(--f7-button-font-size);color:var(--f7-button-text-color,var(--f7-theme-color));height:var(--f7-button-height);line-height:calc(var(--f7-button-height) - var(--f7-button-border-width,0) * 2);padding:var(--f7-button-padding-vertical,0px) var(--f7-button-padding-horizontal);border-radius:var(--f7-button-border-radius);min-width:var(--f7-button-min-width);font-weight:var(--f7-button-font-weight);letter-spacing:var(--f7-button-letter-spacing);text-transform:var(--f7-button-text-transform);background-color:var(--f7-button-bg-color);box-shadow:var(--f7-button-box-shadow)}.button.active-state{background-color:var(--f7-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-button-pressed-text-color,var(--f7-button-text-color,var(--f7-theme-color)))}input[type=button].button,input[type=submit].button{width:100%}.button>i+i,.button>i+span,.button>span+i,.button>span+span{margin-right:4px}.appbar .button,.navbar .button,.searchbar .button,.subnavbar .button,.toolbar .button{color:var(--f7-button-text-color,var(--f7-theme-color))}.aurora .button-round-aurora,.button-round,.ios .button-round-ios,.md .button-round-md{--f7-button-border-radius:var(--f7-button-height)}.aurora .button-fill-aurora,.button-active,.button-fill,.button.tab-link-active,.ios .button-fill-ios,.md .button-fill-md{--f7-button-bg-color:var(--f7-button-fill-bg-color, var(--f7-theme-color));--f7-button-text-color:var(--f7-button-fill-text-color, #fff);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.aurora .button-fill-aurora,.button-fill,.ios .button-fill-ios,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color)}.button-active,.button.tab-link-active{--f7-button-pressed-bg-color:var(--f7-button-bg-color)}.aurora .button-outline-aurora,.button-outline,.ios .button-outline-ios,.md .button-outline-md{--f7-button-border-color:var(--f7-button-outline-border-color, var(--f7-theme-color));--f7-button-border-width:var(--f7-button-outline-border-width)}.aurora .button-large-aurora,.button-large,.ios .button-large-ios,.md .button-large-md{--f7-button-height:var(--f7-button-large-height);--f7-button-font-size:var(--f7-button-large-font-size);--f7-button-font-weight:var(--f7-button-large-font-weight);--f7-button-text-transform:var(--f7-button-large-text-transform)}.aurora .button-small-aurora,.button-small,.ios .button-small-ios,.md .button-small-md{--f7-button-outline-border-width:var(--f7-button-small-outline-border-width);--f7-button-height:var(--f7-button-small-height);--f7-button-font-size:var(--f7-button-small-font-size);--f7-button-font-weight:var(--f7-button-small-font-weight);--f7-button-text-transform:var(--f7-button-small-text-transform)}.ios .button-small-ios.button-fill,.ios .button-small.button-fill,.ios .button-small.button-fill-ios{--f7-button-border-width:var(--f7-button-small-outline-border-width);--f7-button-pressed-text-color:var(--f7-theme-color);--f7-button-pressed-bg-color:transparent}.segmented{align-self:center;display:flex;flex-wrap:nowrap;border-radius:var(--f7-button-border-radius);box-shadow:var(--f7-button-box-shadow);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:0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0}.segmented .button:not(.button-outline):first-child{border-right:none}.segmented .button.button-outline:nth-child(n+2){border-right:none}.segmented .button:last-child{border-radius:var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius)}.segmented .button-round:first-child{border-radius:0 var(--f7-button-height) var(--f7-button-height) 0}.segmented .button-round:last-child{border-radius:var(--f7-button-height) 0 0 var(--f7-button-height)}.segmented .button:first-child:last-child{border-radius:var(--f7-button-border-radius)}.aurora .segmented-raised-aurora,.ios .segmented-raised-ios,.md .segmented-raised-md,.segmented-raised{box-shadow:var(--f7-button-raised-box-shadow)}.aurora .segmented-raised-aurora .button:not(.button-outline),.ios .segmented-raised-ios .button:not(.button-outline),.md .segmented-raised-md .button:not(.button-outline),.segmented-raised .button:not(.button-outline){border-right:1px solid var(--f7-segmented-raised-divider-color)}.aurora .button-raised-aurora,.button-raised,.ios .button-raised-ios,.md .button-raised-md{--f7-button-box-shadow:var(--f7-button-raised-box-shadow)}.aurora .button-raised-aurora.active-state,.button-raised.active-state,.ios .button-raised-ios.active-state,.md .button-raised-md.active-state{--f7-button-box-shadow:var(--f7-button-raised-pressed-box-shadow)}.aurora .segmented-strong-aurora,.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);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}.aurora .segmented-strong-aurora .button,.aurora .segmented-strong-aurora .button:first-child,.aurora .segmented-strong-aurora .button:last-child,.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)}.aurora .segmented-strong-aurora .button+.button,.ios .segmented-strong-ios .button+.button,.md .segmented-strong-md .button+.button,.segmented-strong .button+.button{margin-right:var(--f7-segmented-strong-between-buttons)}.aurora .segmented-strong-aurora .button.button-active,.aurora .segmented-strong-aurora .button.tab-link-active,.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:var(--f7-segmented-strong-button-active-bg-color);--f7-button-bg-color:var(--f7-segmented-strong-button-active-bg-color);--f7-button-text-color:var(--f7-segmented-strong-button-active-text-color);--f7-button-font-weight:var(--f7-segmented-strong-button-active-font-weight);--f7-button-box-shadow:var(--f7-segmented-strong-button-active-box-shadow)}.aurora .segmented-round-aurora,.ios .segmented-round-ios,.md .segmented-round-md,.segmented-round{border-radius:var(--f7-button-height)}.subnavbar .segmented{width:100%}.ios .button{transition-duration:.1s}.ios .button-fill,.ios .button-fill-ios{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-tint))}.ios .button-small,.ios .button-small-ios{transition-duration:.2s}.md .button{transition-duration:.3s;transform:translate3d(0,0,0)}.md .button-fill,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .button{transition-duration:.1s;transform:translate3d(0,0,0)}.aurora.device-desktop .button:not(.active-state):not(.no-hover):hover{background-color:var(--f7-button-hover-bg-color,rgba(var(--f7-theme-color-rgb),.07))}.aurora .button-fill,.aurora .button-fill-aurora{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .button-active,.aurora .button-fill,.aurora .button-fill-aurora,.aurora .button.tab-link-active{--f7-button-hover-bg-color:var(--f7-button-fill-hover-bg-color, var(--f7-theme-color-tint))}:root{--f7-touch-ripple-black:rgba(0, 0, 0, 0.1);--f7-touch-ripple-white:rgba(255, 255, 255, 0.3);--f7-touch-ripple-color:var(--f7-touch-ripple-black)}.theme-dark{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.actions-button,.button,.checkbox,.dialog-button,.fab a,.item-link,.link,.list-button,.radio,.ripple,.speed-dial-buttons a,.tab-link{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ripple-wave{left:0;top:0;position:absolute!important;border-radius:50%;pointer-events:none;z-index:-1;padding:0;margin:0;font-size:0;transform:translate3d(0px,0px,0) scale(0);transition-duration:1.4s;background-color:var(--f7-touch-ripple-color);will-change:transform,opacity}.ripple-wave.ripple-wave-fill{transition-duration:.3s;opacity:.35}.ripple-wave.ripple-wave-out{transition-duration:.6s;opacity:0}.button-fill .ripple-wave,.menu .ripple-wave,.picker-calendar-day .ripple-wave{z-index:1}.checkbox .ripple-wave,.data-table .sortable-cell .ripple-wave,.radio .ripple-wave{z-index:0}[class*=ripple-color-]{--f7-touch-ripple-color:var(--f7-theme-color-ripple-color)}i.icon{display:inline-block;vertical-align:middle;background-size:100% auto;background-position:center;background-repeat:no-repeat;font-style:normal;position:relative}.icon-back:after,.icon-forward:after,.icon-next:after,.icon-prev:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.icon[class*=color-]{color:var(--f7-theme-color)}.ios .icon-back,.ios .icon-forward,.ios .icon-next,.ios .icon-prev{width:12px;height:20px;line-height:20px}.ios .icon-back:after,.ios .icon-forward:after,.ios .icon-next:after,.ios .icon-prev:after{line-height:inherit}.ios .icon-next:after,.ios .icon-prev:after{font-size:16px}.ios .item-media .icon{color:grey}.ios .item-media .f7-icons{font-size:28px;width:28px;height:28px}.ios .icon-back:after,.ios .icon-prev:after{content:'chevron_right_ios'}.ios .icon-forward:after,.ios .icon-next:after{content:'chevron_left_ios'}.md .icon-back,.md .icon-forward,.md .icon-next,.md .icon-prev{width:24px;height:24px}.md .icon-back:after,.md .icon-forward:after,.md .icon-next:after,.md .icon-prev:after{line-height:1.2}.md .item-media .icon{color:#737373}.md .item-media .material-icons{font-size:24px;width:24px;height:24px}.md .icon-back:after{content:'arrow_right_md'}.md .icon-forward:after{content:'arrow_left_md'}.md .icon-next:after{content:'chevron_left_md'}.md .icon-prev:after{content:'chevron_right_md'}.aurora .f7-icons,.aurora .material-icons{font-size:18px}.aurora .icon-back,.aurora .icon-forward,.aurora .icon-next,.aurora .icon-prev{width:9px;height:14px;line-height:14px}.aurora .icon-back:after,.aurora .icon-forward:after,.aurora .icon-next:after,.aurora .icon-prev:after{line-height:inherit}.aurora .item-media .icon{color:grey}.aurora .item-media .f7-icons{font-size:18px;width:18px;height:18px}.aurora .icon-back:after,.aurora .icon-prev:after{content:'chevron_right_aurora'}.aurora .icon-forward:after,.aurora .icon-next:after{content:'chevron_left_aurora'}.custom-modal-backdrop{z-index:10500}.actions-backdrop,.custom-modal-backdrop,.dialog-backdrop,.popover-backdrop,.popup-backdrop,.preloader-backdrop,.sheet-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;transition-duration:.4s}.actions-backdrop.not-animated,.custom-modal-backdrop.not-animated,.dialog-backdrop.not-animated,.popover-backdrop.not-animated,.popup-backdrop.not-animated,.preloader-backdrop.not-animated,.sheet-backdrop.not-animated{transition-duration:0s}.actions-backdrop.backdrop-in,.custom-modal-backdrop.backdrop-in,.dialog-backdrop.backdrop-in,.popover-backdrop.backdrop-in,.popup-backdrop.backdrop-in,.preloader-backdrop.backdrop-in,.sheet-backdrop.backdrop-in{visibility:visible;opacity:1} \ No newline at end of file +:root{--f7-theme-color:#007aff;--f7-theme-color-rgb:0,122,255;--f7-theme-color-shade:#0066d6;--f7-theme-color-tint:#298fff;--f7-safe-area-left:0px;--f7-safe-area-right:0px;--f7-safe-area-top:0px;--f7-safe-area-bottom:0px;--f7-safe-area-outer-left:0px;--f7-safe-area-outer-right:0px;--f7-device-pixel-ratio:1}@supports (left:env(safe-area-inset-left)){:root{--f7-safe-area-top:env(safe-area-inset-top);--f7-safe-area-bottom:env(safe-area-inset-bottom)}:root .ios-edges,:root .ios-left-edge,:root .panel-left,:root .popup,:root .safe-area-left,:root .safe-areas,:root .sheet-modal{--f7-safe-area-left:env(safe-area-inset-left);--f7-safe-area-outer-left:env(safe-area-inset-left)}:root .ios-edges,:root .ios-right-edge,:root .panel-right,:root .popup,:root .safe-area-right,:root .safe-areas,:root .sheet-modal{--f7-safe-area-right:env(safe-area-inset-right);--f7-safe-area-outer-right:env(safe-area-inset-right)}:root .no-ios-edges,:root .no-ios-left-edge,:root .no-safe-area-left,:root .no-safe-areas{--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px}:root .no-ios-edges,:root .no-ios-right-edge,:root .no-safe-area-right,:root .no-safe-areas{--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){:root{--f7-device-pixel-ratio:2}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){:root{--f7-device-pixel-ratio:3}}:root{--f7-font-size:14px}.ios{--f7-font-family:-apple-system,SF Pro Text,SF UI Text,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-line-height:1.4}.ios .theme-dark,.ios.theme-dark{--f7-text-color:#fff}.md{--f7-font-family:Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;--f7-text-color:#212121;--f7-line-height:1.5}.md .theme-dark,.md.theme-dark{--f7-text-color:rgba(255, 255, 255, 0.87)}.aurora{--f7-font-family:-apple-system,system-ui,Helvetica,Arial,sans-serif;--f7-text-color:#000;--f7-line-height:1.5}.aurora .theme-dark,.aurora.theme-dark{--f7-text-color:#fff}:root{--f7-bars-bg-image:none;--f7-bars-bg-color:#f7f7f8;--f7-bars-bg-color-rgb:247,247,248;--f7-bars-translucent-opacity:0.8;--f7-bars-translucent-blur:20px;--f7-bars-text-color:#000;--f7-bars-shadow-bottom-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);--f7-bars-shadow-top-image:linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)}.theme-dark{--f7-bars-text-color:#fff}.ios{--f7-bars-border-color:rgba(0, 0, 0, 0.25)}.ios .theme-dark,.ios.theme-dark{--f7-bars-bg-color:#121212;--f7-bars-bg-color-rgb:19,19,19;--f7-bars-border-color:rgba(255, 255, 255, 0.1)}.md{--f7-bars-border-color:transparent}.md .theme-dark,.md.theme-dark{--f7-bars-bg-color:#202020}.aurora{--f7-bars-border-color:rgba(0, 0, 0, 0.2)}.aurora .theme-dark,.aurora.theme-dark{--f7-bars-bg-color:#202020;--f7-bars-border-color:rgba(255, 255, 255, 0.1)}.text-color-primary{--f7-theme-color-text-color:var(--f7-theme-color)}.bg-color-primary{--f7-theme-color-bg-color:var(--f7-theme-color)}.border-color-primary{--f7-theme-color-border-color:var(--f7-theme-color)}.ripple-color-primary{--f7-theme-color-ripple-color:rgba(var(--f7-theme-color-rgb), 0.3)}:root{--f7-color-red:#ff3b30;--f7-color-red-rgb:255,59,48;--f7-color-red-shade:#ff1407;--f7-color-red-tint:#ff6259;--f7-color-green:#4cd964;--f7-color-green-rgb:76,217,100;--f7-color-green-shade:#2cd048;--f7-color-green-tint:#6ee081;--f7-color-blue:#2196f3;--f7-color-blue-rgb:33,150,243;--f7-color-blue-shade:#0c82df;--f7-color-blue-tint:#48a8f5;--f7-color-pink:#ff2d55;--f7-color-pink-rgb:255,45,85;--f7-color-pink-shade:#ff0434;--f7-color-pink-tint:#ff5676;--f7-color-yellow:#ffcc00;--f7-color-yellow-rgb:255,204,0;--f7-color-yellow-shade:#d6ab00;--f7-color-yellow-tint:#ffd429;--f7-color-orange:#ff9500;--f7-color-orange-rgb:255,149,0;--f7-color-orange-shade:#d67d00;--f7-color-orange-tint:#ffa629;--f7-color-purple:#9c27b0;--f7-color-purple-rgb:156,39,176;--f7-color-purple-shade:#7e208f;--f7-color-purple-tint:#b92fd1;--f7-color-deeppurple:#673ab7;--f7-color-deeppurple-rgb:103,58,183;--f7-color-deeppurple-shade:#563098;--f7-color-deeppurple-tint:#7c52c8;--f7-color-lightblue:#5ac8fa;--f7-color-lightblue-rgb:90,200,250;--f7-color-lightblue-shade:#32bbf9;--f7-color-lightblue-tint:#82d5fb;--f7-color-teal:#009688;--f7-color-teal-rgb:0,150,136;--f7-color-teal-shade:#006d63;--f7-color-teal-tint:#00bfad;--f7-color-lime:#cddc39;--f7-color-lime-rgb:205,220,57;--f7-color-lime-shade:#bac923;--f7-color-lime-tint:#d6e25c;--f7-color-deeporange:#ff6b22;--f7-color-deeporange-rgb:255,107,34;--f7-color-deeporange-shade:#f85200;--f7-color-deeporange-tint:#ff864b;--f7-color-gray:#8e8e93;--f7-color-gray-rgb:142,142,147;--f7-color-gray-shade:#79797f;--f7-color-gray-tint:#a3a3a7;--f7-color-white:#ffffff;--f7-color-white-rgb:255,255,255;--f7-color-white-shade:#ebebeb;--f7-color-white-tint:#ffffff;--f7-color-black:#000000;--f7-color-black-rgb:0,0,0;--f7-color-black-shade:#000000;--f7-color-black-tint:#141414}.color-theme-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.color-theme-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.color-theme-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.color-theme-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.color-theme-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.color-theme-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.color-theme-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.color-theme-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.color-theme-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.color-theme-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.color-theme-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.color-theme-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.color-theme-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.color-theme-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.color-theme-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.color-red{--f7-theme-color:#ff3b30;--f7-theme-color-rgb:255,59,48;--f7-theme-color-shade:#ff1407;--f7-theme-color-tint:#ff6259}.text-color-red{--f7-theme-color-text-color:#ff3b30}.bg-color-red{--f7-theme-color-bg-color:#ff3b30}.border-color-red{--f7-theme-color-border-color:#ff3b30}.ripple-color-red,.ripple-red{--f7-theme-color-ripple-color:rgba(255, 59, 48, 0.3)}.color-green{--f7-theme-color:#4cd964;--f7-theme-color-rgb:76,217,100;--f7-theme-color-shade:#2cd048;--f7-theme-color-tint:#6ee081}.text-color-green{--f7-theme-color-text-color:#4cd964}.bg-color-green{--f7-theme-color-bg-color:#4cd964}.border-color-green{--f7-theme-color-border-color:#4cd964}.ripple-color-green,.ripple-green{--f7-theme-color-ripple-color:rgba(76, 217, 100, 0.3)}.color-blue{--f7-theme-color:#2196f3;--f7-theme-color-rgb:33,150,243;--f7-theme-color-shade:#0c82df;--f7-theme-color-tint:#48a8f5}.text-color-blue{--f7-theme-color-text-color:#2196f3}.bg-color-blue{--f7-theme-color-bg-color:#2196f3}.border-color-blue{--f7-theme-color-border-color:#2196f3}.ripple-blue,.ripple-color-blue{--f7-theme-color-ripple-color:rgba(33, 150, 243, 0.3)}.color-pink{--f7-theme-color:#ff2d55;--f7-theme-color-rgb:255,45,85;--f7-theme-color-shade:#ff0434;--f7-theme-color-tint:#ff5676}.text-color-pink{--f7-theme-color-text-color:#ff2d55}.bg-color-pink{--f7-theme-color-bg-color:#ff2d55}.border-color-pink{--f7-theme-color-border-color:#ff2d55}.ripple-color-pink,.ripple-pink{--f7-theme-color-ripple-color:rgba(255, 45, 85, 0.3)}.color-yellow{--f7-theme-color:#ffcc00;--f7-theme-color-rgb:255,204,0;--f7-theme-color-shade:#d6ab00;--f7-theme-color-tint:#ffd429}.text-color-yellow{--f7-theme-color-text-color:#ffcc00}.bg-color-yellow{--f7-theme-color-bg-color:#ffcc00}.border-color-yellow{--f7-theme-color-border-color:#ffcc00}.ripple-color-yellow,.ripple-yellow{--f7-theme-color-ripple-color:rgba(255, 204, 0, 0.3)}.color-orange{--f7-theme-color:#ff9500;--f7-theme-color-rgb:255,149,0;--f7-theme-color-shade:#d67d00;--f7-theme-color-tint:#ffa629}.text-color-orange{--f7-theme-color-text-color:#ff9500}.bg-color-orange{--f7-theme-color-bg-color:#ff9500}.border-color-orange{--f7-theme-color-border-color:#ff9500}.ripple-color-orange,.ripple-orange{--f7-theme-color-ripple-color:rgba(255, 149, 0, 0.3)}.color-purple{--f7-theme-color:#9c27b0;--f7-theme-color-rgb:156,39,176;--f7-theme-color-shade:#7e208f;--f7-theme-color-tint:#b92fd1}.text-color-purple{--f7-theme-color-text-color:#9c27b0}.bg-color-purple{--f7-theme-color-bg-color:#9c27b0}.border-color-purple{--f7-theme-color-border-color:#9c27b0}.ripple-color-purple,.ripple-purple{--f7-theme-color-ripple-color:rgba(156, 39, 176, 0.3)}.color-deeppurple{--f7-theme-color:#673ab7;--f7-theme-color-rgb:103,58,183;--f7-theme-color-shade:#563098;--f7-theme-color-tint:#7c52c8}.text-color-deeppurple{--f7-theme-color-text-color:#673ab7}.bg-color-deeppurple{--f7-theme-color-bg-color:#673ab7}.border-color-deeppurple{--f7-theme-color-border-color:#673ab7}.ripple-color-deeppurple,.ripple-deeppurple{--f7-theme-color-ripple-color:rgba(103, 58, 183, 0.3)}.color-lightblue{--f7-theme-color:#5ac8fa;--f7-theme-color-rgb:90,200,250;--f7-theme-color-shade:#32bbf9;--f7-theme-color-tint:#82d5fb}.text-color-lightblue{--f7-theme-color-text-color:#5ac8fa}.bg-color-lightblue{--f7-theme-color-bg-color:#5ac8fa}.border-color-lightblue{--f7-theme-color-border-color:#5ac8fa}.ripple-color-lightblue,.ripple-lightblue{--f7-theme-color-ripple-color:rgba(90, 200, 250, 0.3)}.color-teal{--f7-theme-color:#009688;--f7-theme-color-rgb:0,150,136;--f7-theme-color-shade:#006d63;--f7-theme-color-tint:#00bfad}.text-color-teal{--f7-theme-color-text-color:#009688}.bg-color-teal{--f7-theme-color-bg-color:#009688}.border-color-teal{--f7-theme-color-border-color:#009688}.ripple-color-teal,.ripple-teal{--f7-theme-color-ripple-color:rgba(0, 150, 136, 0.3)}.color-lime{--f7-theme-color:#cddc39;--f7-theme-color-rgb:205,220,57;--f7-theme-color-shade:#bac923;--f7-theme-color-tint:#d6e25c}.text-color-lime{--f7-theme-color-text-color:#cddc39}.bg-color-lime{--f7-theme-color-bg-color:#cddc39}.border-color-lime{--f7-theme-color-border-color:#cddc39}.ripple-color-lime,.ripple-lime{--f7-theme-color-ripple-color:rgba(205, 220, 57, 0.3)}.color-deeporange{--f7-theme-color:#ff6b22;--f7-theme-color-rgb:255,107,34;--f7-theme-color-shade:#f85200;--f7-theme-color-tint:#ff864b}.text-color-deeporange{--f7-theme-color-text-color:#ff6b22}.bg-color-deeporange{--f7-theme-color-bg-color:#ff6b22}.border-color-deeporange{--f7-theme-color-border-color:#ff6b22}.ripple-color-deeporange,.ripple-deeporange{--f7-theme-color-ripple-color:rgba(255, 107, 34, 0.3)}.color-gray{--f7-theme-color:#8e8e93;--f7-theme-color-rgb:142,142,147;--f7-theme-color-shade:#79797f;--f7-theme-color-tint:#a3a3a7}.text-color-gray{--f7-theme-color-text-color:#8e8e93}.bg-color-gray{--f7-theme-color-bg-color:#8e8e93}.border-color-gray{--f7-theme-color-border-color:#8e8e93}.ripple-color-gray,.ripple-gray{--f7-theme-color-ripple-color:rgba(142, 142, 147, 0.3)}.color-white{--f7-theme-color:#ffffff;--f7-theme-color-rgb:255,255,255;--f7-theme-color-shade:#ebebeb;--f7-theme-color-tint:#ffffff}.text-color-white{--f7-theme-color-text-color:#ffffff}.bg-color-white{--f7-theme-color-bg-color:#ffffff}.border-color-white{--f7-theme-color-border-color:#ffffff}.ripple-color-white,.ripple-white{--f7-theme-color-ripple-color:rgba(255, 255, 255, 0.3)}.color-black{--f7-theme-color:#000000;--f7-theme-color-rgb:0,0,0;--f7-theme-color-shade:#000000;--f7-theme-color-tint:#141414}.text-color-black{--f7-theme-color-text-color:#000000}.bg-color-black{--f7-theme-color-bg-color:#000000}.border-color-black{--f7-theme-color-border-color:#000000}.ripple-black,.ripple-color-black{--f7-theme-color-ripple-color:rgba(0, 0, 0, 0.3)}@font-face{font-family:framework7-core-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAz4ABAAAAAAGNgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAM3AAAABkAAAAciZuB7UdERUYAAArUAAAAIwAAACQAfQBXR1BPUwAADKwAAAAuAAAANuAY7+xHU1VCAAAK+AAAAbMAAAQuAxQJ5U9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAogAAACIAAABYt6F0cBjdnQgAAADEAAAAAQAAAAEABEBRGdhc3AAAArMAAAACAAAAAj//wADZ2x5ZgAAA6gAAAR1AAAJzOg6B0doZWFkAAABbAAAADAAAAA2FLiY/WhoZWEAAAGcAAAAIAAAACQHgQM9aG10eAAAAigAAABeAAABJC9JAAJsb2NhAAADFAAAAJQAAACUReRIiG1heHAAAAG8AAAAHwAAACAAjwBLbmFtZQAACCAAAAFSAAAC2WG9Sh5wb3N0AAAJdAAAAVYAAAJ2B5LxL3jaY2BkYGAA4r3NMlLx/DZfGbiZGEDgxtw1DjD6/49/vSxpTJ+BXA4GsDQARmkM0njaY2BkYGD6/K+XQY8l7f8PBgaWNAagCArwBACRVQXFeNpjYGRgYPBkkGJgYQABJiBmZACJOTDogQQADbgA2wB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wKxExCfBWIJoNzZ/z8Y3YBsF6g4kM2UBpFjBNJMQD0Mu4FsY4jZTGch5jAZQ8QBlR0UZwAAeNpjYGBgZoBgGQZGBhCIAfIYwXwWBgcgzcPAwcAEZCsw6DJYMsQzVP3/DxQF8QyAvMT///8//n/9/9X/G/6vh5oAB4xsDHAhRiYgwcSApgBiNRywMDCwsrFzcHJx8/DyMRAD+BkEBIWERUTFxCUkpaRlZOXkFRSVlFVU1dQ1NBkGAwAAxH4T6AARAUQAAAAqACoAKgA0AD4ASABSAFwAZgBwAHoAhACOAJgAogCsALYAwADKANQA3gDoAPIA/AEGARABGgEkAS4BOAFCAUwBVgFgAWoBdAF+AYgBkgGcAaYBsgHeAgACKgI8AlICZAKEApQCpALWAuwC/gMeAzADQgNgA3IDlgO0A8QD6gP8BBYEKgRKBFwEbgSWBKwExgTmeNrtVc9vG0UUfm8de9y43rVje204lNjZ7AYBKcna3lKcxCIJhwgCqhIIuTSpKp8CaoRsbnZujSosI5QqitVbpCLBKT8EUiUSwyW9mEoWB4RyChKpEJxyoVKz5s2sDXH6H6BKM34z387OfvO9741BgiAAbOAsuIDB4BbC5cw264K/hrc87sPMtkuiIWy5OOzm8Dbz4NPMNnLcDJpBwwz2BVc/y+Vw1v4miCbthtRqotMoOMTHz7Hn2P8ek85gLkLfkAQMXdQv4Ps4TxWmQASiAD0JT1gdTif1YTXsSehJt2UoGLWMr2cymZnMvaWpqaUpHPffkuVleRmzmZmRkZkPpjj8RL7l56DDofkDmvSRHoD+hCLxncbQ0JPp4ZdQRQMRf/P1qr79fZ8a9x0p25J05FN7fXv7HD1SHM7NY6zhfboHXqBdosxIGZ6+BN9DjYRZNMFZElvMrugrbHBscnHxzo0B9u3CxMTCeHlFL0XYwOKdxcXJ0UE2vjA+viB4gQ57dF43QIjRltZeoaBVq5gWAVrcT7CKZfDSVyNxvijKsGo/rGj1ulb5NenE1lrw4494k+9nYRQNq4KKZtcr2mwrAjafkBavkBZ0n1npMST6YZKUy3sZdTfSyenMe3v8/EfKI3QdcU1o7ijBvxGGA4ezRWQM62BTK5W07+i32N/5PEVUo6z1uL9Y0oSOdrkrJ52Aj+e336AFUYsyahlSryYFerTerp6AJGUP0gft9qb9k326vo4uHEbX+vofB1b7kfX08F/YPuXLntWMC0b3r4VVrpP5RY0HvEICtjXL4ruYBQ9NomyIVuPL2uGyRhiFvnecNUv4FuoQoBGXS2gl3GOlMSmzVaZSl1VvPu9FXeYTjsksn2fizDCPdXqf/3fACMYj7lQ8gnXbxPqJaW6YpuBcwxjlhXTrR64rxpoQe/w4VnMC8Wj+DR/Bz/gayACUuaiqoIzExEpHpxa6A4Huj90hz1W/rFz8/Eul26d85UWWVS76ZecM1/Ft4sC9Ri5ixqZIDOoigONxUHGCcuen6gNK3hmHe1r+/nMuNKe9bk1PfzK9NTc6Oje68mFo7hLNpq2hq2Mc6dSLO4yKTNiL8cLrEEuV19tSFQqEdfIkEcgbDs/rm1qxqIk6LEs5PCElQwDJAJELeBJI52k7adfe3bWh+WIu125ZhJ2dJuzgxhkQOjVPIfcqQuz4OFbDluLtmsrhp+RXQCaEE7QwV6lo7YbvnZnwd+yaVJVq3FMWec+8gL/Xj+2afb8smaci7e29L8EDvMF1Sjue+q8gH3TaaDDgXfWGqQdUx1XO+5N0r+nCu8K6FpqPbvZc+x7DIpy/Y/jtYdDNouXzOE+hUGjlvTkv1SUdLvC8k6YmF7UvETpTnY21u43G3bW1YrpIrcR/X8WBRsP+pYH3SlaxaJXE7/n6E9+Mp+JGnded/RCvVLDMh0lRfy7OTzKJH68N0jiYcqqDdy6W00mZ5Ipo53ULOPbiNelc6mSs24zd9jqWwmvP6PYPnHjkAAAAAHjarZC9TsMwFIWP+yfBgBjI7rGtmsjx0p+RSl26IIbsITWt1Sau3EhVxcuwsTGy8RQsTOx9C65dDwwdGBrpyl+Oz7XPNYAbvIPh9HXxGJghwlvgBq7xFbiJlN0HbiFir4HbuGXfgTuIGhE5WeuK/h58l2OGPl4CN3CHz8BNPOEncAt9Vgdug7OPwB3Sj5jCYIsDLDSWWKEGp8wFerRKCKQYY0CcYYMcC3KVVJaUOblzIqeXdIb2u5ia7cHq5arm3aLHpUjHA55t8oUuteXzVW43ebnVC3I+U7NrVdhTCIs1hojpaseKSHuusCOrzUu1N3Y9jAtjVawLU5F81vvXMPNi7VdL8yk/VUJzcUyo/h/h5JcYkSp9nd4GM1PVM2OXistE8Ak/G5V0OYpl7J7jEoNn5LO0r72PUxaXJvGrmw2ZsjttKi5Emggh+AUu/QVMMIYbAAB42m2QCU/CQBSEZ8ADECzIJXj+FuN937dpartKI3TJdjn+vNGFUqGJmzTpvm/evNmHFMbn5xvEf+fIfEQKaRRRRgVV1FDHKhpoYg3r2MEu9rCPAxwa7TFOcIoznOMCl7jCNW5wizvc4wGPeMIzXvCKN6aY5hznucBFZphljkvMs8BlWiyyxBWWWWGVNda5ygabXOM6N7jJLW7nQuEot2X7Miy5LdFXMrCV/9nSo0p2AjueFbO2+NDmXnCUkoP4tmSo+/Uuh+a/mFAak0LCNj+La4HU/ofvOto3FbctQzHqsCLzd6m17BjLrHI8X45IOe725CCwnZ6SylkMpRqHCAd+Vyg7EENt/QWKNLm4r9ctTN4UgdIUTCr52RGWJ9pCC1vJXuDNzOgq0c9OmFlGVys7yjybcbyAqWmUxwiKyT2blSWmGMVyZBbzzPiFpl5JdkbevxMrvisAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQYPIJsFLMYAAA12ANUAeNp1UklOAkEUfUV3Ao4goHSUQQbBIM6z4qxoPIMbNhoT4sIQD+DCMxjjOVx6BuMRjAtvge9XAz2FdLqr+r1X/7/6/0MBGEYWNahWs/2ACEwi6HQgjGrd3zWJwf4jZ+o1AmX8IowknkLt0LdhGiWjDoP4PBrYQBR5PlmUuZvgWuSTRZp/aSSoGHfxeViYQooKm13CmIudYY7JPhfFLK7xiDd84keZqqwa6lY9q3f1ob7UH66oTvGd0+czvugxlDSe5+6U0bxKJ5NbtxXQJbSzjE9X5z29uhJyPs1CQON2ZxErYIW6Qb5sxXlA4a/gItdBMYTf7fJxTOvuVHw+V9mBQRnOMBo4a/ta6zLBrAcBplfDZYwEoonDPc5ksJoyX1X2/4Iekzp6kW9Ua0pUJfpeDrkbpJD4xxjy8ILJdK/zljKtFn1bdBXTe9tBnHqJnexnkRMnrFWR8aWCztQ6/CYzxRhdkB4eJlJjH284yS94xT5jJPX5OG/t7cURK1TmuRwVkiXHr9Rlx4dnuFbopMrKuWPZGWv6vg4q971kNSWHM1nbdNZD7IqI0zh3GZ238A+0lkTEAHjaY2BkYGDgYpBjMGFgzEksyWPgYGABijD8/88AkmEszqxKhYp9YIADAMCOBtEAAHjaY2BgYGQAghsJmjlgeu4aBxgNAELpBpEAAAA=") format("woff");font-weight:400;font-style:normal}@font-face{font-family:framework7-skeleton;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAYQAA0AAAAAEcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF9AAAABkAAAAciVvoDU9TLzIAAAGcAAAASwAAAGBRtV1jY21hcAAAAfwAAAC8AAABamglddJjdnQgAAACuAAAAAQAAAAEABEBRGdhc3AAAAXsAAAACAAAAAj //wADZ2x5ZgAAA2wAAACUAAAJjHCzhiRoZWFkAAABMAAAAC4AAAA2ERr/HWhoZWEAAAFgAAAAGgAAACQC8ADFaG10eAAAAegAAAATAAAAtAMAABFsb2NhAAACvAAAAK4AAACuaNBmhG1heHAAAAF8AAAAHwAAACAAmgA5bmFtZQAABAAAAAFQAAACuLf6wytwb3N0AAAFUAAAAJkAAADOCKMIc3jaY2BkYGAA4lUx8ibx/DZfGbiZGEDgRu39AAT9/wAjA+MBIJeDASwNACBICpsAAHjaY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB42mNgZGBgCGPgYGBiAAEQycgAEnNg0AMJAAANJwDUAHjaY2BhZGCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01haGBQYKhlPPD/AIMe4wEGB5gaxgNAHgNQjhEA6dgLvQB42mNkYBBkAAJGKB4KAAAOfQAVAHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMSgxWDNEMsQz1D7/z9QXIFBjUGHwRHIT/z////j/w/+3/9/6//N/zeg5iABRjYGuCAjE5BgQlcAdAILK5DBxs7BycXAzcPLxy8gKCQsIiomLiEpBVYjLSMrJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZs5gwWBpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSyjDgAABJLiG7ABEBRAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C8gMAAw4DHAMqAzgDRgNUA2IDcAN+A4wDmgOoA7YDxAPSA+AD7gP8BAoEGAQmBDQEQgRQBF4EbAR6BIgEnASqBLgExgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVI6G36jcqNyo3GiZMSo3Kjes8hQAx51w5njapZC9agJBFIXP+EfSBMEXmEoU3GVcBNFWsLEJKbYKhEUnOrjryrggkgfIQ6RMnzZVHiBNijxM6pydHUiRFAEXLvebc8+duXcBXOEFAtXXw41ngQ6ePddwgXfPdYRCeW6gIx49N9EWb55b1L/oFI1Lnq5dV8kCXTx4rqGNV8913OLTcwNdcee5CSmePLeof2CGHHucYGGwxgYFJGdeos8cQWGICQbkGCkSrOjKGJbKgu6EVOoZ7zCuilm+P1mz3hSyt+zLSA0nAxmnycpkxsrFJrFpku3Nis57NpetGkcOYbHFGAEOzJqXao6SY0ebTTJ9zO12HBy2OtVFTvGX66c0d0LhsuVO2m0ScheJKeN/z1beESuRi+pPYJ7vinlu11pGoZJT+cdwVEdBFJSbn7djzLql1/iBlBsidLlcBrG2B8MHlRqGSil51nPfEi6AO3jaXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAAAAAAH//wACeNpjYGBgZACCGwmaOWC69n4AjAYARC0G1wAAAA==") format("woff");font-weight:300,400,500,600,700;font-style:normal,italic}html{direction:rtl}.framework7-root,body,html{position:relative;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;width:100%;background:#fff;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-family:var(--f7-font-family);font-size:var(--f7-font-size);line-height:var(--f7-line-height);color:var(--f7-text-color)}.theme-dark{color:var(--f7-text-color)}.framework7-root{overflow:hidden;box-sizing:border-box}.framework7-initializing *,.framework7-initializing :after,.framework7-initializing :before{transition-duration:0s!important}.device-android,.device-ios{cursor:pointer}.device-ios{touch-action:manipulation}@media (width:1024px) and (height:691px) and (orientation:landscape){.framework7-root,body,html{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.framework7-root,body,html{height:672px}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,input,select,textarea{outline:0}a{cursor:pointer;text-decoration:none;color:var(--f7-theme-color)}.item-link,.link{cursor:pointer}p{margin:1em 0}.disabled{opacity:.55!important;pointer-events:none!important}html.device-full-viewport,html.device-full-viewport body{height:100vh}.ios .aurora-only,.ios .if-aurora,.ios .if-md,.ios .if-not-ios,.ios .md-only,.ios .not-ios{display:none!important}@media (width:1024px) and (height:691px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:671px}}@media (width:1024px) and (height:692px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:672px}}.md .aurora-only,.md .if-aurora,.md .if-ios,.md .if-not-md,.md .ios-only,.md .not-md{display:none!important}.aurora .if-ios,.aurora .if-md,.aurora .if-not-aurora,.aurora .ios-only,.aurora .md-only,.aurora .not-aurora{display:none!important}.view,.views{position:relative;height:100%;z-index:5000;overflow:hidden;box-sizing:border-box}.framework7-root>.view,.framework7-root>.views{height:calc(100% - var(--f7-appbar-app-offset,0px))}:root{--f7-page-master-width:320px;--f7-page-master-border-color:rgba(0, 0, 0, 0.1);--f7-page-master-border-width:1px;--f7-page-swipeback-transition-duration:300ms}.ios{--f7-page-bg-color:#efeff4;--f7-page-transition-duration:400ms}.ios .theme-dark,.ios.theme-dark{--f7-page-bg-color:#000}.md{--f7-page-bg-color:#fff;--f7-page-transition-duration:250ms}.md .theme-dark,.md.theme-dark{--f7-page-bg-color:#121212}.aurora{--f7-page-bg-color:#f3f3f3;--f7-page-transition-duration:400ms}.aurora .theme-dark,.aurora.theme-dark{--f7-page-bg-color:#121212}.theme-dark{--f7-page-master-border-color:rgba(255, 255, 255, 0.1)}.pages{position:relative;width:100%;height:100%;overflow:hidden}.page{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;transform:none;background-color:var(--f7-page-bg-color);z-index:1}.page.stacked{display:none}.page-with-navbar-large-collapsed{--f7-navbar-large-collapse-progress:1}.page-previous{pointer-events:none}.page-content{overflow:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;height:100%;position:relative;z-index:1;padding-top:calc(var(--f7-page-navbar-offset,0px) + var(--f7-page-toolbar-top-offset,0px) + var(--f7-page-subnavbar-offset,0px) + var(--f7-page-searchbar-offset,0px) + var(--f7-page-content-extra-padding-top,0px));padding-bottom:calc(var(--f7-page-toolbar-bottom-offset,0px) + var(--f7-safe-area-bottom) + var(--f7-page-content-extra-padding-bottom,0px))}.page-transitioning,.page-transitioning .page-opacity-effect,.page-transitioning .page-shadow-effect{transition-duration:var(--f7-page-transition-duration)}.page-transitioning-swipeback,.page-transitioning-swipeback .page-opacity-effect,.page-transitioning-swipeback .page-shadow-effect{transition-duration:var(--f7-page-swipeback-transition-duration)}.router-transition-backward .page-current,.router-transition-backward .page-next,.router-transition-backward .page-previous:not(.stacked),.router-transition-forward .page-current,.router-transition-forward .page-next,.router-transition-forward .page-previous:not(.stacked){pointer-events:none}.page-shadow-effect{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.page-opacity-effect{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000}.ios .page-previous{transform:translate3d(20%,0,0)}.ios .page-next{transform:translate3d(-100%,0,0)}.ios .page-previous .page-opacity-effect{opacity:1}.ios .page-previous:after{opacity:1}.ios .page-current .page-shadow-effect{opacity:1}.ios .router-transition-forward .page-current,.ios .router-transition-forward .page-next{will-change:transform}.ios .router-transition-forward .page-next{animation:ios-page-next-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-next:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current{animation:ios-page-current-to-previous var(--f7-page-transition-duration) forwards}.ios .router-transition-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-in var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current,.ios .router-transition-backward .page-previous{will-change:transform}.ios .router-transition-backward .page-previous{animation:ios-page-previous-to-current var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current{animation:ios-page-current-to-next var(--f7-page-transition-duration) forwards}.ios .router-transition-backward .page-current:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';opacity:0;left:100%;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);animation:ios-page-element-fade-out var(--f7-page-transition-duration) forwards}@keyframes ios-page-next-to-current{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-previous-to-current{from{transform:translate3d(20%,0,0)}to{transform:translate3d(0%,0,0)}}@keyframes ios-page-current-to-previous{from{transform:translate3d(0,0,0)}to{transform:translate3d(20%,0,0)}}@keyframes ios-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0)}}@keyframes ios-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-page-element-fade-out{from{opacity:1}to{opacity:0}}.md .page-next{transform:translate3d(0,56px,0);opacity:0;pointer-events:none}.md .page-next.page-next-on-right{transform:translate3d(-100%,0,0)}.md .router-transition-forward .page-next{will-change:transform,opacity;animation:md-page-next-to-current var(--f7-page-transition-duration) forwards}.md .router-transition-forward .page-current{animation:none}.md .router-transition-backward .page-current{will-change:transform,opacity;animation:md-page-current-to-next var(--f7-page-transition-duration) forwards}.md .router-transition-backward .page-previous{animation:none}@keyframes md-page-next-to-current{from{transform:translate3d(0,56px,0);opacity:0}to{transform:translate3d(0,0px,0);opacity:1}}@keyframes md-page-current-to-next{from{transform:translate3d(0,0,0);opacity:1}to{transform:translate3d(0,56px,0);opacity:0}}.aurora .page-next{pointer-events:none;transform:translate3d(-100%,0px,0)}.aurora .page-next.page-next-on-right{transform:translate3d(-100%,0,0)}.aurora .page-previous .page-opacity-effect{opacity:1}.aurora .page-previous:after{opacity:1}.aurora .router-transition-forward .page-next{will-change:transform;animation:aurora-page-next-to-current var(--f7-page-transition-duration) forwards}.aurora .router-transition-forward .page-current{animation:none}.aurora .router-transition-forward .page-current:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:aurora-page-element-fade-in var(--f7-page-transition-duration) forwards}.aurora .router-transition-backward .page-current{will-change:transform,opacity;animation:aurora-page-current-to-next var(--f7-page-transition-duration) forwards}.aurora .router-transition-backward .page-previous{animation:none}.aurora .router-transition-backward .page-previous:after{position:absolute;left:0;top:0;background:rgba(0,0,0,.1);width:100%;bottom:0;content:'';opacity:0;z-index:10000;animation:aurora-page-element-fade-out var(--f7-page-transition-duration) forwards}@keyframes aurora-page-next-to-current{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0,0px,0)}}@keyframes aurora-page-current-to-next{from{transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0)}}@keyframes aurora-page-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes aurora-page-element-fade-out{from{opacity:1}to{opacity:0}}.view:not(.view-master-detail) .page-master-stacked{display:none}.view:not(.view-master-detail) .navbar-master-stacked{display:none}.view-master-detail .navbar-master,.view-master-detail .page-master{width:var(--f7-page-master-width);left:auto;right:0;--f7-safe-area-left:0px;--f7-safe-area-outer-left:0px;border-left:var(--f7-page-master-border-width) solid var(--f7-page-master-border-color)}.view-master-detail .navbar-master-detail,.view-master-detail .page-master-detail{width:calc(100% - var(--f7-page-master-width));--f7-safe-area-right:0px;--f7-safe-area-outer-right:0px;right:var(--f7-page-master-width)}.view-master-detail .page-master{z-index:2;transform:none;pointer-events:auto}.view-master-detail .page-master:after,.view-master-detail .page-master:before{display:none}.view-master-detail.router-transition .page-master{animation:none}:root{--f7-link-highlight-black:rgba(0, 0, 0, 0.1);--f7-link-highlight-white:rgba(255, 255, 255, 0.15);--f7-link-highlight-color:var(--f7-link-highlight-black)}.theme-dark{--f7-link-highlight-color:var(--f7-link-highlight-white)}.link,.tab-link{display:inline-flex;align-items:center;align-content:center;justify-content:center;position:relative;box-sizing:border-box;transform:translate3d(0,0,0);z-index:1}.link i+i,.link i+span,.link span+i,.link span+span{margin-right:4px}.ios .link{transition:opacity .3s}.ios .link.active-state{opacity:.3;transition-duration:0s}.aurora .link{transition:opacity .3s}.aurora .link.active-state{opacity:.3;transition-duration:0s}:root{--f7-navbar-hide-show-transition-duration:400ms;--f7-navbar-title-line-height:1.2;--f7-navbar-title-font-size:inherit;--f7-navbar-subtitle-text-align:inherit;--f7-navbar-large-title-line-height:1.2;--f7-navbar-large-title-text-color:inherit}.ios{--f7-navbar-height:44px;--f7-navbar-tablet-height:44px;--f7-navbar-font-size:17px;--f7-navbar-inner-padding-left:8px;--f7-navbar-inner-padding-right:8px;--f7-navbar-title-font-weight:600;--f7-navbar-title-margin-left:0;--f7-navbar-title-margin-right:0;--f7-navbar-title-text-align:center;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.55);--f7-navbar-subtitle-font-size:10px;--f7-navbar-subtitle-line-height:1;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:52px;--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-font-weight:700;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-vertical:6px;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px}.ios .theme-dark,.ios.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-navbar-height:56px;--f7-navbar-tablet-height:64px;--f7-navbar-font-size:20px;--f7-navbar-inner-padding-left:0px;--f7-navbar-inner-padding-right:0px;--f7-navbar-title-font-weight:500;--f7-navbar-title-margin-left:16px;--f7-navbar-title-margin-right:16px;--f7-navbar-title-text-align:left;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.85);--f7-navbar-subtitle-font-size:14px;--f7-navbar-subtitle-line-height:1.2;--f7-navbar-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-navbar-large-title-font-size:34px;--f7-navbar-large-title-height:56px;--f7-navbar-large-title-font-weight:500;--f7-navbar-large-title-letter-spacing:0;--f7-navbar-large-title-padding-vertical:8px;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px}.md .theme-dark,.md.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.85)}.aurora{--f7-navbar-height:38px;--f7-navbar-tablet-height:38px;--f7-navbar-font-size:14px;--f7-navbar-inner-padding-left:16px;--f7-navbar-inner-padding-right:16px;--f7-navbar-title-font-weight:600;--f7-navbar-title-margin-left:0;--f7-navbar-title-margin-right:0;--f7-navbar-title-text-align:center;--f7-navbar-subtitle-text-color:rgba(0, 0, 0, 0.6);--f7-navbar-subtitle-font-size:12px;--f7-navbar-subtitle-line-height:1;--f7-navbar-shadow-image:none;--f7-navbar-large-title-height:38px;--f7-navbar-large-title-font-size:26px;--f7-navbar-large-title-font-weight:bold;--f7-navbar-large-title-letter-spacing:-0.03em;--f7-navbar-large-title-padding-vertical:4px;--f7-navbar-large-title-padding-left:16px;--f7-navbar-large-title-padding-right:16px;--f7-navbar-link-height:auto;--f7-navbar-link-line-height:inherit}.aurora .theme-dark,.aurora.theme-dark{--f7-navbar-subtitle-text-color:rgba(255, 255, 255, 0.5)}.navbar,.navbars{z-index:500;left:0;top:0;width:100%}.navbars{position:absolute}.navbars .navbar{z-index:auto}.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-right:var(--f7-navbar-title-margin-left);margin-left:var(--f7-navbar-title-margin-left)}.navbar .subtitle{display:block;color:var(--f7-navbar-subtitle-text-color);font-weight:400;font-size:var(--f7-navbar-subtitle-font-size);line-height:var(--f7-navbar-subtitle-line-height);text-align:var(--f7-navbar-subtitle-text-align)}.navbar .left,.navbar .right{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center;transform:translate3d(0,0,0)}.navbar .right:first-child{position:absolute;height:100%}.navbar .no-border .navbar-bg:after,.navbar .no-hairline .navbar-bg:after,.navbar.no-border .navbar-bg:after,.navbar.no-hairline .navbar-bg:after{display:none!important}.navbar .no-border .title-large:after,.navbar .no-hairline .title-large:after,.navbar.no-border .title-large:after,.navbar.no-hairline .title-large:after{display:none!important}.navbar .no-shadow .navbar-bg:before,.navbar.no-shadow .navbar-bg:before{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-image:var(--f7-navbar-bg-image,var(--f7-bars-bg-image));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:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-navbar-shadow-image)}.navbar-bg:after{z-index:1}@media (min-width:768px){:root{--f7-navbar-height:var(--f7-navbar-tablet-height)}}.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-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))}.navbar-inner.stacked{display:none}.navbars>.navbar,.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.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 .navbar-bg,.navbar-large-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)}.navbar-large-transparent .navbar-bg{opacity:var(--f7-navbar-large-collapse-progress);height:100%;transform:none}.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;align-items:flex-end;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(100% - 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-transparent-bg-center:translateX(0);--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-transparent-bg-left:translateX(100%);--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 .material-icons{width:24px}.ios .navbar .f7-icons{width:28px}.ios .navbar a.icon-only{width:44px;margin:0;justify-content:center}.ios .navbar .left a+a,.ios .navbar .right a+a{margin-right:16px}.ios .navbar b{font-weight:600}.ios .navbar .left{margin-left:10px}.ios .navbar .right{margin-right:10px}.ios .navbar .right:first-child{left:calc(8px + var(--f7-safe-area-left))}.ios .navbar-inner{justify-content:space-between}.ios .navbar-inner-left-title{justify-content:flex-start}.ios .navbar-inner-left-title .right{margin-right:auto}.ios .navbar-inner-left-title .title{text-align:left;margin-left:10px}.ios .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.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:right center}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large{overflow:visible}.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text{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:right 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-current.navbar-large-collapsed.navbar-large-transparent:not(.router-navbar-transition-to-large) .navbar-bg{animation-name:ios-navbar-transparent-bg-from-c-to-l}.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-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}.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large-transparent .navbar-bg{animation-name:ios-navbar-transparent-bg-from-l-to-c}.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large-transparent.router-navbar-transition-from-large .navbar-bg{animation-name:ios-navbar-bg-from-lb-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{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(-1 * (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)}}@keyframes ios-navbar-large-title-text-slide-down{0%{transform:translateX(calc(-1 * (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(-1 * (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(-1 * (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)}}@keyframes ios-navbar-transparent-bg-from-l-to-c{from{transform:var(--f7-navbar-large-transparent-bg-left)}to{transform:var(--f7-navbar-large-transparent-bg-center)}}@keyframes ios-navbar-transparent-bg-from-c-to-l{from{transform:var(--f7-navbar-large-transparent-bg-center)}to{transform:var(--f7-navbar-large-transparent-bg-left)}}.md .navbar .material-icons{width:24px}.md .navbar .f7-icons{width:28px}.md .navbar a.link{padding:0 16px;min-width:48px}.md .navbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .navbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .navbar a.icon-only{min-width:0;flex-shrink:0;width:56px}.md .navbar .right{margin-right:auto}.md .navbar .right:first-child{left:var(--f7-safe-area-left)}.md .navbar-inner{justify-content:flex-start;overflow:hidden}.md .navbar-large:not(.navbar-large-collapsed) .navbar-inner{overflow:visible}.md .page.page-with-subnavbar .navbar-inner{overflow:visible}.md .navbar-inner-centered-title{justify-content:space-between}.md .navbar-inner-centered-title .right{margin-right:0}.md .navbar-inner-centered-title .title{text-align:center}.aurora .navbar a.icon-only{margin:0;justify-content:center}.aurora .navbar .left a+a,.aurora .navbar .right a+a{margin-right:10px}.aurora .navbar b{font-weight:700}.aurora .navbar .left{margin-left:10px}.aurora .navbar .right{margin-right:10px}.aurora .navbar .right:first-child{left:calc(16px + var(--f7-safe-area-left))}.aurora .navbar-inner{justify-content:space-between}.aurora .navbar-inner-left-title{justify-content:flex-start}.aurora .navbar-inner-left-title .right{margin-right:auto}.aurora .navbar-inner-left-title .title{text-align:left;margin-left:10px}:root{--f7-tabbar-link-active-bg-color:transparent;--f7-tabbar-label-text-transform:none;--f7-toolbar-hide-show-transition-duration:400ms}.ios{--f7-toolbar-height:44px;--f7-toolbar-font-size:17px;--f7-toolbar-inner-padding-left:8px;--f7-toolbar-inner-padding-right:8px;--f7-tabbar-labels-height:50px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.4);--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:28px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:12px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-font-weight:500;--f7-tabbar-label-letter-spacing:0.01}.ios .theme-dark,.ios.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.54)}.md{--f7-toolbar-height:48px;--f7-toolbar-font-size:14px;--f7-toolbar-inner-padding-left:0px;--f7-toolbar-inner-padding-right:0px;--f7-tabbar-labels-height:56px;--f7-tabbar-labels-tablet-height:56px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.54);--f7-toolbar-top-shadow-image:var(--f7-bars-shadow-bottom-image);--f7-toolbar-bottom-shadow-image:var(--f7-bars-shadow-top-image);--f7-tabbar-icon-size:24px;--f7-tabbar-link-text-transform:uppercase;--f7-tabbar-link-font-weight:500;--f7-tabbar-link-letter-spacing:0.03em;--f7-tabbar-label-font-size:14px;--f7-tabbar-label-tablet-font-size:14px;--f7-tabbar-label-font-weight:400;--f7-tabbar-label-letter-spacing:0}.md .theme-dark,.md.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-toolbar-height:38px;--f7-toolbar-font-size:14px;--f7-toolbar-inner-padding-left:16px;--f7-toolbar-inner-padding-right:16px;--f7-toolbar-link-height:auto;--f7-toolbar-link-line-height:inherit;--f7-tabbar-labels-height:44px;--f7-tabbar-labels-tablet-height:44px;--f7-tabbar-link-inactive-color:rgba(0, 0, 0, 0.5);--f7-tabbar-link-inactive-bg-color:rgba(0, 0, 0, 0.2);--f7-toolbar-top-shadow-image:none;--f7-toolbar-bottom-shadow-image:none;--f7-tabbar-icon-size:18px;--f7-tabbar-link-text-transform:none;--f7-tabbar-link-font-weight:400;--f7-tabbar-link-letter-spacing:0;--f7-tabbar-label-font-size:12px;--f7-tabbar-label-tablet-font-size:12px;--f7-tabbar-label-font-weight:500;--f7-tabbar-label-letter-spacing:0.01}.aurora .theme-dark,.aurora.theme-dark{--f7-tabbar-link-inactive-color:rgba(255, 255, 255, 0.5)}.toolbar{width:100%;position:relative;margin:0;transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:600;box-sizing:border-box;left:0;height:var(--f7-toolbar-height);background-image:var(--f7-toolbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-toolbar-bg-color,var(--f7-bars-bg-color));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 a.link{display:flex;line-height:var(--f7-toolbar-link-line-height,var(--f7-toolbar-height));height:var(--f7-toolbar-link-height,var(--f7-toolbar-height))}.toolbar i.icon{display:block}.toolbar:after,.toolbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.page>.toolbar,.view>.toolbar,.views>.toolbar{position:absolute}.aurora .toolbar-top-aurora,.ios .toolbar-top-ios,.md .toolbar-top-md,.toolbar-top{top:0}.aurora .toolbar-top-aurora .tab-link-highlight,.ios .toolbar-top-ios .tab-link-highlight,.md .toolbar-top-md .tab-link-highlight,.toolbar-top .tab-link-highlight{bottom:0}.aurora .toolbar-top-aurora.no-border:after,.aurora .toolbar-top-aurora.no-hairline:after,.ios .toolbar-top-ios.no-border:after,.ios .toolbar-top-ios.no-hairline:after,.md .toolbar-top-md.no-border:after,.md .toolbar-top-md.no-hairline:after,.toolbar-top.no-border:after,.toolbar-top.no-hairline:after{display:none!important}.aurora .toolbar-top-aurora.no-shadow:before,.aurora .toolbar-top-aurora.toolbar-hidden:before,.ios .toolbar-top-ios.no-shadow:before,.ios .toolbar-top-ios.toolbar-hidden:before,.md .toolbar-top-md.no-shadow:before,.md .toolbar-top-md.toolbar-hidden:before,.toolbar-top.no-shadow:before,.toolbar-top.toolbar-hidden:before{display:none!important}.aurora .toolbar-top-aurora:after,.aurora .toolbar-top-aurora:before,.ios .toolbar-top-ios:after,.ios .toolbar-top-ios:before,.md .toolbar-top-md:after,.md .toolbar-top-md:before,.toolbar-top:after,.toolbar-top:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.aurora .toolbar-top-aurora:after,.ios .toolbar-top-ios:after,.md .toolbar-top-md:after,.toolbar-top:after{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .toolbar-top-aurora:before,.ios .toolbar-top-ios:before,.md .toolbar-top-md:before,.toolbar-top:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-toolbar-top-shadow-image)}.aurora .toolbar-bottom-aurora,.ios .toolbar-bottom-ios,.md .toolbar-bottom-md,.toolbar-bottom{bottom:0;height:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.aurora .toolbar-bottom-aurora .tab-link-highlight,.ios .toolbar-bottom-ios .tab-link-highlight,.md .toolbar-bottom-md .tab-link-highlight,.toolbar-bottom .tab-link-highlight{top:0}.aurora .toolbar-bottom-aurora .toolbar-inner,.ios .toolbar-bottom-ios .toolbar-inner,.md .toolbar-bottom-md .toolbar-inner,.toolbar-bottom .toolbar-inner{height:auto;top:0;bottom:var(--f7-safe-area-bottom)}.aurora .toolbar-bottom-aurora.no-border:before,.aurora .toolbar-bottom-aurora.no-hairline:before,.ios .toolbar-bottom-ios.no-border:before,.ios .toolbar-bottom-ios.no-hairline:before,.md .toolbar-bottom-md.no-border:before,.md .toolbar-bottom-md.no-hairline:before,.toolbar-bottom.no-border:before,.toolbar-bottom.no-hairline:before{display:none!important}.aurora .toolbar-bottom-aurora.no-shadow:after,.aurora .toolbar-bottom-aurora.toolbar-hidden:after,.ios .toolbar-bottom-ios.no-shadow:after,.ios .toolbar-bottom-ios.toolbar-hidden:after,.md .toolbar-bottom-md.no-shadow:after,.md .toolbar-bottom-md.toolbar-hidden:after,.toolbar-bottom.no-shadow:after,.toolbar-bottom.toolbar-hidden:after{display:none!important}.aurora .toolbar-bottom-aurora:before,.ios .toolbar-bottom-ios:before,.md .toolbar-bottom-md:before,.toolbar-bottom:before{content:'';position:absolute;background-color:var(--f7-toolbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .toolbar-bottom-aurora:after,.ios .toolbar-bottom-ios:after,.md .toolbar-bottom-md:after,.toolbar-bottom:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:8px;top:auto;pointer-events:none;background:var(--f7-toolbar-bottom-shadow-image)}.toolbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-content:center;overflow:hidden;padding:0 calc(var(--f7-toolbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-toolbar-inner-padding-left) + var(--f7-safe-area-left))}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a,.tabbar-labels a{color:var(--f7-tabbar-link-inactive-color)}.tabbar a.tab-link:not(.tab-link-active),.tabbar-labels a.tab-link:not(.tab-link-active){background-color:var(--f7-tabbar-link-inactive-bg-color,transparent)}.tabbar a.link,.tabbar-labels a.link{line-height:1.4}.tabbar a.link,.tabbar a.tab-link,.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;text-transform:var(--f7-tabbar-link-text-transform);font-weight:var(--f7-tabbar-link-font-weight);letter-spacing:var(--f7-tabbar-link-letter-spacing);overflow:hidden}.tabbar .tab-link-active,.tabbar-labels .tab-link-active{color:var(--f7-tabbar-link-active-color,var(--f7-theme-color));background-color:var(--f7-tabbar-link-active-bg-color,transparent)}.tabbar i.icon,.tabbar-labels i.icon{font-size:var(--f7-tabbar-icon-size);height:var(--f7-tabbar-icon-size);line-height:var(--f7-tabbar-icon-size)}.tabbar-labels{--f7-toolbar-height:var(--f7-tabbar-labels-height)}.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;justify-content:space-between;align-items:center}.tabbar-labels .tabbar-label{display:block;line-height:1;margin:0;position:relative;text-overflow:ellipsis;white-space:nowrap;font-size:var(--f7-tabbar-label-font-size);text-transform:var(--f7-tabbar-label-text-transform);font-weight:var(--f7-tabbar-label-font-weight);letter-spacing:var(--f7-tabbar-label-letter-spacing)}@media (min-width:768px){:root{--f7-tabbar-labels-height:var(--f7-tabbar-labels-tablet-height);--f7-tabbar-label-font-size:var(--f7-tabbar-label-tablet-font-size)}}.tabbar-scrollable .toolbar-inner{justify-content:flex-start;overflow:auto;-webkit-overflow-scrolling:touch}.tabbar-scrollable .toolbar-inner::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;-webkit-appearance:none;opacity:0!important}.tabbar-scrollable a.link,.tabbar-scrollable a.tab-link{width:auto;flex-shrink:0}.navbar-transitioning+.toolbar,.navbar-transitioning~* .toolbar,.toolbar-transitioning{transition-duration:var(--f7-toolbar-hide-show-transition-duration)}.aurora .toolbar-bottom-aurora~*,.ios .toolbar-bottom-ios~*,.md .toolbar-bottom-md~*,.toolbar-bottom~*{--f7-page-toolbar-bottom-offset:var(--f7-toolbar-height)}.aurora .toolbar-bottom-aurora.tabbar-labels~*,.ios .toolbar-bottom-ios.tabbar-labels~*,.md .toolbar-bottom-md.tabbar-labels~*,.toolbar-bottom.tabbar-labels~*{--f7-page-toolbar-bottom-offset:var(--f7-tabbar-labels-height)}.aurora .toolbar-bottom-aurora.toolbar-hidden,.ios .toolbar-bottom-ios.toolbar-hidden,.md .toolbar-bottom-md.toolbar-hidden,.toolbar-bottom.toolbar-hidden{transform:translate3d(0,100%,0)}.aurora .toolbar-top-aurora~*,.ios .toolbar-top-ios~*,.md .toolbar-top-md~*,.toolbar-top~*{--f7-page-toolbar-top-offset:var(--f7-toolbar-height)}.aurora .toolbar-top-aurora.tabbar-labels~*,.ios .toolbar-top-ios.tabbar-labels~*,.md .toolbar-top-md.tabbar-labels~*,.toolbar-top.tabbar-labels~*{--f7-page-toolbar-top-offset:var(--f7-tabbar-labels-height)}.aurora .toolbar-top-aurora.toolbar-hidden,.ios .toolbar-top-ios.toolbar-hidden,.md .toolbar-top-md.toolbar-hidden,.toolbar-top.toolbar-hidden{transform:translate3d(0,-100%,0)}.aurora .navbar~* .toolbar-top-aurora,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora,.aurora .navbar~.toolbar-top-aurora,.ios .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))}.aurora .navbar~* .toolbar-top-aurora.toolbar-hidden,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden,.aurora .navbar~.toolbar-top-aurora.toolbar-hidden,.ios .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)}.aurora .navbar~* .toolbar-top-aurora.toolbar-hidden.tabbar-labels,.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden.tabbar-labels,.aurora .navbar~.toolbar-top-aurora.toolbar-hidden.tabbar-labels,.ios .navbars~* .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbars~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbars~.toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~* .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels,.ios .navbar~.toolbar-top-ios.toolbar-hidden.tabbar-labels,.md .navbar~* .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels,.md .navbar~.toolbar-top-md.toolbar-hidden.tabbar-labels,.navbars~* .toolbar-top.toolbar-hidden.tabbar-labels,.navbars~.page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels,.navbars~.toolbar-top.toolbar-hidden.tabbar-labels,.navbar~* .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels,.navbar~.toolbar-top.toolbar-hidden.tabbar-labels{transform:translate3d(0,calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-safe-area-top))),0)}.aurora .navbar-hidden+.toolbar-top-aurora:not(.toolbar-hidden),.aurora .navbar-hidden~* .toolbar-top-aurora:not(.toolbar-hidden),.ios .navbar-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(0px - var(--f7-navbar-height)),0)}.aurora .navbar-large-hidden~* .toolbar-top-aurora:not(.toolbar-hidden),.ios .navbar-large-hidden+.toolbar-top-ios:not(.toolbar-hidden),.ios .navbar-large-hidden~* .toolbar-top-ios:not(.toolbar-hidden),.md .navbar-large-hidden+.toolbar-top-md:not(.toolbar-hidden),.md .navbar-large-hidden~* .toolbar-top-md:not(.toolbar-hidden),.navbar-large-hidden+.toolbar-top:not(.toolbar-hidden),.navbar-large-hidden~* .toolbar-top:not(.toolbar-hidden){transform:translate3d(0,calc(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-labels a.link,.ios .tabbar-labels a.tab-link{padding-top:4px;padding-bottom:4px}.ios .tabbar-labels a.link i+span,.ios .tabbar-labels a.tab-link i+span{margin:0}@media (min-width:768px){.ios .tabbar .toolbar-inner,.ios .tabbar-labels .toolbar-inner{justify-content:center}.ios .tabbar a.link,.ios .tabbar a.tab-link,.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{width:auto;min-width:105px}}.ios .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.ios .tabbar-scrollable a.link,.ios .tabbar-scrollable a.tab-link{padding:0 8px}.md .toolbar a.link{justify-content:center;padding:0 16px;min-width:48px}.md .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .toolbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .toolbar a.icon-only{min-width:0;flex-shrink:0}.md .tabbar a.link,.md .tabbar a.tab-link,.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-left:0;padding-right:0}.md .tabbar a.icon-only,.md .tabbar-labels a.icon-only{flex-shrink:initial}.md .tabbar a.tab-link,.md .tabbar-labels a.tab-link{transition-duration:.3s;overflow:hidden;position:relative}.md .tabbar .tab-link-highlight,.md .tabbar-labels .tab-link-highlight{position:absolute;left:0;height:2px;background:var(--f7-tabbar-link-active-border-color,var(--f7-theme-color));transition-duration:.3s;right:0}.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-top:7px;padding-bottom:7px}.md .tabbar-label{max-width:100%;overflow:hidden;line-height:1.2}.md .tabbar-scrollable .toolbar-inner{overflow:auto}.md .tabbar-scrollable a.link,.md .tabbar-scrollable a.tab-link{padding:0 16px}.aurora .toolbar a.icon-only{min-height:var(--f7-toolbar-height);display:flex;justify-content:center;align-items:center;margin:0}.aurora .tabbar .toolbar-inner,.aurora .tabbar-labels .toolbar-inner{padding-left:0;padding-right:0}.aurora .tabbar a.link,.aurora .tabbar a.tab-link,.aurora .tabbar-labels a.link,.aurora .tabbar-labels a.tab-link{transition-duration:.2s}.aurora .tabbar-labels a.link,.aurora .tabbar-labels a.tab-link{padding-top:5px;padding-bottom:5px}.aurora .tabbar-labels a.link i+span,.aurora .tabbar-labels a.tab-link i+span{margin:0}.aurora .tabbar-scrollable .toolbar-inner{justify-content:flex-start}.aurora .tabbar-scrollable a.link,.aurora .tabbar-scrollable a.tab-link{padding:0 16px}: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;--f7-subnavbar-shadow-image:none}.md{--f7-subnavbar-height:48px;--f7-subnavbar-inner-padding-left:16px;--f7-subnavbar-inner-padding-right:16px;--f7-subnavbar-title-font-size:20px;--f7-subnavbar-title-font-weight:500;--f7-subnavbar-title-letter-spacing:0;--f7-subnavbar-title-margin-left:0px;--f7-subnavbar-shadow-image:var(--f7-bars-shadow-bottom-image)}.aurora{--f7-subnavbar-height:38px;--f7-subnavbar-inner-padding-left:16px;--f7-subnavbar-inner-padding-right:16px;--f7-subnavbar-title-font-size:26px;--f7-subnavbar-title-font-weight:bold;--f7-subnavbar-title-letter-spacing:-0.03em;--f7-subnavbar-title-margin-left:0px;--f7-subnavbar-shadow-image:none;--f7-subnavbar-link-height:auto;--f7-subnavbar-link-line-height:inherit}.subnavbar{width:100%;position:absolute;left:0;top:0;z-index:600;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;background-image:var(--f7-subnavbar-bg-image,var(--f7-bars-bg-image));background-color:var(--f7-subnavbar-bg-color,var(--f7-bars-bg-color));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-right:var(--f7-subnavbar-title-margin-left)}.subnavbar .left,.subnavbar .right{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center}.subnavbar .right:first-child{position:absolute;height:100%}.subnavbar a{color:var(--f7-subnavbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.subnavbar a.link{line-height:var(--f7-subnavbar-link-line-height,var(--f7-subnavbar-height));height:var(--f7-subnavbar-link-height,var(--f7-subnavbar-height))}.subnavbar a.icon-only{min-width:var(--f7-subnavbar-height)}.subnavbar.no-border:after,.subnavbar.no-hairline:after{display:none!important}.subnavbar.navbar-hidden:before,.subnavbar.no-shadow:before{display:none!important}.subnavbar:after,.subnavbar:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.subnavbar:after{content:'';position:absolute;background-color:var(--f7-subnavbar-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.subnavbar:before{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:8px;pointer-events:none;background:var(--f7-subnavbar-shadow-image)}.subnavbar-inner{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;justify-content:space-between;overflow:hidden;padding:0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left))}.subnavbar-inner.stacked{display:none}.navbar .subnavbar{top:100%}.page>.subnavbar,.view>.subnavbar,.views>.subnavbar{position:absolute}.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-right:16px}.ios .subnavbar .left{margin-left:10px}.ios .subnavbar .right{margin-right:10px}.ios .subnavbar .right:first-child{left:8px}.ios .subnavbar a.link{justify-content:flex-start}.ios .subnavbar a.icon-only{justify-content:center;margin:0}.md .subnavbar{height:var(--f7-subnavbar-height)}.md .subnavbar .right{margin-right:auto}.md .subnavbar .right:first-child{left:16px}.md .subnavbar a.link{justify-content:center;padding:0 16px}.md .subnavbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.6s}.md .subnavbar a.link.active-state:before{opacity:1;transition-duration:150ms}.md .subnavbar a.icon-only{flex-shrink:0}.md .subnavbar-inner>a.link:first-child{margin-right:calc(-1 * var(--f7-subnavbar-inner-padding-right))}.md .subnavbar-inner>a.link:last-child{margin-left:calc(-1 * var(--f7-subnavbar-inner-padding-left))}.aurora .subnavbar{height:calc(var(--f7-subnavbar-height) + 1px);margin-top:-1px;padding-top:1px}.aurora .subnavbar .title{align-self:flex-start;flex-shrink:10}.aurora .subnavbar .left a+a,.aurora .subnavbar .right a+a{margin-right:10px}.aurora .subnavbar .left{margin-left:10px}.aurora .subnavbar .right{margin-right:10px}.aurora .subnavbar .right:first-child{left:16px}.aurora .subnavbar a.link{justify-content:flex-start}.aurora .subnavbar a.icon-only{justify-content:center;margin:0}:root{--f7-block-padding-horizontal:16px;--f7-block-padding-vertical:16px;--f7-block-font-size:inherit;--f7-block-text-color:inherit;--f7-block-strong-bg-color:#fff;--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-color:#000;--f7-block-title-medium-text-transform:none;--f7-block-title-large-text-color:#000;--f7-block-title-large-text-transform:none;--f7-block-inset-side-margin:16px}:root .theme-dark,:root.theme-dark{--f7-block-title-text-color:#fff;--f7-block-strong-border-color:rgba(255, 255, 255, 0.15);--f7-block-title-medium-text-color:#fff;--f7-block-title-large-text-color:#fff;--f7-block-strong-bg-color:#1c1c1d}.ios{--f7-block-margin-vertical:35px;--f7-block-strong-text-color:#000;--f7-block-strong-border-color:rgba(0, 0, 0, 0.22);--f7-block-title-text-color:#000;--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:7px;--f7-block-header-text-color:rgba(0, 0, 0, 0.45);--f7-block-footer-text-color:rgba(0, 0, 0, 0.45)}.ios .theme-dark,.ios.theme-dark{--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}.md{--f7-block-margin-vertical:32px;--f7-block-strong-text-color:inherit;--f7-block-strong-border-color:rgba(0, 0, 0, 0.12);--f7-block-title-font-size:inherit;--f7-block-title-text-color:rgba(0, 0, 0, 0.54);--f7-block-title-font-weight:500;--f7-block-title-line-height:16px;--f7-block-title-margin-bottom:16px;--f7-block-title-medium-font-size:24px;--f7-block-title-medium-font-weight:500;--f7-block-title-medium-line-height:1.3;--f7-block-title-large-font-size:34px;--f7-block-title-large-font-weight:500;--f7-block-title-large-line-height:1.2;--f7-block-inset-border-radius:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.54);--f7-block-footer-text-color:rgba(0, 0, 0, 0.54)}.md .theme-dark,.md.theme-dark{--f7-block-header-text-color:rgba(255, 255, 255, 0.54);--f7-block-footer-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-block-margin-vertical:15px;--f7-block-strong-text-color:inherit;--f7-block-strong-border-color:rgba(0, 0, 0, 0.12);--f7-block-title-font-size:inherit;--f7-block-title-text-color:rgba(0, 0, 0, 0.7);--f7-block-title-font-weight:600;--f7-block-title-line-height:1.5;--f7-block-title-margin-bottom:5px;--f7-block-title-medium-font-size:20px;--f7-block-title-medium-font-weight:600;--f7-block-title-medium-line-height:1.4;--f7-block-title-large-font-size:28px;--f7-block-title-large-font-weight:bold;--f7-block-title-large-line-height:1.3;--f7-block-inset-border-radius:4px;--f7-block-header-text-color:rgba(0, 0, 0, 0.6);--f7-block-footer-text-color:rgba(0, 0, 0, 0.6)}.aurora .theme-dark,.aurora.theme-dark{--f7-block-header-text-color:rgba(255, 255, 255, 0.54);--f7-block-footer-text-color:rgba(255, 255, 255, 0.54);--f7-block-strong-text-color:#fff}.block{box-sizing:border-box;position:relative;z-index:1;color:var(--f7-block-text-color);margin:var(--f7-block-margin-vertical) 0;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right));font-size:var(--f7-block-font-size)}.aurora .block.no-hairlines-aurora ul:before,.aurora .block.no-hairlines-aurora:before,.block.no-hairlines ul:before,.block.no-hairlines:before,.ios .block.no-hairlines-ios ul:before,.ios .block.no-hairlines-ios:before,.md .block.no-hairlines-md ul:before,.md .block.no-hairlines-md:before{display:none!important}.aurora .block.no-hairlines-aurora ul:after,.aurora .block.no-hairlines-aurora:after,.block.no-hairlines ul:after,.block.no-hairlines:after,.ios .block.no-hairlines-ios ul:after,.ios .block.no-hairlines-ios:after,.md .block.no-hairlines-md ul:after,.md .block.no-hairlines-md:after{display:none!important}.aurora .block.no-hairline-top-aurora ul:before,.aurora .block.no-hairline-top-aurora:before,.block.no-hairline-top ul:before,.block.no-hairline-top:before,.ios .block.no-hairline-top-ios ul:before,.ios .block.no-hairline-top-ios:before,.md .block.no-hairline-top-md ul:before,.md .block.no-hairline-top-md:before{display:none!important}.aurora .block.no-hairline-bottom-aurora ul:after,.aurora .block.no-hairline-bottom-aurora:after,.block.no-hairline-bottom ul:after,.block.no-hairline-bottom:after,.ios .block.no-hairline-bottom-ios ul:after,.ios .block.no-hairline-bottom-ios:after,.md .block.no-hairline-bottom-md ul:after,.md .block.no-hairline-bottom-md:after{display:none!important}.block>h1:first-child,.block>h2:first-child,.block>h3:first-child,.block>h4:first-child,.block>p:first-child{margin-top:0}.block>h1:last-child,.block>h2:last-child,.block>h3:last-child,.block>h4:last-child,.block>p:last-child{margin-bottom:0}.block-strong{color:var(--f7-block-strong-text-color);padding-top:var(--f7-block-padding-vertical);padding-bottom:var(--f7-block-padding-vertical);background-color:var(--f7-block-strong-bg-color)}.block-strong:before{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-strong:after{content:'';position:absolute;background-color:var(--f7-block-strong-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.block-title{position:relative;overflow:hidden;margin:0;white-space:var(--f7-block-title-white-space);text-overflow:ellipsis;text-transform:var(--f7-block-title-text-transform);color:var(--f7-block-title-text-color);font-size:var(--f7-block-title-font-size,inherit);font-weight:var(--f7-block-title-font-weight);line-height:var(--f7-block-title-line-height);margin-top:var(--f7-block-margin-vertical);margin-bottom:var(--f7-block-title-margin-bottom);margin-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));margin-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-title+.block,.block-title+.block-header,.block-title+.card,.block-title+.list,.block-title+.timeline{margin-top:0px}.block-title-medium{font-size:var(--f7-block-title-medium-font-size);text-transform:var(--f7-block-title-medium-text-transform);color:var(--f7-block-title-medium-text-color);font-weight:var(--f7-block-title-medium-font-weight);line-height:var(--f7-block-title-medium-line-height)}.block-title-large{font-size:var(--f7-block-title-large-font-size);text-transform:var(--f7-block-title-large-text-transform);color:var(--f7-block-title-large-text-color);font-weight:var(--f7-block-title-large-font-weight);line-height:var(--f7-block-title-large-line-height)}.block>.block-title:first-child,.list>.block-title:first-child{margin-top:0;margin-left:0;margin-right:0}.block-header{color:var(--f7-block-header-text-color);font-size:var(--f7-block-header-font-size);margin-bottom:var(--f7-block-header-margin);margin-top:var(--f7-block-margin-vertical)}.block-header+.block,.block-header+.card,.block-header+.list,.block-header+.timeline{margin-top:var(--f7-block-header-margin)}.block-footer{color:var(--f7-block-footer-text-color);font-size:var(--f7-block-footer-font-size);margin-top:var(--f7-block-footer-margin);margin-bottom:var(--f7-block-margin-vertical)}.block-footer,.block-header{padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))}.block-footer h1:first-child,.block-footer h2:first-child,.block-footer h3:first-child,.block-footer h4:first-child,.block-footer p:first-child,.block-footer ul:first-child,.block-header h1:first-child,.block-header h2:first-child,.block-header h3:first-child,.block-header h4:first-child,.block-header p:first-child,.block-header ul:first-child{margin-top:0}.block-footer h1:last-child,.block-footer h2:last-child,.block-footer h3:last-child,.block-footer h4:last-child,.block-footer p:last-child,.block-footer ul:last-child,.block-header h1:last-child,.block-header h2:last-child,.block-header h3:last-child,.block-header h4:last-child,.block-header p:last-child,.block-header ul:last-child{margin-bottom:0}.block-footer h1:first-child:last-child,.block-footer h2:first-child:last-child,.block-footer h3:first-child:last-child,.block-footer h4:first-child:last-child,.block-footer p:first-child:last-child,.block-footer ul:first-child:last-child,.block-header h1:first-child:last-child,.block-header h2:first-child:last-child,.block-header h3:first-child:last-child,.block-header h4:first-child:last-child,.block-header p:first-child:last-child,.block-header ul:first-child:last-child{margin-top:0;margin-bottom:0}.block .block-header,.card .block-header,.list .block-header,.timeline .block-header{margin-top:0}.block .block-footer,.card .block-footer,.list .block-footer,.timeline .block-footer{margin-bottom:0}.block+.block-footer,.card+.block-footer,.list+.block-footer,.timeline+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)))}.block+.block-footer{margin-top:calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)));margin-bottom:var(--f7-block-margin-vertical)}.block .block-footer,.block .block-header{padding:0}.block.inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.inset:before{display:none!important}.block-strong.inset:after{display:none!important}@media (min-width:768px){.block.tablet-inset{border-radius:var(--f7-block-inset-border-radius);margin-left:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));--f7-safe-area-left:0px;--f7-safe-area-right:0px}.block-strong.tablet-inset:before{display:none!important}.block-strong.tablet-inset:after{display:none!important}}:root{--f7-list-inset-side-margin:16px;--f7-list-item-cell-margin:16px;--f7-list-item-padding-horizontal:16px;--f7-list-media-item-padding-horizontal:16px;--f7-list-bg-color:#fff;--f7-list-item-text-max-lines:2;--f7-list-chevron-icon-color:rgba(0, 0, 0, 0.2);--f7-list-chevron-icon-font-size:20px;--f7-list-item-title-font-size:inherit;--f7-list-item-title-font-weight:400;--f7-list-item-title-text-color:inherit;--f7-list-item-title-line-height:inherit;--f7-list-item-title-white-space:nowrap;--f7-list-item-subtitle-font-weight:400;--f7-list-item-subtitle-text-color:inherit;--f7-list-item-subtitle-line-height:inherit;--f7-list-item-text-font-weight:400;--f7-list-item-after-font-weight:400;--f7-list-item-header-text-color:inherit;--f7-list-item-header-font-size:12px;--f7-list-item-header-font-weight:400;--f7-list-item-header-line-height:1.2;--f7-list-item-footer-font-size:12px;--f7-list-item-footer-font-weight:400;--f7-list-item-footer-line-height:1.2;--f7-list-button-font-size:inherit;--f7-list-button-font-weight:400;--f7-list-item-divider-line-height:inherit;--f7-list-group-title-line-height:inherit}:root .theme-dark,:root.theme-dark{--f7-list-button-border-color:rgba(255, 255, 255, 0.15);--f7-list-bg-color:#1c1c1d;--f7-list-border-color:rgba(255, 255, 255, 0.15);--f7-list-item-border-color:rgba(255, 255, 255, 0.15);--f7-list-item-divider-border-color:rgba(255, 255, 255, 0.15);--f7-list-item-divider-bg-color:#232323;--f7-list-group-title-bg-color:#232323;--f7-list-chevron-icon-color:rgba(255, 255, 255, 0.3)}.ios{--f7-list-in-list-padding-left:30px;--f7-list-inset-border-radius:7px;--f7-list-margin-vertical:35px;--f7-list-font-size:17px;--f7-list-chevron-icon-area:20px;--f7-list-border-color:rgba(0, 0, 0, 0.22);--f7-list-item-border-color:rgba(0, 0, 0, 0.22);--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-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-text-line-height:21px;--f7-list-item-after-font-size:inherit;--f7-list-item-after-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-min-height:44px;--f7-list-item-media-margin:16px;--f7-list-item-media-icons-margin:5px;--f7-list-item-padding-vertical:8px;--f7-list-media-item-padding-vertical:10px;--f7-list-media-item-title-font-weight:600;--f7-list-button-text-align:center;--f7-list-button-border-color:rgba(0, 0, 0, 0.22);--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.15);--f7-list-item-divider-height:31px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.45);--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-border-color:rgba(0, 0, 0, 0.22);--f7-list-group-title-height:31px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.45);--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f7f7f7}.ios .theme-dark,.ios.theme-dark{--f7-list-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-item-divider-text-color:rgba(255, 255, 255, 0.55);--f7-list-group-title-text-color:rgba(255, 255, 255, 0.55);--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.08);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.08)}.md{--f7-list-in-list-padding-left:40px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:32px;--f7-list-font-size:16px;--f7-list-chevron-icon-area:26px;--f7-list-border-color:rgba(0, 0, 0, 0.12);--f7-list-item-border-color:rgba(0, 0, 0, 0.12);--f7-list-link-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-subtitle-font-size:14px;--f7-list-item-text-font-size:14px;--f7-list-item-text-text-color:#757575;--f7-list-item-text-line-height:20px;--f7-list-item-after-font-size:14px;--f7-list-item-after-text-color:#757575;--f7-list-item-after-line-height:inherit;--f7-list-item-after-padding:8px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-min-height:48px;--f7-list-item-media-margin:16px;--f7-list-item-media-icons-margin:8px;--f7-list-item-padding-vertical:8px;--f7-list-media-item-padding-vertical:14px;--f7-list-button-text-color:#212121;--f7-list-button-text-align:left;--f7-list-button-border-color:transparent;--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-item-divider-height:48px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.54);--f7-list-item-divider-font-size:14px;--f7-list-item-divider-font-weight:400;--f7-list-item-divider-bg-color:#f4f4f4;--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:48px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.54);--f7-list-group-title-font-size:14px;--f7-list-group-title-font-weight:400;--f7-list-group-title-bg-color:#f4f4f4}.md .theme-dark,.md.theme-dark{--f7-list-button-text-color:#fff;--f7-list-item-divider-text-color:#fff;--f7-list-group-title-text-color:#fff;--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-item-text-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-list-in-list-padding-left:16px;--f7-list-inset-border-radius:4px;--f7-list-margin-vertical:15px;--f7-list-font-size:14px;--f7-list-chevron-icon-area:15px;--f7-list-chevron-icon-font-size:16px;--f7-list-border-color:rgba(0, 0, 0, 0.12);--f7-list-item-border-color:rgba(0, 0, 0, 0.12);--f7-list-link-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-link-hover-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-title-line-height:1.3;--f7-list-item-subtitle-font-size:14px;--f7-list-item-subtitle-line-height:1.3;--f7-list-item-text-font-size:12px;--f7-list-item-text-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-text-line-height:16px;--f7-list-item-after-font-size:13px;--f7-list-item-after-text-color:rgba(0, 0, 0, 0.5);--f7-list-item-after-line-height:1.2;--f7-list-item-after-padding:5px;--f7-list-item-footer-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-min-height:32px;--f7-list-item-media-margin:10px;--f7-list-item-media-icons-margin:5px;--f7-list-item-padding-vertical:5px;--f7-list-media-item-padding-vertical:5px;--f7-list-media-item-title-font-weight:600;--f7-list-button-text-align:center;--f7-list-button-border-color:rgba(0, 0, 0, 0.12);--f7-list-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-list-button-hover-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-height:19px;--f7-list-item-divider-text-color:rgba(0, 0, 0, 0.6);--f7-list-item-divider-font-size:inherit;--f7-list-item-divider-font-weight:500;--f7-list-item-divider-bg-color:rgba(0, 0, 0, 0.03);--f7-list-item-divider-border-color:transparent;--f7-list-group-title-height:19px;--f7-list-group-title-text-color:rgba(0, 0, 0, 0.6);--f7-list-group-title-font-size:inherit;--f7-list-group-title-font-weight:500;--f7-list-group-title-bg-color:#f7f7f7}.aurora .theme-dark,.aurora.theme-dark{--f7-list-item-text-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-after-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-footer-text-color:rgba(255, 255, 255, 0.54);--f7-list-item-divider-text-color:rgba(255, 255, 255, 0.6);--f7-list-group-title-text-color:rgba(255, 255, 255, 0.6);--f7-list-link-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-link-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-list-button-pressed-bg-color:rgba(255, 255, 255, 0.05);--f7-list-button-hover-bg-color:rgba(255, 255, 255, 0.03)}.list{position:relative;z-index:1;font-size:var(--f7-list-font-size);margin:var(--f7-list-margin-vertical) 0}.list ul{list-style:none;margin:0;padding:0;position:relative;background:var(--f7-list-bg-color)}.list ul:before{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul:after{content:'';position:absolute;background-color:var(--f7-list-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list ul ul{padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-list-in-list-padding-left))}.list ul ul:before{display:none!important}.list ul ul:after{display:none!important}.list li{position:relative;box-sizing:border-box}.list .item-media{display:flex;flex-shrink:0;flex-wrap:nowrap;align-items:center;box-sizing:border-box;padding-bottom:var(--f7-list-item-padding-vertical);padding-top:var(--f7-list-item-padding-vertical)}.list .item-media+.item-inner{margin-right:var(--f7-list-item-media-margin)}.list .item-media i+i,.list .item-media i+img{margin-right:var(--f7-list-item-media-icons-margin)}.list .item-after{padding-right:var(--f7-list-item-after-padding)}.list .item-inner{position:relative;width:100%;min-width:0;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;align-self:stretch;padding-top:var(--f7-list-item-padding-vertical);padding-bottom:var(--f7-list-item-padding-vertical);min-height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.list .item-title{min-width:0;flex-shrink:1;white-space:var(--f7-list-item-title-white-space);position:relative;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:var(--f7-list-item-title-font-size);font-weight:var(--f7-list-item-title-font-weight);color:var(--f7-list-item-title-text-color);line-height:var(--f7-list-item-title-line-height)}.list .item-after{white-space:nowrap;flex-shrink:0;display:flex;font-size:var(--f7-list-item-after-font-size);font-weight:var(--f7-list-item-after-font-weight);color:var(--f7-list-item-after-text-color);line-height:var(--f7-list-item-after-line-height);margin-right:auto}.list .item-footer,.list .item-header{white-space:normal}.list .item-header{color:var(--f7-list-item-header-text-color);font-size:var(--f7-list-item-header-font-size);font-weight:var(--f7-list-item-header-font-weight);line-height:var(--f7-list-item-header-line-height)}.list .item-footer{color:var(--f7-list-item-footer-text-color);font-size:var(--f7-list-item-footer-font-size);font-weight:var(--f7-list-item-footer-font-weight);line-height:var(--f7-list-item-footer-line-height)}.list .item-link,.list .list-button{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;z-index:0}.list .item-link{color:inherit}.list .item-link.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.list .item-link .item-inner{padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.list .item-content{display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;min-height:var(--f7-list-item-min-height);padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.list .item-subtitle{position:relative;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis;font-size:var(--f7-list-item-subtitle-font-size);font-weight:var(--f7-list-item-subtitle-font-weight);color:var(--f7-list-item-subtitle-text-color);line-height:var(--f7-list-item-subtitle-line-height)}.list .item-text{position:relative;overflow:hidden;text-overflow:hidden;-webkit-line-clamp:var(--f7-list-item-text-max-lines);display:-webkit-box;font-size:var(--f7-list-item-text-font-size);font-weight:var(--f7-list-item-text-font-weight);color:var(--f7-list-item-text-text-color);line-height:var(--f7-list-item-text-line-height);max-height:calc(var(--f7-list-item-text-line-height) * var(--f7-list-item-text-max-lines))}.list .item-title-row{position:relative;display:flex;justify-content:space-between;box-sizing:border-box}.list .item-title-row .item-after{align-self:center}.list .item-row{display:flex;justify-content:space-between;box-sizing:border-box}.list .item-cell{display:block;align-self:center;box-sizing:border-box;width:100%;min-width:0;margin-right:var(--f7-list-item-cell-margin);flex-shrink:1}.list .item-cell:first-child{margin-right:0}.list li:last-child .list-button:after{display:none!important}.list li:last-child li:last-child>.item-content>.item-inner:after,.list li:last-child li:last-child>.item-inner:after,.list li:last-child li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child li:last-child>.swipeout-content>.item-content>.item-inner:after,.list li:last-child>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.item-content>.item-inner:after,.list li:last-child>.swipeout-content>.item-content>.item-inner:after{display:none!important}.list li li:last-child .item-inner:after,.list li:last-child li .item-inner:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.aurora .list.no-hairlines-aurora ul:before,.aurora .list.no-hairlines-aurora:before,.ios .list.no-hairlines-ios ul:before,.ios .list.no-hairlines-ios:before,.list.no-hairlines ul:before,.list.no-hairlines:before,.md .list.no-hairlines-md ul:before,.md .list.no-hairlines-md:before{display:none!important}.aurora .list.no-hairlines-aurora ul:after,.aurora .list.no-hairlines-aurora:after,.ios .list.no-hairlines-ios ul:after,.ios .list.no-hairlines-ios:after,.list.no-hairlines ul:after,.list.no-hairlines:after,.md .list.no-hairlines-md ul:after,.md .list.no-hairlines-md:after{display:none!important}.aurora .list.no-hairline-top-aurora ul:before,.aurora .list.no-hairline-top-aurora:before,.ios .list.no-hairline-top-ios ul:before,.ios .list.no-hairline-top-ios:before,.list.no-hairline-top ul:before,.list.no-hairline-top:before,.md .list.no-hairline-top-md ul:before,.md .list.no-hairline-top-md:before{display:none!important}.aurora .list.no-hairline-bottom-aurora ul:after,.aurora .list.no-hairline-bottom-aurora:after,.ios .list.no-hairline-bottom-ios ul:after,.ios .list.no-hairline-bottom-ios:after,.list.no-hairline-bottom ul:after,.list.no-hairline-bottom:after,.md .list.no-hairline-bottom-md ul:after,.md .list.no-hairline-bottom-md:after{display:none!important}.aurora .list.no-hairlines-between-aurora .item-divider:after,.aurora .list.no-hairlines-between-aurora .item-inner:after,.aurora .list.no-hairlines-between-aurora .list-button:after,.aurora .list.no-hairlines-between-aurora .list-group-title:after,.ios .list.no-hairlines-between-ios .item-divider:after,.ios .list.no-hairlines-between-ios .item-inner:after,.ios .list.no-hairlines-between-ios .list-button:after,.ios .list.no-hairlines-between-ios .list-group-title:after,.list.no-hairlines-between .item-divider:after,.list.no-hairlines-between .item-inner:after,.list.no-hairlines-between .list-button:after,.list.no-hairlines-between .list-group-title:after,.md .list.no-hairlines-between-md .item-divider:after,.md .list.no-hairlines-between-md .item-inner:after,.md .list.no-hairlines-between-md .list-button:after,.md .list.no-hairlines-between-md .list-group-title:after{display:none!important}.aurora .list.no-hairlines-between-aurora.simple-list li:after,.ios .list.no-hairlines-between-ios.simple-list li:after,.list.no-hairlines-between.simple-list li:after,.md .list.no-hairlines-between-md.simple-list li:after{display:none!important}.aurora .list.no-hairlines-between-aurora.links-list a:after,.ios .list.no-hairlines-between-ios.links-list a:after,.list.no-hairlines-between.links-list a:after,.md .list.no-hairlines-between-md.links-list a:after{display:none!important}.list-button{padding:0 var(--f7-list-item-padding-horizontal);line-height:var(--f7-list-item-min-height);color:var(--f7-list-button-text-color,var(--f7-theme-color));font-size:var(--f7-list-button-font-size);font-weight:var(--f7-list-button-font-weight);text-align:var(--f7-list-button-text-align)}.list-button:after{content:'';position:absolute;background-color:var(--f7-list-button-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list-button.active-state{background-color:var(--f7-list-button-pressed-bg-color)}.list-button[class*=color-]{--f7-list-button-text-color:var(--f7-theme-color)}.simple-list li{position:relative;white-space:nowrap;text-overflow:ellipsis;max-width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;align-content:center;line-height:var(--f7-list-item-min-height);height:var(--f7-list-item-min-height);padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right))}.simple-list li:after{left:var(--f7-list-item-padding-horizontal);right:0;width:auto;right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));left:0}.simple-list li:last-child:after{display:none!important}.links-list li{z-index:1}.links-list a{transition-duration:.3s;transition-property:background-color;display:block;position:relative;overflow:hidden;display:flex;align-items:center;align-content:center;justify-content:space-between;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;max-width:100%;height:var(--f7-list-item-min-height);color:inherit}.links-list a .ripple-wave{z-index:0}.links-list a:after{width:auto}.links-list a.active-state{background-color:var(--f7-list-link-pressed-bg-color)}.links-list a{padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.links-list a:after{right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));left:0}.links-list li:last-child a:after{display:none!important}.links-list a:after,.list .item-inner:after,.simple-list li:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.media-list,li.media-item{--f7-list-item-padding-vertical:var(--f7-list-media-item-padding-vertical);--f7-list-item-padding-horizontal:var(--f7-list-media-item-padding-horizontal)}.media-list .item-title,li.media-item .item-title{font-weight:var(--f7-list-media-item-title-font-weight,var(--f7-list-item-title-font-weight,inherit))}.media-list .item-inner,li.media-item .item-inner{display:block;align-self:stretch}.media-list .item-media,li.media-item .item-media{align-self:flex-start}.media-list .item-media img,li.media-item .item-media img{display:block}.media-list .item-link .item-inner,li.media-item .item-link .item-inner{padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.media-list .item-link .item-title-row,li.media-item .item-link .item-title-row{padding-left:calc(var(--f7-list-chevron-icon-area))}.media-list .chevron-center .item-link .item-inner,.media-list .item-link.chevron-center .item-inner,.media-list.chevron-center .item-link .item-inner,li.media-item .chevron-center .item-link .item-inner,li.media-item .item-link.chevron-center .item-inner,li.media-item.chevron-center .item-link .item-inner{padding-left:calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left))}.media-list .chevron-center .item-title-row,.media-list.chevron-center .item-title-row,li.media-item .chevron-center .item-title-row,li.media-item.chevron-center .item-title-row{padding-left:0}.links-list a:before,.list .item-link .item-inner:before,.media-list .chevron-center .item-link .item-inner:before,.media-list .item-link .item-title-row:before,.media-list .item-link.chevron-center .item-inner:before,.media-list.chevron-center .item-link .item-inner:before,li.media-item .chevron-center .item-link .item-inner:before,li.media-item .item-link .item-title-row:before,li.media-item .item-link.chevron-center .item-inner:before,li.media-item.chevron-center .item-link .item-inner:before{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px;position:absolute;top:50%;width:8px;height:14px;margin-top:-7px;font-size:var(--f7-list-chevron-icon-font-size);line-height:14px;color:var(--f7-list-chevron-icon-color);pointer-events:none;left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));content:'chevron_left'}.media-list .chevron-center .item-title-row:before,.media-list.chevron-center .item-title-row:before,li.media-item .chevron-center .item-title-row:before,li.media-item.chevron-center .item-title-row:before{display:none}.media-list .item-link .item-inner:before,li.media-item .item-link .item-inner:before{display:none}.media-list .item-link .item-title-row:before,li.media-item .item-link .item-title-row:before{left:0}.list-group ul:after,.list-group ul:before{z-index:25!important}.list-group+.list-group ul:before{display:none!important}.item-divider,li.item-divider,li.list-group-title{white-space:nowrap;position:relative;max-width:100%;text-overflow:ellipsis;overflow:hidden;z-index:15;padding-top:0;padding-bottom:0;padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));box-sizing:border-box;display:flex;align-items:center;align-content:center}.item-divider:after,li.item-divider:after,li.list-group-title:after{display:none!important}.item-divider,li.item-divider{margin-top:-1px;height:var(--f7-list-item-divider-height);color:var(--f7-list-item-divider-text-color);font-size:var(--f7-list-item-divider-font-size);font-weight:var(--f7-list-item-divider-font-weight);background-color:var(--f7-list-item-divider-bg-color);line-height:var(--f7-list-item-divider-line-height)}.item-divider:before,li.item-divider:before{content:'';position:absolute;background-color:var(--f7-list-item-divider-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.list li.list-group-title,li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20;height:var(--f7-list-group-title-height);color:var(--f7-list-group-title-text-color);font-size:var(--f7-list-group-title-font-size);font-weight:var(--f7-list-group-title-font-weight);background-color:var(--f7-list-group-title-bg-color);line-height:var(--f7-list-group-title-line-height)}.page-with-navbar-large .list li.list-group-title,.page-with-navbar-large li.list-group-title{top:calc(-1 * var(--f7-navbar-large-title-height))}.list.inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.inset .block-title{margin-left:0;margin-right:0}.list.inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.inset ul:before{display:none!important}.list.inset ul:after{display:none!important}.list.inset li.swipeout:first-child,.list.inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.inset li.swipeout:last-child,.list.inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.inset li.swipeout:first-child:last-child,.list.inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}@media (min-width:768px){.list.tablet-inset{margin-left:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));margin-right:calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));border-radius:var(--f7-list-inset-border-radius);--f7-safe-area-left:0px;--f7-safe-area-right:0px}.list.tablet-inset .block-title{margin-left:0;margin-right:0}.list.tablet-inset ul{border-radius:var(--f7-list-inset-border-radius)}.list.tablet-inset ul:before{display:none!important}.list.tablet-inset ul:after{display:none!important}.list.tablet-inset li:first-child>a{border-radius:var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0}.list.tablet-inset li:last-child>a{border-radius:0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius)}.list.tablet-inset li:first-child:last-child>a{border-radius:var(--f7-list-inset-border-radius)}}.list .no-chevron,.list.no-chevron{--f7-list-chevron-icon-color:transparent;--f7-list-chevron-icon-area:0px}.ios .item-link.active-state .item-inner:after,.ios .links-list a.active-state:after,.ios .list-button.active-state:after{background-color:transparent}.ios .links-list a.active-state,.ios .list .item-link.active-state,.ios .list .list-button.active-state{transition-duration:0s}.md .list .item-media{min-width:40px}.aurora .list .item-media{min-width:18px}.aurora .links-list a:before,.aurora .list .item-link .item-inner:before,.aurora .media-list .chevron-center .item-link .item-inner:before,.aurora .media-list .item-link .item-title-row:before,.aurora .media-list .item-link.chevron-center .item-inner:before,.aurora .media-list.chevron-center .item-link .item-inner:before,.aurora li.media-item .chevron-center .item-link .item-inner:before,.aurora li.media-item .item-link .item-title-row:before,.aurora li.media-item .item-link.chevron-center .item-inner:before,.aurora li.media-item.chevron-center .item-link .item-inner:before{content:'chevron_left_aurora'}.aurora .links-list a,.aurora .list .item-link,.aurora .list .list-button{transition-duration:0s}.aurora.device-desktop .links-list a:hover:not(.active-state):not(.no-hover),.aurora.device-desktop .list .item-link:hover:not(.active-state):not(.no-hover){background:var(--f7-list-link-hover-bg-color)}.aurora.device-desktop .list .list-button:hover:not(.active-state):not(.no-hover){background:var(--f7-list-button-hover-bg-color)}:root{--f7-badge-text-color:#fff;--f7-badge-bg-color:#8e8e93;--f7-badge-padding:0 4px;--f7-badge-in-icon-size:16px;--f7-badge-in-icon-font-size:10px;--f7-badge-font-weight:normal;--f7-badge-font-size:12px}.ios{--f7-badge-size:20px}.md{--f7-badge-size:18px}.aurora{--f7-badge-size:18px;--f7-badge-font-weight:600;--f7-badge-in-icon-size:15px}.badge{display:inline-flex;align-items:center;align-content:center;justify-content:center;color:var(--f7-badge-text-color);background:var(--f7-badge-bg-color);position:relative;box-sizing:border-box;text-align:center;vertical-align:middle;font-weight:var(--f7-badge-font-weight);font-size:var(--f7-badge-font-size);border-radius:var(--f7-badge-size);padding:var(--f7-badge-padding);height:var(--f7-badge-size);min-width:var(--f7-badge-size)}.f7-icons .badge,.framework7-icons .badge,.icon .badge,.material-icons .badge{position:absolute;left:100%;margin-left:-10px;top:-2px;font-family:var(--f7-font-family);--f7-badge-font-size:var(--f7-badge-in-icon-font-size);--f7-badge-size:var(--f7-badge-in-icon-size)}.badge[class*=color-]{--f7-badge-bg-color:var(--f7-theme-color)}:root{--f7-button-min-width:32px;--f7-button-bg-color:transparent;--f7-button-border-width:0px;--f7-button-outline-border-width:2px;--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-bg-color:rgba(0, 0, 0, 0.07);--f7-segmented-strong-padding:2px;--f7-segmented-strong-between-buttons:4px;--f7-segmented-strong-button-font-weight:500;--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;--f7-segmented-strong-button-active-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.25)}:root .theme-dark,:root.theme-dark{--f7-segmented-strong-bg-color:rgba(255, 255, 255, 0.1);--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-font-size:13px;--f7-button-height:28px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:5px;--f7-button-font-weight:600;--f7-button-letter-spacing:0;--f7-button-text-transform:uppercase;--f7-button-large-height:44px;--f7-button-large-font-size:17px;--f7-button-large-font-weight:500;--f7-button-large-text-transform:none;--f7-button-small-height:26px;--f7-button-small-font-size:13px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px;--f7-segmented-strong-button-text-transform:none;--f7-segmented-strong-button-active-font-weight:600}.md{--f7-button-font-size:14px;--f7-button-height:36px;--f7-button-padding-horizontal:8px;--f7-button-border-radius:4px;--f7-button-font-weight:500;--f7-button-letter-spacing:0.03em;--f7-button-text-transform:uppercase;--f7-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-button-large-height:48px;--f7-button-large-font-size:14px;--f7-button-large-font-weight:500;--f7-button-large-text-transform:uppercase;--f7-button-small-height:28px;--f7-button-small-font-size:12px;--f7-button-small-font-weight:500;--f7-button-small-text-transform:uppercase;--f7-button-small-outline-border-width:2px;--f7-segmented-strong-button-text-transform:uppercase;--f7-segmented-strong-button-active-font-weight:500}.md .theme-dark,.md.theme-dark{--f7-button-pressed-bg-color:rgba(255, 255, 255, 0.1)}.aurora{--f7-button-font-size:14px;--f7-button-height:28px;--f7-button-min-width:24px;--f7-button-padding-horizontal:10px;--f7-button-border-radius:4px;--f7-button-font-weight:500;--f7-button-letter-spacing:0.02;--f7-button-text-transform:none;--f7-button-large-height:34px;--f7-button-large-font-size:14px;--f7-button-large-font-weight:600;--f7-button-large-text-transform:none;--f7-button-small-height:24px;--f7-button-small-font-size:12px;--f7-button-small-font-weight:600;--f7-button-small-text-transform:none;--f7-button-small-outline-border-width:1px;--f7-segmented-strong-button-text-transform:none;--f7-segmented-strong-button-active-font-weight:600}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}.button{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;margin:0;white-space:nowrap;text-overflow:ellipsis;position:relative;overflow:hidden;font-family:inherit;cursor:pointer;outline:0;box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;border:var(--f7-button-border-width,0px) solid var(--f7-button-border-color,var(--f7-theme-color));font-size:var(--f7-button-font-size);color:var(--f7-button-text-color,var(--f7-theme-color));height:var(--f7-button-height);line-height:calc(var(--f7-button-height) - var(--f7-button-border-width,0) * 2);padding:var(--f7-button-padding-vertical,0px) var(--f7-button-padding-horizontal);border-radius:var(--f7-button-border-radius);min-width:var(--f7-button-min-width);font-weight:var(--f7-button-font-weight);letter-spacing:var(--f7-button-letter-spacing);text-transform:var(--f7-button-text-transform);background-color:var(--f7-button-bg-color);box-shadow:var(--f7-button-box-shadow)}.button.active-state{background-color:var(--f7-button-pressed-bg-color,rgba(var(--f7-theme-color-rgb),.15));color:var(--f7-button-pressed-text-color,var(--f7-button-text-color,var(--f7-theme-color)))}input[type=button].button,input[type=submit].button{width:100%}.button>i+i,.button>i+span,.button>span+i,.button>span+span{margin-right:4px}.appbar .button,.navbar .button,.searchbar .button,.subnavbar .button,.toolbar .button{color:var(--f7-button-text-color,var(--f7-theme-color))}.aurora .button-round-aurora,.button-round,.ios .button-round-ios,.md .button-round-md{--f7-button-border-radius:var(--f7-button-height)}.aurora .button-fill-aurora,.button-active,.button-fill,.button.tab-link-active,.ios .button-fill-ios,.md .button-fill-md{--f7-button-bg-color:var(--f7-button-fill-bg-color, var(--f7-theme-color));--f7-button-text-color:var(--f7-button-fill-text-color, #fff);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.aurora .button-fill-aurora,.button-fill,.ios .button-fill-ios,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color)}.button-active,.button.tab-link-active{--f7-button-pressed-bg-color:var(--f7-button-bg-color)}.aurora .button-outline-aurora,.button-outline,.ios .button-outline-ios,.md .button-outline-md{--f7-button-border-color:var(--f7-button-outline-border-color, var(--f7-theme-color));--f7-button-border-width:var(--f7-button-outline-border-width)}.aurora .button-large-aurora,.button-large,.ios .button-large-ios,.md .button-large-md{--f7-button-height:var(--f7-button-large-height);--f7-button-font-size:var(--f7-button-large-font-size);--f7-button-font-weight:var(--f7-button-large-font-weight);--f7-button-text-transform:var(--f7-button-large-text-transform)}.aurora .button-small-aurora,.button-small,.ios .button-small-ios,.md .button-small-md{--f7-button-outline-border-width:var(--f7-button-small-outline-border-width);--f7-button-height:var(--f7-button-small-height);--f7-button-font-size:var(--f7-button-small-font-size);--f7-button-font-weight:var(--f7-button-small-font-weight);--f7-button-text-transform:var(--f7-button-small-text-transform)}.ios .button-small-ios.button-fill,.ios .button-small.button-fill,.ios .button-small.button-fill-ios{--f7-button-border-width:var(--f7-button-small-outline-border-width);--f7-button-pressed-text-color:var(--f7-theme-color);--f7-button-pressed-bg-color:transparent}.segmented{align-self:center;display:flex;flex-wrap:nowrap;border-radius:var(--f7-button-border-radius);box-shadow:var(--f7-button-box-shadow);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:0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0}.segmented .button:not(.button-outline):first-child{border-right:none}.segmented .button.button-outline:nth-child(n+2){border-right:none}.segmented .button:last-child{border-radius:var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius)}.segmented .button-round:first-child{border-radius:0 var(--f7-button-height) var(--f7-button-height) 0}.segmented .button-round:last-child{border-radius:var(--f7-button-height) 0 0 var(--f7-button-height)}.segmented .button:first-child:last-child{border-radius:var(--f7-button-border-radius)}.aurora .segmented-raised-aurora,.ios .segmented-raised-ios,.md .segmented-raised-md,.segmented-raised{box-shadow:var(--f7-button-raised-box-shadow)}.aurora .segmented-raised-aurora .button:not(.button-outline),.ios .segmented-raised-ios .button:not(.button-outline),.md .segmented-raised-md .button:not(.button-outline),.segmented-raised .button:not(.button-outline){border-right:1px solid var(--f7-segmented-raised-divider-color)}.aurora .button-raised-aurora,.button-raised,.ios .button-raised-ios,.md .button-raised-md{--f7-button-box-shadow:var(--f7-button-raised-box-shadow)}.aurora .button-raised-aurora.active-state,.button-raised.active-state,.ios .button-raised-ios.active-state,.md .button-raised-md.active-state{--f7-button-box-shadow:var(--f7-button-raised-pressed-box-shadow)}.aurora .segmented-strong-aurora,.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);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}.aurora .segmented-strong-aurora .button,.aurora .segmented-strong-aurora .button:first-child,.aurora .segmented-strong-aurora .button:last-child,.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)}.aurora .segmented-strong-aurora .button+.button,.ios .segmented-strong-ios .button+.button,.md .segmented-strong-md .button+.button,.segmented-strong .button+.button{margin-right:var(--f7-segmented-strong-between-buttons)}.aurora .segmented-strong-aurora .button.button-active,.aurora .segmented-strong-aurora .button.tab-link-active,.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:var(--f7-segmented-strong-button-active-bg-color);--f7-button-bg-color:var(--f7-segmented-strong-button-active-bg-color);--f7-button-text-color:var(--f7-segmented-strong-button-active-text-color);--f7-button-font-weight:var(--f7-segmented-strong-button-active-font-weight);--f7-button-box-shadow:var(--f7-segmented-strong-button-active-box-shadow)}.aurora .segmented-round-aurora,.ios .segmented-round-ios,.md .segmented-round-md,.segmented-round{border-radius:var(--f7-button-height)}.subnavbar .segmented{width:100%}.ios .button{transition-duration:.1s}.ios .button-fill,.ios .button-fill-ios{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-tint))}.ios .button-small,.ios .button-small-ios{transition-duration:.2s}.md .button{transition-duration:.3s;transform:translate3d(0,0,0)}.md .button-fill,.md .button-fill-md{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .button{transition-duration:.1s;transform:translate3d(0,0,0)}.aurora.device-desktop .button:not(.active-state):not(.no-hover):hover{background-color:var(--f7-button-hover-bg-color,rgba(var(--f7-theme-color-rgb),.07))}.aurora .button-fill,.aurora .button-fill-aurora{--f7-button-pressed-bg-color:var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade))}.aurora .button-active,.aurora .button-fill,.aurora .button-fill-aurora,.aurora .button.tab-link-active{--f7-button-hover-bg-color:var(--f7-button-fill-hover-bg-color, var(--f7-theme-color-tint))}:root{--f7-touch-ripple-black:rgba(0, 0, 0, 0.1);--f7-touch-ripple-white:rgba(255, 255, 255, 0.3);--f7-touch-ripple-color:var(--f7-touch-ripple-black)}.theme-dark{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.actions-button,.button,.checkbox,.dialog-button,.fab a,.item-link,.link,.list-button,.radio,.ripple,.speed-dial-buttons a,.tab-link{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ripple-wave{left:0;top:0;position:absolute!important;border-radius:50%;pointer-events:none;z-index:-1;padding:0;margin:0;font-size:0;transform:translate3d(0px,0px,0) scale(0);transition-duration:1.4s;background-color:var(--f7-touch-ripple-color);will-change:transform,opacity}.ripple-wave.ripple-wave-fill{transition-duration:.3s;opacity:.35}.ripple-wave.ripple-wave-out{transition-duration:.6s;opacity:0}.button-fill .ripple-wave,.menu .ripple-wave,.picker-calendar-day .ripple-wave{z-index:1}.checkbox .ripple-wave,.data-table .sortable-cell .ripple-wave,.radio .ripple-wave{z-index:0}[class*=ripple-color-]{--f7-touch-ripple-color:var(--f7-theme-color-ripple-color)}i.icon{display:inline-block;vertical-align:middle;background-size:100% auto;background-position:center;background-repeat:no-repeat;font-style:normal;position:relative}.icon-back:after,.icon-forward:after,.icon-next:after,.icon-prev:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga";font-feature-settings:"liga";text-align:center;display:block;width:100%;height:100%;font-size:20px}.icon[class*=color-]{color:var(--f7-theme-color)}.ios .icon-back,.ios .icon-forward,.ios .icon-next,.ios .icon-prev{width:12px;height:20px;line-height:20px}.ios .icon-back:after,.ios .icon-forward:after,.ios .icon-next:after,.ios .icon-prev:after{line-height:inherit}.ios .icon-next:after,.ios .icon-prev:after{font-size:16px}.ios .item-media .icon{color:grey}.ios .item-media .f7-icons{font-size:28px;width:28px;height:28px}.ios .icon-back:after,.ios .icon-prev:after{content:'chevron_right_ios'}.ios .icon-forward:after,.ios .icon-next:after{content:'chevron_left_ios'}.md .icon-back,.md .icon-forward,.md .icon-next,.md .icon-prev{width:24px;height:24px}.md .icon-back:after,.md .icon-forward:after,.md .icon-next:after,.md .icon-prev:after{line-height:1.2}.md .item-media .icon{color:#737373}.md .item-media .material-icons{font-size:24px;width:24px;height:24px}.md .icon-back:after{content:'arrow_right_md'}.md .icon-forward:after{content:'arrow_left_md'}.md .icon-next:after{content:'chevron_left_md'}.md .icon-prev:after{content:'chevron_right_md'}.aurora .f7-icons,.aurora .material-icons{font-size:18px}.aurora .icon-back,.aurora .icon-forward,.aurora .icon-next,.aurora .icon-prev{width:9px;height:14px;line-height:14px}.aurora .icon-back:after,.aurora .icon-forward:after,.aurora .icon-next:after,.aurora .icon-prev:after{line-height:inherit}.aurora .item-media .icon{color:grey}.aurora .item-media .f7-icons{font-size:18px;width:18px;height:18px}.aurora .icon-back:after,.aurora .icon-prev:after{content:'chevron_right_aurora'}.aurora .icon-forward:after,.aurora .icon-next:after{content:'chevron_left_aurora'}.custom-modal-backdrop{z-index:10500}.actions-backdrop,.custom-modal-backdrop,.dialog-backdrop,.popover-backdrop,.popup-backdrop,.preloader-backdrop,.sheet-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;transition-duration:.4s}.actions-backdrop.not-animated,.custom-modal-backdrop.not-animated,.dialog-backdrop.not-animated,.popover-backdrop.not-animated,.popup-backdrop.not-animated,.preloader-backdrop.not-animated,.sheet-backdrop.not-animated{transition-duration:0s}.actions-backdrop.backdrop-in,.custom-modal-backdrop.backdrop-in,.dialog-backdrop.backdrop-in,.popover-backdrop.backdrop-in,.popup-backdrop.backdrop-in,.preloader-backdrop.backdrop-in,.sheet-backdrop.backdrop-in{visibility:visible;opacity:1} \ No newline at end of file diff --git a/packages/core/framework7.bundle.less b/packages/core/framework7.bundle.less index 8837fb2fee..ded5f11908 100644 --- a/packages/core/framework7.bundle.less +++ b/packages/core/framework7.bundle.less @@ -1,5 +1,5 @@ /** - * Framework7 5.0.0-beta.2 + * Framework7 5.0.0-beta.3 * Full featured mobile HTML framework for building iOS & Android apps * http://framework7.io/ * @@ -7,7 +7,7 @@ * * Released under the MIT License * - * Released on: July 22, 2019 + * Released on: August 6, 2019 */ @import (reference) './less/mixins.less'; diff --git a/packages/core/framework7.esm.bundle.js b/packages/core/framework7.esm.bundle.js index 83ffc0aaf9..50872e9652 100644 --- a/packages/core/framework7.esm.bundle.js +++ b/packages/core/framework7.esm.bundle.js @@ -1,5 +1,5 @@ /** - * Framework7 5.0.0-beta.2 + * Framework7 5.0.0-beta.3 * Full featured mobile HTML framework for building iOS & Android apps * http://framework7.io/ * @@ -7,7 +7,7 @@ * * Released under the MIT License * - * Released on: July 22, 2019 + * Released on: August 6, 2019 */ import Template7 from 'template7'; diff --git a/packages/core/framework7.esm.js b/packages/core/framework7.esm.js index 183bce589b..5df6a9692f 100644 --- a/packages/core/framework7.esm.js +++ b/packages/core/framework7.esm.js @@ -1,5 +1,5 @@ /** - * Framework7 5.0.0-beta.2 + * Framework7 5.0.0-beta.3 * Full featured mobile HTML framework for building iOS & Android apps * http://framework7.io/ * @@ -7,7 +7,7 @@ * * Released under the MIT License * - * Released on: July 22, 2019 + * Released on: August 6, 2019 */ import Template7 from 'template7'; diff --git a/packages/core/framework7.less b/packages/core/framework7.less index f43c82b212..b9c91be71c 100644 --- a/packages/core/framework7.less +++ b/packages/core/framework7.less @@ -1,5 +1,5 @@ /** - * Framework7 5.0.0-beta.2 + * Framework7 5.0.0-beta.3 * Full featured mobile HTML framework for building iOS & Android apps * http://framework7.io/ * @@ -7,7 +7,7 @@ * * Released under the MIT License * - * Released on: July 22, 2019 + * Released on: August 6, 2019 */ @import (reference) './less/mixins.less'; diff --git a/packages/core/js/framework7.bundle.js b/packages/core/js/framework7.bundle.js index df68a9adc0..d81a2c1179 100644 --- a/packages/core/js/framework7.bundle.js +++ b/packages/core/js/framework7.bundle.js @@ -1,5 +1,5 @@ /** - * Framework7 5.0.0-beta.2 + * Framework7 5.0.0-beta.3 * Full featured mobile HTML framework for building iOS & Android apps * http://framework7.io/ * @@ -7,7 +7,7 @@ * * Released under the MIT License * - * Released on: July 22, 2019 + * Released on: August 6, 2019 */ (function (global, factory) { @@ -3577,7 +3577,8 @@ initOnDeviceReady: true, init: true, autoDarkTheme: false, - iosTranslucent: true, + iosTranslucentBars: true, + iosTranslucentModals: true, }; // Extend defaults with modules params @@ -3738,8 +3739,11 @@ $('html').removeClass('ios md aurora').addClass(app.theme); // iOS Translucent - if (app.theme === 'ios' && app.params.iosTranslucent) { - $('html').addClass('ios-translucent'); + if (app.theme === 'ios' && app.params.iosTranslucentBars) { + $('html').addClass('ios-translucent-bars'); + } + if (app.theme === 'ios' && app.params.iosTranslucentModals) { + $('html').addClass('ios-translucent-modals'); } // Init class @@ -5680,7 +5684,7 @@ function SwipeBack(r) { var router = r; var $el = router.$el; - var $navbarEl = router.$navbarEl; + var $navbarsEl = router.$navbarsEl; var app = router.app; var params = router.params; var isTouched = false; @@ -5693,8 +5697,8 @@ var touchesDiff; var allowViewTouchMove = true; var touchStartTime; - var $currentNavbarInnerEl = []; - var $previousNavbarInnerEl = []; + var $currentNavbarEl = []; + var $previousNavbarEl = []; var dynamicNavbar; var $pageShadowEl; var $pageOpacityEl; @@ -5715,29 +5719,29 @@ function animatableNavElements() { var els = []; var inverter = app.rtl ? -1 : 1; - var currentNavIsLarge = $currentNavbarInnerEl.hasClass('navbar-inner-large'); - var currentNavIsCollapsed = $currentNavbarInnerEl.hasClass('navbar-inner-large-collapsed'); - var currentNavIsTransparent = $currentNavbarInnerEl.hasClass('navbar-inner-large-transparent'); - var previousNavIsLarge = $previousNavbarInnerEl.hasClass('navbar-inner-large'); - var previousNavIsCollapsed = $previousNavbarInnerEl.hasClass('navbar-inner-large-collapsed'); - var previousNavIsTransparent = $previousNavbarInnerEl.hasClass('navbar-inner-large-transparent'); + var currentNavIsLarge = $currentNavbarEl.hasClass('navbar-large'); + var currentNavIsCollapsed = $currentNavbarEl.hasClass('navbar-large-collapsed'); + var currentNavIsTransparent = $currentNavbarEl.hasClass('navbar-large-transparent'); + var previousNavIsLarge = $previousNavbarEl.hasClass('navbar-large'); + var previousNavIsCollapsed = $previousNavbarEl.hasClass('navbar-large-collapsed'); + var previousNavIsTransparent = $previousNavbarEl.hasClass('navbar-large-transparent'); var fromLarge = currentNavIsLarge && !currentNavIsCollapsed; var toLarge = previousNavIsLarge && !previousNavIsCollapsed; - var $currentNavElements = $currentNavbarInnerEl.children('.left, .title, .right, .subnavbar, .fading, .title-large, .navbar-bg'); - var $previousNavElements = $previousNavbarInnerEl.children('.left, .title, .right, .subnavbar, .fading, .title-large, .navbar-bg'); + var $currentNavElements = $currentNavbarEl.find('.left, .title, .right, .subnavbar, .fading, .title-large, .navbar-bg'); + var $previousNavElements = $previousNavbarEl.find('.left, .title, .right, .subnavbar, .fading, .title-large, .navbar-bg'); var activeNavBackIconText; var previousNavBackIconText; if (params.iosAnimateNavbarBackIcon) { - if ($currentNavbarInnerEl.hasClass('sliding')) { - activeNavBackIconText = $currentNavbarInnerEl.children('.left').find('.back .icon + span').eq(0); + if ($currentNavbarEl.hasClass('sliding') || $currentNavbarEl.find('.navbar-inner.sliding').length) { + activeNavBackIconText = $currentNavbarEl.find('.left').find('.back .icon + span').eq(0); } else { - activeNavBackIconText = $currentNavbarInnerEl.children('.left.sliding').find('.back .icon + span').eq(0); + activeNavBackIconText = $currentNavbarEl.find('.left.sliding').find('.back .icon + span').eq(0); } - if ($previousNavbarInnerEl.hasClass('sliding')) { - previousNavBackIconText = $previousNavbarInnerEl.children('.left').find('.back .icon + span').eq(0); + if ($previousNavbarEl.hasClass('sliding') || $previousNavbarEl.find('.navbar-inner.sliding').length) { + previousNavBackIconText = $previousNavbarEl.find('.left').find('.back .icon + span').eq(0); } else { - previousNavBackIconText = $previousNavbarInnerEl.children('.left.sliding').find('.back .icon + span').eq(0); + previousNavBackIconText = $previousNavbarEl.find('.left.sliding').find('.back .icon + span').eq(0); } if (activeNavBackIconText.length) { $previousNavElements.each(function (index, el) { @@ -5762,7 +5766,7 @@ if ($navEl.hasClass('title-large')) { if (els.indexOf(el) < 0) { els.push(el); } el.overflow = 'visible'; - $navEl.find('.title-large-text, .title-large-inner').each(function (subIndex, subNavEl) { + $navEl.find('.title-large-text').each(function (subIndex, subNavEl) { els.push({ el: subNavEl, transform: function (progress) { return ("translateX(" + (progress * 100 * inverter) + "%)"); }, @@ -5816,7 +5820,7 @@ return; } if ($navEl.hasClass('title-large')) { return; } - var isSliding = $navEl.hasClass('sliding') || $currentNavbarInnerEl.hasClass('sliding'); + var isSliding = $navEl.hasClass('sliding') || $navEl.parents('.navbar-inner.sliding').length; if (els.indexOf(el) < 0) { els.push(el); } if (!isSubnavbar || (isSubnavbar && !isSliding)) { el.opacity = function (progress) { return (1 - (Math.pow( progress, 0.33 ))); }; @@ -5863,14 +5867,6 @@ transform: function (progress) { return ("translateX(calc(" + (1 - progress) + " * (var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset)))) translateY(calc(" + (progress - 1) + " * var(--f7-navbar-large-title-height) + " + (1 - progress) + " * var(--f7-navbar-large-title-padding-vertical) / 2)) scale(" + (0.5 + progress * 0.5) + ")"); }, }); }); - $navEl.find('.title-large-inner').each(function (subIndex, subNavEl) { - els.push({ - el: subNavEl, - 'transform-origin': transformOriginTitleLarge, - opacity: function (progress) { return (Math.pow( progress, 3 )); }, - transform: function (progress) { return ("translateX(" + (-100 * (1 - progress) * inverter) + "%)"); }, - }); - }); return; } } @@ -5881,26 +5877,26 @@ if (previousNavIsTransparent) { el.className = 'ios-swipeback-navbar-bg-large'; } - el.transform = function (progress) { return ("translateX(" + (-100 + 100 * progress * inverter) + "%) translateY(calc(-1 * var(--f7-navbar-large-title-height)))"); }; + el.transform = function (progress) { return ("translateX(" + ((-100 + 100 * progress) * inverter) + "%) translateY(calc(-1 * var(--f7-navbar-large-title-height)))"); }; } else { - el.transform = function (progress) { return ("translateX(" + (-100 + 100 * progress * inverter) + "%)"); }; + el.transform = function (progress) { return ("translateX(" + ((-100 + 100 * progress) * inverter) + "%)"); }; } } if (!fromLarge && toLarge) { - el.transform = function (progress) { return ("translateX(" + (-100 + 100 * progress * inverter) + "%) translateY(calc(-1 * " + (1 - progress) + " * var(--f7-navbar-large-title-height)))"); }; + el.transform = function (progress) { return ("translateX(" + ((-100 + 100 * progress) * inverter) + "%) translateY(calc(-1 * " + (1 - progress) + " * var(--f7-navbar-large-title-height)))"); }; } if (fromLarge && !toLarge) { el.className = 'ios-swipeback-navbar-bg-large'; - el.transform = function (progress) { return ("translateX(" + (-100 + 100 * progress * inverter) + "%) translateY(calc(-" + progress + " * var(--f7-navbar-large-title-height)))"); }; + el.transform = function (progress) { return ("translateX(" + ((-100 + 100 * progress) * inverter) + "%) translateY(calc(-" + progress + " * var(--f7-navbar-large-title-height)))"); }; } if (fromLarge && toLarge) { - el.transform = function (progress) { return ("translateX(" + (-100 + 100 * progress * inverter) + "%)"); }; + el.transform = function (progress) { return ("translateX(" + ((-100 + 100 * progress) * inverter) + "%)"); }; } return; } if ($navEl.hasClass('title-large')) { return; } - var isSliding = $navEl.hasClass('sliding') || $previousNavbarInnerEl.hasClass('sliding'); + var isSliding = $navEl.hasClass('sliding') || $previousNavbarEl.children('.navbar-inner.sliding').length; if (els.indexOf(el) < 0) { els.push(el); } if (!isSubnavbar || (isSubnavbar && !isSliding)) { el.opacity = function (progress) { return (Math.pow( progress, 3 )); }; @@ -6031,10 +6027,10 @@ } if (dynamicNavbar) { - $currentNavbarInnerEl = $navbarEl.find('.navbar-current:not(.stacked)'); - $previousNavbarInnerEl = $navbarEl.find('.navbar-previous:not(.stacked)'); - if ($previousNavbarInnerEl.length > 1) { - $previousNavbarInnerEl = $previousNavbarInnerEl.eq($previousNavbarInnerEl.length - 1); + $currentNavbarEl = $navbarsEl.find('.navbar-current:not(.stacked)'); + $previousNavbarEl = $navbarsEl.find('.navbar-previous:not(.stacked)'); + if ($previousNavbarEl.length > 1) { + $previousNavbarEl = $previousNavbarEl.eq($previousNavbarEl.length - 1); } animatableNavEls = animatableNavElements(); @@ -6064,8 +6060,8 @@ progress: percentage, currentPageEl: $currentPageEl[0], previousPageEl: $previousPageEl[0], - currentNavbarEl: $currentNavbarInnerEl[0], - previousNavbarEl: $previousNavbarInnerEl[0], + currentNavbarEl: $currentNavbarEl[0], + previousNavbarEl: $previousNavbarEl[0], }; $el.trigger('swipeback:move', callbackData); router.emit('swipebackMove', callbackData); @@ -6094,7 +6090,7 @@ if (app.theme === 'ios') { $previousPageEl.transform(("translate3d(" + previousPageTranslate + "px,0,0)")); } - if (paramsSwipeBackAnimateOpacity) { $pageShadowEl[0].style.opacity = 1 - (1 * percentage); } + if (paramsSwipeBackAnimateOpacity) { $pageOpacityEl[0].style.opacity = 1 - (1 * percentage); } // Dynamic Navbars Animation if (!dynamicNavbar) { return; } @@ -6133,8 +6129,8 @@ if ($pageShadowEl) { $pageShadowEl[0].style.opacity = ''; } if ($pageOpacityEl) { $pageOpacityEl[0].style.opacity = ''; } if (dynamicNavbar) { - $currentNavbarInnerEl.removeClass('navbar-current').addClass('navbar-next'); - $previousNavbarInnerEl.removeClass('navbar-previous').addClass('navbar-current').removeAttr('aria-hidden'); + $currentNavbarEl.removeClass('navbar-current').addClass('navbar-next'); + $previousNavbarEl.removeClass('navbar-previous').addClass('navbar-current').removeAttr('aria-hidden'); } pageChanged = true; } @@ -6152,8 +6148,8 @@ var callbackData = { currentPageEl: $currentPageEl[0], previousPageEl: $previousPageEl[0], - currentNavbarEl: $currentNavbarInnerEl[0], - previousNavbarEl: $previousNavbarInnerEl[0], + currentNavbarEl: $currentNavbarEl[0], + previousNavbarEl: $previousNavbarEl[0], }; if (pageChanged) { @@ -6162,8 +6158,8 @@ router.currentPage = $previousPageEl[0]; // Page before animation callback - router.pageCallback('beforeOut', $currentPageEl, $currentNavbarInnerEl, 'current', 'next', { route: $currentPageEl[0].f7Page.route, swipeBack: true }); - router.pageCallback('beforeIn', $previousPageEl, $previousNavbarInnerEl, 'previous', 'current', { route: $previousPageEl[0].f7Page.route, swipeBack: true }, $currentPageEl[0]); + router.pageCallback('beforeOut', $currentPageEl, $currentNavbarEl, 'current', 'next', { route: $currentPageEl[0].f7Page.route, swipeBack: true }); + router.pageCallback('beforeIn', $previousPageEl, $previousNavbarEl, 'previous', 'current', { route: $previousPageEl[0].f7Page.route, swipeBack: true }, $currentPageEl[0]); $el.trigger('swipeback:beforechange', callbackData); router.emit('swipebackBeforeChange', callbackData); @@ -6193,20 +6189,20 @@ } // Page after animation callback - router.pageCallback('afterOut', $currentPageEl, $currentNavbarInnerEl, 'current', 'next', { route: $currentPageEl[0].f7Page.route, swipeBack: true }); - router.pageCallback('afterIn', $previousPageEl, $previousNavbarInnerEl, 'previous', 'current', { route: $previousPageEl[0].f7Page.route, swipeBack: true }); + router.pageCallback('afterOut', $currentPageEl, $currentNavbarEl, 'current', 'next', { route: $currentPageEl[0].f7Page.route, swipeBack: true }); + router.pageCallback('afterIn', $previousPageEl, $previousNavbarEl, 'previous', 'current', { route: $previousPageEl[0].f7Page.route, swipeBack: true }); // Remove Old Page if (params.stackPages && router.initialPages.indexOf($currentPageEl[0]) >= 0) { $currentPageEl.addClass('stacked'); if (dynamicNavbar) { - $currentNavbarInnerEl.addClass('stacked'); + $currentNavbarEl.addClass('stacked'); } } else { - router.pageCallback('beforeRemove', $currentPageEl, $currentNavbarInnerEl, 'next', { swipeBack: true }); + router.pageCallback('beforeRemove', $currentPageEl, $currentNavbarEl, 'next', { swipeBack: true }); router.removePage($currentPageEl); if (dynamicNavbar) { - router.removeNavbar($currentNavbarInnerEl); + router.removeNavbar($currentNavbarEl); } } @@ -6437,9 +6433,9 @@ var reload = options.reloadPrevious || options.reloadCurrent || options.reloadAll; var $oldPage; - var $navbarEl; - var $newNavbarInner; - var $oldNavbarInner; + var $navbarsEl; + var $newNavbarEl; + var $oldNavbarEl; router.allowPageChange = false; if ($newPage.length === 0) { @@ -6453,14 +6449,11 @@ } if (dynamicNavbar) { - $newNavbarInner = $newPage.children('.navbar').children('.navbar-inner'); - $navbarEl = router.$navbarEl; - if ($newNavbarInner.length > 0) { - $newPage.children('.navbar').remove(); - } - if ($newNavbarInner.length === 0 && $newPage[0] && $newPage[0].f7Page) { + $newNavbarEl = $newPage.children('.navbar'); + $navbarsEl = router.$navbarsEl; + if ($newNavbarEl.length === 0 && $newPage[0] && $newPage[0].f7Page) { // Try from pageData - $newNavbarInner = $newPage[0].f7Page.$navbarEl; + $newNavbarEl = $newPage[0].f7Page.$navbarEl; } } @@ -6479,9 +6472,9 @@ // Navbars In View var $navbarsInView; if (dynamicNavbar) { - $navbarsInView = $navbarEl - .children('.navbar-inner:not(.stacked)') - .filter(function (index, navbarInView) { return navbarInView !== $newNavbarInner[0]; }); + $navbarsInView = $navbarsEl + .children('.navbar:not(.stacked)') + .filter(function (index, navbarInView) { return navbarInView !== $newNavbarEl[0]; }); } // Exit when reload previous and only 1 page in view so nothing ro reload @@ -6493,6 +6486,7 @@ // Find Detail' master page var isDetail; var reloadDetail; + var isDetailRoot; if (masterDetailEnabled && !options.reloadAll) { for (var i = 0; i < $pagesInView.length; i += 1) { if (!masterPageEl @@ -6518,6 +6512,9 @@ } reloadDetail = isDetail && options.reloadDetail && app.width >= router.params.masterDetailBreakpoint && masterPageEl; } + if (isDetail) { + isDetailRoot = !otherDetailPageEl || reloadDetail || options.reloadAll || options.reloadCurrent; + } // New Page var newPagePosition = 'next'; @@ -6528,7 +6525,7 @@ } $newPage .removeClass('page-previous page-current page-next') - .addClass(("page-" + newPagePosition + (isMaster ? ' page-master' : '') + (isDetail ? ' page-master-detail' : ''))) + .addClass(("page-" + newPagePosition + (isMaster ? ' page-master' : '') + (isDetail ? ' page-master-detail' : '') + (isDetailRoot ? ' page-master-detail-root' : ''))) .removeClass('stacked') .trigger('page:unstack') .trigger('page:position', { position: newPagePosition }); @@ -6536,14 +6533,14 @@ router.emit('pagePosition', $newPage[0], newPagePosition); if (isMaster || isDetail) { - $newPage.trigger('page:role', { role: isMaster ? 'master' : 'detail' }); + $newPage.trigger('page:role', { role: isMaster ? 'master' : 'detail', root: !!isDetailRoot }); + router.emit('pageRole', $newPage[0], { role: isMaster ? 'master' : 'detail', detailRoot: !!isDetailRoot }); } - - if (dynamicNavbar && $newNavbarInner.length) { - $newNavbarInner + if (dynamicNavbar && $newNavbarEl.length) { + $newNavbarEl .removeClass('navbar-previous navbar-current navbar-next') - .addClass(("navbar-" + newPagePosition + (isMaster ? ' navbar-master' : '') + (isDetail ? ' navbar-master-detail' : ''))) + .addClass(("navbar-" + newPagePosition + (isMaster ? ' navbar-master' : '') + (isDetail ? ' navbar-master-detail' : '') + (isDetailRoot ? ' navbar-master-detail-root' : ''))) .removeClass('stacked'); } @@ -6551,19 +6548,19 @@ if (options.reloadCurrent || reloadDetail) { $oldPage = $pagesInView.eq($pagesInView.length - 1); if (dynamicNavbar) { - // $oldNavbarInner = $navbarsInView.eq($pagesInView.length - 1); - $oldNavbarInner = $(app.navbar.getElByPage($oldPage)); + // $oldNavbarEl = $navbarsInView.eq($pagesInView.length - 1); + $oldNavbarEl = $(app.navbar.getElByPage($oldPage)); } } else if (options.reloadPrevious) { $oldPage = $pagesInView.eq($pagesInView.length - 2); if (dynamicNavbar) { - // $oldNavbarInner = $navbarsInView.eq($pagesInView.length - 2); - $oldNavbarInner = $(app.navbar.getElByPage($oldPage)); + // $oldNavbarEl = $navbarsInView.eq($pagesInView.length - 2); + $oldNavbarEl = $(app.navbar.getElByPage($oldPage)); } } else if (options.reloadAll) { $oldPage = $pagesInView.filter(function (index, pageEl) { return pageEl !== $newPage[0]; }); if (dynamicNavbar) { - $oldNavbarInner = $navbarsInView.filter(function (index, navbarEl) { return navbarEl !== $newNavbarInner[0]; }); + $oldNavbarEl = $navbarsInView.filter(function (index, navbarEl) { return navbarEl !== $newNavbarEl[0]; }); } } else { if ($pagesInView.length > 1) { @@ -6580,20 +6577,20 @@ } continue; // eslint-disable-line } - var oldNavbarInnerEl = app.navbar.getElByPage($pagesInView.eq(i$2)); + var oldNavbarEl = app.navbar.getElByPage($pagesInView.eq(i$2)); if (router.params.stackPages) { $pagesInView.eq(i$2).addClass('stacked'); $pagesInView.eq(i$2).trigger('page:stack'); router.emit('pageStack', $pagesInView[i$2]); if (dynamicNavbar) { - $(oldNavbarInnerEl).addClass('stacked'); + $(oldNavbarEl).addClass('stacked'); } } else { // Page remove event router.pageCallback('beforeRemove', $pagesInView[i$2], $navbarsInView && $navbarsInView[i$2], 'previous', undefined, options); router.removePage($pagesInView[i$2]); - if (dynamicNavbar && oldNavbarInnerEl) { - router.removeNavbar(oldNavbarInnerEl); + if (dynamicNavbar && oldNavbarEl) { + router.removeNavbar(oldNavbarEl); } } } @@ -6602,9 +6599,9 @@ .children('.page:not(.stacked)') .filter(function (index, page) { return page !== $newPage[0]; }); if (dynamicNavbar) { - $oldNavbarInner = $navbarEl - .children('.navbar-inner:not(.stacked)') - .filter(function (index, navbarInner) { return navbarInner !== $newNavbarInner[0]; }); + $oldNavbarEl = $navbarsEl + .children('.navbar:not(.stacked)') + .filter(function (index, navbarEl) { return navbarEl !== $newNavbarEl[0]; }); } } @@ -6612,8 +6609,8 @@ if ($oldPage.length > 1 || reloadDetail) { $oldPage = $oldPage.filter(function (pageIndex, pageEl) { return !pageEl.classList.contains('page-master'); }); } - if ($oldNavbarInner && ($oldNavbarInner.length > 1 || reloadDetail)) { - $oldNavbarInner = $oldNavbarInner.filter(function (navbarIndex, navbarEl) { return !navbarEl.classList.contains('navbar-master'); }); + if ($oldNavbarEl && ($oldNavbarEl.length > 1 || reloadDetail)) { + $oldNavbarEl = $oldNavbarEl.filter(function (navbarIndex, navbarEl) { return !navbarEl.classList.contains('navbar-master'); }); } } @@ -6632,8 +6629,8 @@ if (!options.reloadPrevious) { // Current Page & Navbar router.currentPageEl = $newPage[0]; - if (dynamicNavbar && $newNavbarInner.length) { - router.currentNavbarEl = $newNavbarInner[0]; + if (dynamicNavbar && $newNavbarEl.length) { + router.currentNavbarEl = $newNavbarEl[0]; } else { delete router.currentNavbarEl; } @@ -6669,17 +6666,17 @@ } else { $newPage.insertBefore($oldPage); } - if (dynamicNavbar && $newNavbarInner.length) { - if ($newNavbarInner.children('.title-large').length) { - $newNavbarInner.addClass('navbar-inner-large'); + if (dynamicNavbar && $newNavbarEl.length) { + if ($newNavbarEl.find('.title-large').length) { + $newNavbarEl.addClass('navbar-large'); } - if ($oldNavbarInner.length) { - $newNavbarInner.insertBefore($oldNavbarInner); + if ($oldNavbarEl.length) { + $newNavbarEl.insertBefore($oldNavbarEl); } else { - if (!router.$navbarEl.parents(doc).length) { - router.$el.prepend(router.$navbarEl); + if (!router.$navbarsEl.parents(doc).length) { + router.$el.prepend(router.$navbarsEl); } - $navbarEl.append($newNavbarInner); + $navbarsEl.append($newNavbarEl); } } } else { @@ -6692,21 +6689,21 @@ $viewEl.append($newPage[0]); } } - if (dynamicNavbar && $newNavbarInner.length) { - if ($newNavbarInner.children('.title-large').length) { - $newNavbarInner.addClass('navbar-inner-large'); + if (dynamicNavbar && $newNavbarEl.length) { + if ($newNavbarEl.find('.title-large').length) { + $newNavbarEl.addClass('navbar-large'); } - if (!router.$navbarEl.parents(doc).length) { - router.$el.prepend(router.$navbarEl); + if (!router.$navbarsEl.parents(doc).length) { + router.$el.prepend(router.$navbarsEl); } - $navbarEl.append($newNavbarInner[0]); + $navbarsEl.append($newNavbarEl[0]); } } if (!newPageInDom) { - router.pageCallback('mounted', $newPage, $newNavbarInner, newPagePosition, (reload ? newPagePosition : 'current'), options, $oldPage); + router.pageCallback('mounted', $newPage, $newNavbarEl, newPagePosition, (reload ? newPagePosition : 'current'), options, $oldPage); } else if (options.route && options.route.route && options.route.route.keepAlive && !$newPage[0].f7PageMounted) { $newPage[0].f7PageMounted = true; - router.pageCallback('mounted', $newPage, $newNavbarInner, newPagePosition, (reload ? newPagePosition : 'current'), options, $oldPage); + router.pageCallback('mounted', $newPage, $newNavbarEl, newPagePosition, (reload ? newPagePosition : 'current'), options, $oldPage); } // Remove old page @@ -6716,39 +6713,39 @@ $oldPage.trigger('page:stack'); router.emit('pageStack', $oldPage[0]); if (dynamicNavbar) { - $oldNavbarInner.addClass('stacked'); + $oldNavbarEl.addClass('stacked'); } } else { // Page remove event - router.pageCallback('beforeOut', $oldPage, $oldNavbarInner, 'current', undefined, options); - router.pageCallback('afterOut', $oldPage, $oldNavbarInner, 'current', undefined, options); - router.pageCallback('beforeRemove', $oldPage, $oldNavbarInner, 'current', undefined, options); + router.pageCallback('beforeOut', $oldPage, $oldNavbarEl, 'current', undefined, options); + router.pageCallback('afterOut', $oldPage, $oldNavbarEl, 'current', undefined, options); + router.pageCallback('beforeRemove', $oldPage, $oldNavbarEl, 'current', undefined, options); router.removePage($oldPage); - if (dynamicNavbar && $oldNavbarInner && $oldNavbarInner.length) { - router.removeNavbar($oldNavbarInner); + if (dynamicNavbar && $oldNavbarEl && $oldNavbarEl.length) { + router.removeNavbar($oldNavbarEl); } } } else if (options.reloadAll) { $oldPage.each(function (index, pageEl) { var $oldPageEl = $(pageEl); - var $oldNavbarInnerEl = $(app.navbar.getElByPage($oldPageEl)); + var $oldNavbarElEl = $(app.navbar.getElByPage($oldPageEl)); if (router.params.stackPages && router.initialPages.indexOf($oldPageEl[0]) >= 0) { $oldPageEl.addClass('stacked'); $oldPageEl.trigger('page:stack'); router.emit('pageStack', $oldPageEl[0]); if (dynamicNavbar) { - $oldNavbarInnerEl.addClass('stacked'); + $oldNavbarElEl.addClass('stacked'); } } else { // Page remove event if ($oldPageEl.hasClass('page-current')) { - router.pageCallback('beforeOut', $oldPage, $oldNavbarInner, 'current', undefined, options); - router.pageCallback('afterOut', $oldPage, $oldNavbarInner, 'current', undefined, options); + router.pageCallback('beforeOut', $oldPage, $oldNavbarEl, 'current', undefined, options); + router.pageCallback('afterOut', $oldPage, $oldNavbarEl, 'current', undefined, options); } - router.pageCallback('beforeRemove', $oldPageEl, $oldNavbarInner && $oldNavbarInner.eq(index), 'previous', undefined, options); + router.pageCallback('beforeRemove', $oldPageEl, $oldNavbarEl && $oldNavbarEl.eq(index), 'previous', undefined, options); router.removePage($oldPageEl); - if (dynamicNavbar && $oldNavbarInnerEl.length) { - router.removeNavbar($oldNavbarInnerEl); + if (dynamicNavbar && $oldNavbarElEl.length) { + router.removeNavbar($oldNavbarElEl); } } }); @@ -6758,14 +6755,14 @@ $oldPage.trigger('page:stack'); router.emit('pageStack', $oldPage[0]); if (dynamicNavbar) { - $oldNavbarInner.addClass('stacked'); + $oldNavbarEl.addClass('stacked'); } } else { // Page remove event - router.pageCallback('beforeRemove', $oldPage, $oldNavbarInner, 'previous', undefined, options); + router.pageCallback('beforeRemove', $oldPage, $oldNavbarEl, 'previous', undefined, options); router.removePage($oldPage); - if (dynamicNavbar && $oldNavbarInner && $oldNavbarInner.length) { - router.removeNavbar($oldNavbarInner); + if (dynamicNavbar && $oldNavbarEl && $oldNavbarEl.length) { + router.removeNavbar($oldNavbarEl); } } } @@ -6778,17 +6775,22 @@ })); } + // Check master detail + if (masterDetailEnabled) { + view.checkMasterDetailBreakpoint(); + } + // Page init and before init events - router.pageCallback('init', $newPage, $newNavbarInner, newPagePosition, reload ? newPagePosition : 'current', options, $oldPage); + router.pageCallback('init', $newPage, $newNavbarEl, newPagePosition, reload ? newPagePosition : 'current', options, $oldPage); if (options.reloadCurrent || options.reloadAll || reloadDetail) { router.allowPageChange = true; - router.pageCallback('beforeIn', $newPage, $newNavbarInner, newPagePosition, 'current', options); + router.pageCallback('beforeIn', $newPage, $newNavbarEl, newPagePosition, 'current', options); $newPage.removeAttr('aria-hidden'); - if (dynamicNavbar && $newNavbarInner) { - $newNavbarInner.removeAttr('aria-hidden'); + if (dynamicNavbar && $newNavbarEl) { + $newNavbarEl.removeAttr('aria-hidden'); } - router.pageCallback('afterIn', $newPage, $newNavbarInner, newPagePosition, 'current', options); + router.pageCallback('afterIn', $newPage, $newNavbarEl, newPagePosition, 'current', options); if (options.reloadCurrent && options.clearPreviousHistory) { router.clearPreviousHistory(); } if (reloadDetail) { masterPageEl.classList.add('page-previous'); @@ -6809,8 +6811,8 @@ } // Before animation event - router.pageCallback('beforeOut', $oldPage, $oldNavbarInner, 'current', 'previous', options); - router.pageCallback('beforeIn', $newPage, $newNavbarInner, 'next', 'current', options); + router.pageCallback('beforeOut', $oldPage, $oldNavbarEl, 'current', 'previous', options); + router.pageCallback('beforeIn', $newPage, $newNavbarEl, 'next', 'current', options); // Animation function afterAnimation() { @@ -6825,16 +6827,16 @@ $oldPage.attr('aria-hidden', 'true'); } if (dynamicNavbar) { - $newNavbarInner.removeClass(navbarClasses).addClass('navbar-current').removeAttr('aria-hidden'); - $oldNavbarInner.removeClass(navbarClasses).addClass('navbar-previous'); - if (!$oldNavbarInner.hasClass('navbar-master')) { - $oldNavbarInner.attr('aria-hidden', 'true'); + $newNavbarEl.removeClass(navbarClasses).addClass('navbar-current').removeAttr('aria-hidden'); + $oldNavbarEl.removeClass(navbarClasses).addClass('navbar-previous'); + if (!$oldNavbarEl.hasClass('navbar-master')) { + $oldNavbarEl.attr('aria-hidden', 'true'); } } // After animation event router.allowPageChange = true; - router.pageCallback('afterOut', $oldPage, $oldNavbarInner, 'current', 'previous', options); - router.pageCallback('afterIn', $newPage, $newNavbarInner, 'next', 'current', options); + router.pageCallback('afterOut', $oldPage, $oldNavbarEl, 'current', 'previous', options); + router.pageCallback('afterIn', $newPage, $newNavbarEl, 'next', 'current', options); var keepOldPage = (router.params.preloadPreviousPage || router.params[((app.theme) + "SwipeBack")]) && !isMaster; if (!keepOldPage) { @@ -6848,14 +6850,14 @@ $oldPage.trigger('page:stack'); router.emit('pageStack', $oldPage[0]); if (dynamicNavbar) { - $oldNavbarInner.addClass('stacked'); + $oldNavbarEl.addClass('stacked'); } } else if (!($newPage.attr('data-name') && $newPage.attr('data-name') === 'smart-select-page')) { // Remove event - router.pageCallback('beforeRemove', $oldPage, $oldNavbarInner, 'previous', undefined, options); + router.pageCallback('beforeRemove', $oldPage, $oldNavbarEl, 'previous', undefined, options); router.removePage($oldPage); - if (dynamicNavbar && $oldNavbarInner.length) { - router.removeNavbar($oldNavbarInner); + if (dynamicNavbar && $oldNavbarEl.length) { + router.removeNavbar($oldNavbarEl); } } } @@ -6874,8 +6876,8 @@ $newPage.removeClass(pageClasses).addClass('page-next').removeAttr('aria-hidden').trigger('page:position', { position: 'next' }); router.emit('pagePosition', $newPage[0], 'next'); if (dynamicNavbar) { - $oldNavbarInner.removeClass(navbarClasses).addClass('navbar-current').removeAttr('aria-hidden'); - $newNavbarInner.removeClass(navbarClasses).addClass('navbar-next').removeAttr('aria-hidden'); + $oldNavbarEl.removeClass(navbarClasses).addClass('navbar-current').removeAttr('aria-hidden'); + $newNavbarEl.removeClass(navbarClasses).addClass('navbar-next').removeAttr('aria-hidden'); } } if (options.animate && !(isMaster && app.width >= router.params.masterDetailBreakpoint)) { @@ -6883,13 +6885,13 @@ if (delay) { setTimeout(function () { setPositionClasses(); - router.animate($oldPage, $newPage, $oldNavbarInner, $newNavbarInner, 'forward', function () { + router.animate($oldPage, $newPage, $oldNavbarEl, $newNavbarEl, 'forward', function () { afterAnimation(); }); }, delay); } else { setPositionClasses(); - router.animate($oldPage, $newPage, $oldNavbarInner, $newNavbarInner, 'forward', function () { + router.animate($oldPage, $newPage, $oldNavbarEl, $newNavbarEl, 'forward', function () { afterAnimation(); }); } @@ -7684,6 +7686,7 @@ var masterDetailEnabled = router.params.masterDetailBreakpoint > 0; var isMaster = masterDetailEnabled && options.route && options.route.route && options.route.route.master === true; var masterPageEl; + var masterPageRemoved; var dynamicNavbar = router.dynamicNavbar; @@ -7696,21 +7699,18 @@ router.removeThemeElements($newPage); } - var $navbarEl; - var $newNavbarInner; - var $oldNavbarInner; + var $navbarsEl; + var $newNavbarEl; + var $oldNavbarEl; if (dynamicNavbar) { - $newNavbarInner = $newPage.children('.navbar').children('.navbar-inner'); - $navbarEl = router.$navbarEl; - if ($newNavbarInner.length > 0) { - $newPage.children('.navbar').remove(); - } - if ($newNavbarInner.length === 0 && $newPage[0] && $newPage[0].f7Page) { + $newNavbarEl = $newPage.children('.navbar'); + $navbarsEl = router.$navbarsEl; + if ($newNavbarEl.length === 0 && $newPage[0] && $newPage[0].f7Page) { // Try from pageData - $newNavbarInner = $newPage[0].f7Page.$navbarEl; + $newNavbarEl = $newPage[0].f7Page.$navbarEl; } - $oldNavbarInner = $navbarEl.find('.navbar-current'); + $oldNavbarEl = $navbarsEl.find('.navbar-current'); } router.allowPageChange = false; @@ -7731,6 +7731,7 @@ // Pages In View var isDetail; + var isDetailRoot; if (masterDetailEnabled) { var $pagesInView = router.$el .children('.page:not(.stacked)') @@ -7754,11 +7755,13 @@ isDetail = options.route.route.masterRoute.path === masterPageEl.f7Page.route.route.path; } } - + if (isDetail && masterPageEl && masterPageEl.f7Page) { + isDetailRoot = router.history.indexOf(options.route.url) - router.history.indexOf(masterPageEl.f7Page.route.url) === 1; + } // New Page $newPage - .addClass(("page-previous" + (isMaster ? ' page-master' : '') + (isDetail ? ' page-master-detail' : ''))) + .addClass(("page-previous" + (isMaster ? ' page-master' : '') + (isDetail ? ' page-master-detail' : '') + (isDetailRoot ? ' page-master-detail-root' : ''))) .removeClass('stacked') .removeAttr('aria-hidden') .trigger('page:unstack') @@ -7766,12 +7769,13 @@ router.emit('pageUnstack', $newPage[0]); router.emit('pagePosition', $newPage[0], 'previous'); if (isMaster || isDetail) { - $newPage.trigger('page:role', { role: isMaster ? 'master' : 'detail' }); + $newPage.trigger('page:role', { role: isMaster ? 'master' : 'detail', root: !!isDetailRoot }); + router.emit('pageRole', $newPage[0], { role: isMaster ? 'master' : 'detail', detailRoot: !!isDetailRoot }); } - if (dynamicNavbar && $newNavbarInner.length > 0) { - $newNavbarInner - .addClass(("navbar-previous" + (isMaster ? ' navbar-master' : '') + (isDetail ? ' navbar-master-detail' : ''))) + if (dynamicNavbar && $newNavbarEl.length > 0) { + $newNavbarEl + .addClass(("navbar-previous" + (isMaster ? ' navbar-master' : '') + (isDetail ? ' navbar-master-detail' : '') + (isDetailRoot ? ' navbar-master-detail-root' : ''))) .removeClass('stacked') .removeAttr('aria-hidden'); } @@ -7795,7 +7799,7 @@ var $pageToRemove = $(pageToRemove); var $navbarToRemove; if (dynamicNavbar) { - // $navbarToRemove = $oldNavbarInner.prevAll('.navbar-previous').eq(index); + // $navbarToRemove = $oldNavbarEl.prevAll('.navbar-previous').eq(index); $navbarToRemove = $(app.navbar.getElByPage($pageToRemove)); } if ($pageToRemove[0] !== $newPage[0] && $pageToRemove.index() > $newPage.index()) { @@ -7808,6 +7812,9 @@ } } else { router.pageCallback('beforeRemove', $pageToRemove, $navbarToRemove, 'previous', undefined, options); + if ($pageToRemove[0] === masterPageEl) { + masterPageRemoved = true; + } router.removePage($pageToRemove); if (dynamicNavbar && $navbarToRemove.length > 0) { router.removeNavbar($navbarToRemove); @@ -7819,7 +7826,7 @@ var $pageToRemove = $oldPage.prev('.page-previous:not(.stacked)'); var $navbarToRemove; if (dynamicNavbar) { - // $navbarToRemove = $oldNavbarInner.prev('.navbar-inner:not(.stacked)'); + // $navbarToRemove = $oldNavbarEl.prev('.navbar-inner:not(.stacked)'); $navbarToRemove = $(app.navbar.getElByPage($pageToRemove)); } if (router.params.stackPages && router.initialPages.indexOf($pageToRemove[0]) >= 0) { @@ -7829,6 +7836,9 @@ $navbarToRemove.addClass('stacked'); } else if ($pageToRemove.length > 0) { router.pageCallback('beforeRemove', $pageToRemove, $navbarToRemove, 'previous', undefined, options); + if ($pageToRemove[0] === masterPageEl) { + masterPageRemoved = true; + } router.removePage($pageToRemove); if (dynamicNavbar && $navbarToRemove.length) { router.removeNavbar($navbarToRemove); @@ -7852,25 +7862,25 @@ $newPage.insertBefore($oldPage); } } - if (dynamicNavbar && $newNavbarInner.length) { - if ($newNavbarInner.children('.title-large').length) { - $newNavbarInner.addClass('navbar-inner-large'); + if (dynamicNavbar && $newNavbarEl.length) { + if ($newNavbarEl.find('.title-large').length) { + $newNavbarEl.addClass('navbar-large'); } - $newNavbarInner.insertBefore($oldNavbarInner); - if ($oldNavbarInner.length > 0) { - $newNavbarInner.insertBefore($oldNavbarInner); + $newNavbarEl.insertBefore($oldNavbarEl); + if ($oldNavbarEl.length > 0) { + $newNavbarEl.insertBefore($oldNavbarEl); } else { - if (!router.$navbarEl.parents(doc).length) { - router.$el.prepend(router.$navbarEl); + if (!router.$navbarsEl.parents(doc).length) { + router.$el.prepend(router.$navbarsEl); } - $navbarEl.append($newNavbarInner); + $navbarsEl.append($newNavbarEl); } } if (!newPageInDom) { - router.pageCallback('mounted', $newPage, $newNavbarInner, 'previous', 'current', options, $oldPage); + router.pageCallback('mounted', $newPage, $newNavbarEl, 'previous', 'current', options, $oldPage); } else if (options.route && options.route.route && options.route.route.keepAlive && !$newPage[0].f7PageMounted) { $newPage[0].f7PageMounted = true; - router.pageCallback('mounted', $newPage, $newNavbarInner, 'previous', 'current', options, $oldPage); + router.pageCallback('mounted', $newPage, $newNavbarEl, 'previous', 'current', options, $oldPage); } } @@ -7895,14 +7905,14 @@ } } // Page init and before init events - router.pageCallback('init', $newPage, $newNavbarInner, 'previous', 'current', options, $oldPage); + router.pageCallback('init', $newPage, $newNavbarEl, 'previous', 'current', options, $oldPage); var $previousPages = $newPage.prevAll('.page-previous:not(.stacked):not(.page-master)'); if ($previousPages.length > 0) { $previousPages.each(function (index, pageToRemove) { var $pageToRemove = $(pageToRemove); var $navbarToRemove; if (dynamicNavbar) { - // $navbarToRemove = $newNavbarInner.prevAll('.navbar-previous:not(.stacked)').eq(index); + // $navbarToRemove = $newNavbarEl.prevAll('.navbar-previous:not(.stacked)').eq(index); $navbarToRemove = $(app.navbar.getElByPage($pageToRemove)); } if (router.params.stackPages && router.initialPages.indexOf(pageToRemove) >= 0) { @@ -7958,8 +7968,8 @@ // Current Page & Navbar router.currentPageEl = $newPage[0]; - if (dynamicNavbar && $newNavbarInner.length) { - router.currentNavbarEl = $newNavbarInner[0]; + if (dynamicNavbar && $newNavbarEl.length) { + router.currentNavbarEl = $newNavbarEl[0]; } else { delete router.currentNavbarEl; } @@ -7998,12 +8008,18 @@ })); } + // Check master detail + + if (masterDetailEnabled && (currentIsMaster || masterPageRemoved)) { + view.checkMasterDetailBreakpoint(false); + } + // Page init and before init events - router.pageCallback('init', $newPage, $newNavbarInner, 'previous', 'current', options, $oldPage); + router.pageCallback('init', $newPage, $newNavbarEl, 'previous', 'current', options, $oldPage); // Before animation callback - router.pageCallback('beforeOut', $oldPage, $oldNavbarInner, 'current', 'next', options); - router.pageCallback('beforeIn', $newPage, $newNavbarInner, 'previous', 'current', options); + router.pageCallback('beforeOut', $oldPage, $oldNavbarEl, 'current', 'next', options); + router.pageCallback('beforeIn', $newPage, $newNavbarEl, 'previous', 'current', options); // Animation function afterAnimation() { @@ -8015,13 +8031,13 @@ $oldPage.removeClass(pageClasses).addClass('page-next').attr('aria-hidden', 'true').trigger('page:position', { position: 'next' }); router.emit('pagePosition', $oldPage[0], 'next'); if (dynamicNavbar) { - $newNavbarInner.removeClass(navbarClasses).addClass('navbar-current').removeAttr('aria-hidden'); - $oldNavbarInner.removeClass(navbarClasses).addClass('navbar-next').attr('aria-hidden', 'true'); + $newNavbarEl.removeClass(navbarClasses).addClass('navbar-current').removeAttr('aria-hidden'); + $oldNavbarEl.removeClass(navbarClasses).addClass('navbar-next').attr('aria-hidden', 'true'); } // After animation event - router.pageCallback('afterOut', $oldPage, $oldNavbarInner, 'current', 'next', options); - router.pageCallback('afterIn', $newPage, $newNavbarInner, 'previous', 'current', options); + router.pageCallback('afterOut', $oldPage, $oldNavbarEl, 'current', 'next', options); + router.pageCallback('afterIn', $newPage, $newNavbarEl, 'previous', 'current', options); // Remove Old Page if (router.params.stackPages && router.initialPages.indexOf($oldPage[0]) >= 0) { @@ -8029,13 +8045,13 @@ $oldPage.trigger('page:stack'); router.emit('pageStack', $oldPage[0]); if (dynamicNavbar) { - $oldNavbarInner.addClass('stacked'); + $oldNavbarEl.addClass('stacked'); } } else { - router.pageCallback('beforeRemove', $oldPage, $oldNavbarInner, 'next', undefined, options); + router.pageCallback('beforeRemove', $oldPage, $oldNavbarEl, 'next', undefined, options); router.removePage($oldPage); - if (dynamicNavbar && $oldNavbarInner.length) { - router.removeNavbar($oldNavbarInner); + if (dynamicNavbar && $oldNavbarEl.length) { + router.removeNavbar($oldNavbarEl); } } @@ -8060,14 +8076,14 @@ $newPage.removeClass(pageClasses).addClass('page-previous').removeAttr('aria-hidden').trigger('page:position', { position: 'previous' }); router.emit('pagePosition', $newPage[0], 'previous'); if (dynamicNavbar) { - $oldNavbarInner.removeClass(navbarClasses).addClass('navbar-current'); - $newNavbarInner.removeClass(navbarClasses).addClass('navbar-previous').removeAttr('aria-hidden'); + $oldNavbarEl.removeClass(navbarClasses).addClass('navbar-current'); + $newNavbarEl.removeClass(navbarClasses).addClass('navbar-previous').removeAttr('aria-hidden'); } } if (options.animate && !(currentIsMaster && app.width >= router.params.masterDetailBreakpoint)) { setPositionClasses(); - router.animate($oldPage, $newPage, $oldNavbarInner, $newNavbarInner, 'backward', function () { + router.animate($oldPage, $newPage, $oldNavbarEl, $newNavbarEl, 'backward', function () { afterAnimation(); }); } else { @@ -8456,18 +8472,18 @@ $pagesToRemove.each(function (index, pageEl) { var $oldPageEl = $(pageEl); - var $oldNavbarInnerEl = $(app.navbar.getElByPage($oldPageEl)); + var $oldNavbarEl = $(app.navbar.getElByPage($oldPageEl)); if (router.params.stackPages && router.initialPages.indexOf($oldPageEl[0]) >= 0) { $oldPageEl.addClass('stacked'); if (dynamicNavbar) { - $oldNavbarInnerEl.addClass('stacked'); + $oldNavbarEl.addClass('stacked'); } } else { // Page remove event - router.pageCallback('beforeRemove', $oldPageEl, $oldNavbarInnerEl, 'previous', undefined, {}); + router.pageCallback('beforeRemove', $oldPageEl, $oldNavbarEl, 'previous', undefined, {}); router.removePage($oldPageEl); - if (dynamicNavbar && $oldNavbarInnerEl.length) { - router.removeNavbar($oldNavbarInnerEl); + if (dynamicNavbar && $oldNavbarEl.length) { + router.removeNavbar($oldNavbarEl); } } }); @@ -8511,8 +8527,8 @@ routes: view.routes, $el: view.$el, el: view.el, - $navbarEl: view.$navbarEl, - navbarEl: view.navbarEl, + $navbarsEl: view.$navbarsEl, + navbarsEl: view.navbarsEl, history: view.history, scrollHistory: view.scrollHistory, cache: app.cache, @@ -8568,15 +8584,15 @@ Router.prototype = Object.create( Framework7Class && Framework7Class.prototype ); Router.prototype.constructor = Router; - Router.prototype.animatableNavElements = function animatableNavElements (newNavbarInner, oldNavbarInner, toLarge, fromLarge, direction) { + Router.prototype.animatableNavElements = function animatableNavElements ($newNavbarEl, $oldNavbarEl, toLarge, fromLarge, direction) { var router = this; var dynamicNavbar = router.dynamicNavbar; var animateIcon = router.params.iosAnimateNavbarBackIcon; var newNavEls; var oldNavEls; - function animatableNavEl($el, navbarInner) { - var isSliding = $el.hasClass('sliding') || navbarInner.hasClass('sliding'); + function animatableNavEl($el, $navbarInner) { + var isSliding = $el.hasClass('sliding') || $navbarInner.hasClass('sliding'); var isSubnavbar = $el.hasClass('subnavbar'); var needsOpacityTransition = isSliding ? !isSubnavbar : true; var $iconEl = $el.find('.back .icon'); @@ -8598,21 +8614,21 @@ if (dynamicNavbar) { newNavEls = []; oldNavEls = []; - newNavbarInner.children('.left, .right, .title, .subnavbar').each(function (index, navEl) { + $newNavbarEl.children('.navbar-inner').children('.left, .right, .title, .subnavbar').each(function (index, navEl) { var $navEl = $(navEl); if ($navEl.hasClass('left') && fromLarge && direction === 'forward') { return; } if ($navEl.hasClass('title') && toLarge) { return; } - newNavEls.push(animatableNavEl($navEl, newNavbarInner)); + newNavEls.push(animatableNavEl($navEl, $newNavbarEl.children('.navbar-inner'))); }); - if (!(oldNavbarInner.hasClass('navbar-master') && router.params.masterDetailBreakpoint > 0 && router.app.width >= router.params.masterDetailBreakpoint)) { - oldNavbarInner.children('.left, .right, .title, .subnavbar').each(function (index, navEl) { + if (!($oldNavbarEl.hasClass('navbar-master') && router.params.masterDetailBreakpoint > 0 && router.app.width >= router.params.masterDetailBreakpoint)) { + $oldNavbarEl.children('.navbar-inner').children('.left, .right, .title, .subnavbar').each(function (index, navEl) { var $navEl = $(navEl); if ($navEl.hasClass('left') && toLarge && !fromLarge && direction === 'forward') { return; } if ($navEl.hasClass('left') && toLarge && direction === 'backward') { return; } if ($navEl.hasClass('title') && fromLarge) { return; } - oldNavEls.push(animatableNavEl($navEl, oldNavbarInner)); + oldNavEls.push(animatableNavEl($navEl, $oldNavbarEl.children('.navbar-inner'))); }); } [oldNavEls, newNavEls].forEach(function (navEls) { @@ -8635,14 +8651,15 @@ return { newNavEls: newNavEls, oldNavEls: oldNavEls }; }; - Router.prototype.animate = function animate (oldPage, newPage, oldNavbarInner, newNavbarInner, direction, callback) { + Router.prototype.animate = function animate ($oldPageEl, $newPageEl, $oldNavbarEl, $newNavbarEl, direction, callback) { var router = this; if (router.params.animateCustom) { - router.params.animateCustom.apply(router, [oldPage, newPage, oldNavbarInner, newNavbarInner, direction, callback]); + router.params.animateCustom.apply(router, [$oldPageEl, $newPageEl, $oldNavbarEl, $newNavbarEl, direction, callback]); return; } var dynamicNavbar = router.dynamicNavbar; var ios = router.app.theme === 'ios'; + // Router Animation class var routerTransitionClass = "router-transition-" + direction + " router-transition"; @@ -8656,11 +8673,18 @@ var newIsLarge; if (ios && dynamicNavbar) { - oldIsLarge = oldNavbarInner && oldNavbarInner.hasClass('navbar-inner-large'); - newIsLarge = newNavbarInner && newNavbarInner.hasClass('navbar-inner-large'); - fromLarge = oldIsLarge && !oldNavbarInner.hasClass('navbar-inner-large-collapsed'); - toLarge = newIsLarge && !newNavbarInner.hasClass('navbar-inner-large-collapsed'); - var navEls = router.animatableNavElements(newNavbarInner, oldNavbarInner, toLarge, fromLarge, direction); + var betweenMasterAndDetail = router.params.masterDetailBreakpoint > 0 && router.app.width >= router.params.masterDetailBreakpoint + && ( + ($oldNavbarEl.hasClass('navbar-master') && $newNavbarEl.hasClass('navbar-master-detail')) + || ($oldNavbarEl.hasClass('navbar-master-detail') && $newNavbarEl.hasClass('navbar-master')) + ); + if (!betweenMasterAndDetail) { + oldIsLarge = $oldNavbarEl && $oldNavbarEl.hasClass('navbar-large'); + newIsLarge = $newNavbarEl && $newNavbarEl.hasClass('navbar-large'); + fromLarge = oldIsLarge && !$oldNavbarEl.hasClass('navbar-large-collapsed'); + toLarge = newIsLarge && !$newNavbarEl.hasClass('navbar-large-collapsed'); + } + var navEls = router.animatableNavElements($newNavbarEl, $oldNavbarEl, toLarge, fromLarge, direction); newNavEls = navEls.newNavEls; oldNavEls = navEls.oldNavEls; } @@ -8669,12 +8693,12 @@ if (!(ios && dynamicNavbar)) { return; } if (progress === 1) { if (toLarge) { - newNavbarInner.addClass('router-navbar-transition-to-large'); - oldNavbarInner.addClass('router-navbar-transition-to-large'); + $newNavbarEl.addClass('router-navbar-transition-to-large'); + $oldNavbarEl.addClass('router-navbar-transition-to-large'); } if (fromLarge) { - newNavbarInner.addClass('router-navbar-transition-from-large'); - oldNavbarInner.addClass('router-navbar-transition-from-large'); + $newNavbarEl.addClass('router-navbar-transition-from-large'); + $oldNavbarEl.addClass('router-navbar-transition-from-large'); } } newNavEls.forEach(function (navEl) { @@ -8704,32 +8728,32 @@ // AnimationEnd Callback function onDone() { if (router.dynamicNavbar) { - if (newNavbarInner) { - newNavbarInner.removeClass('router-navbar-transition-to-large router-navbar-transition-from-large'); - newNavbarInner.addClass('navbar-no-title-large-transition'); + if ($newNavbarEl) { + $newNavbarEl.removeClass('router-navbar-transition-to-large router-navbar-transition-from-large'); + $newNavbarEl.addClass('navbar-no-title-large-transition'); Utils.nextFrame(function () { - newNavbarInner.removeClass('navbar-no-title-large-transition'); + $newNavbarEl.removeClass('navbar-no-title-large-transition'); }); } - if (oldNavbarInner) { - oldNavbarInner.removeClass('router-navbar-transition-to-large router-navbar-transition-from-large'); + if ($oldNavbarEl) { + $oldNavbarEl.removeClass('router-navbar-transition-to-large router-navbar-transition-from-large'); } - if (newNavbarInner.hasClass('sliding')) { - newNavbarInner.find('.title, .left, .right, .left .icon, .subnavbar').transform(''); + if ($newNavbarEl.hasClass('sliding')) { + $newNavbarEl.find('.title, .left, .right, .left .icon, .subnavbar').transform(''); } else { - newNavbarInner.find('.sliding').transform(''); + $newNavbarEl.find('.sliding').transform(''); } - if (oldNavbarInner.hasClass('sliding')) { - oldNavbarInner.find('.title, .left, .right, .left .icon, .subnavbar').transform(''); + if ($oldNavbarEl.hasClass('sliding')) { + $oldNavbarEl.find('.title, .left, .right, .left .icon, .subnavbar').transform(''); } else { - oldNavbarInner.find('.sliding').transform(''); + $oldNavbarEl.find('.sliding').transform(''); } } router.$el.removeClass(routerTransitionClass); if (callback) { callback(); } } - (direction === 'forward' ? newPage : oldPage).animationEnd(function () { + (direction === 'forward' ? $newPageEl : $oldPageEl).animationEnd(function () { onDone(); }); @@ -9511,7 +9535,7 @@ var $pageEl = $(pageEl); router.initialPages.push($pageEl[0]); if (router.dynamicNavbar && $pageEl.children('.navbar').length > 0) { - router.initialNavbars.push($pageEl.children('.navbar').find('.navbar-inner')[0]); + router.initialNavbars.push($pageEl.children('.navbar')[0]); } }); } @@ -9529,33 +9553,34 @@ router.currentRoute = currentRoute; router.$el.children('.page:not(.stacked)').each(function (index, pageEl) { var $pageEl = $(pageEl); - var $navbarInnerEl; + var $navbarEl; $pageEl.addClass('page-current'); if (router.dynamicNavbar) { - $navbarInnerEl = $pageEl.children('.navbar').children('.navbar-inner'); - if ($navbarInnerEl.length > 0) { - if (!router.$navbarEl.parents(doc).length) { - router.$el.prepend(router.$navbarEl); + $navbarEl = $pageEl.children('.navbar'); + if ($navbarEl.length > 0) { + if (!router.$navbarsEl.parents(doc).length) { + router.$el.prepend(router.$navbarsEl); } - $navbarInnerEl.addClass('navbar-current'); - router.$navbarEl.append($navbarInnerEl); - if ($navbarInnerEl.children('.title-large').length) { - $navbarInnerEl.addClass('navbar-inner-large'); + $navbarEl.addClass('navbar-current'); + router.$navbarsEl.append($navbarEl); + if ($navbarEl.children('.title-large').length) { + $navbarEl.addClass('navbar-large'); } $pageEl.children('.navbar').remove(); } else { - router.$navbarEl.addClass('navbar-hidden'); - if ($navbarInnerEl.children('.title-large').length) { - router.$navbarEl.addClass('navbar-hidden navbar-large-hidden'); + router.$navbarsEl.addClass('navbar-hidden'); + if ($navbarEl.children('.title-large').length) { + router.$navbarsEl.addClass('navbar-hidden navbar-large-hidden'); } } } if (router.currentRoute && router.currentRoute.route && router.currentRoute.route.master && router.params.masterDetailBreakpoint > 0) { $pageEl.addClass('page-master'); $pageEl.trigger('page:role', { role: 'master' }); - if ($navbarInnerEl && $navbarInnerEl.length) { - $navbarInnerEl.addClass('navbar-master'); + if ($navbarEl && $navbarEl.length) { + $navbarEl.addClass('navbar-master'); } + view.checkMasterDetailBreakpoint(); } var initOptions = { route: router.currentRoute, @@ -9564,18 +9589,18 @@ Utils.extend(initOptions, router.currentRoute.route.options); } router.currentPageEl = $pageEl[0]; - if (router.dynamicNavbar && $navbarInnerEl.length) { - router.currentNavbarEl = $navbarInnerEl[0]; + if (router.dynamicNavbar && $navbarEl.length) { + router.currentNavbarEl = $navbarEl[0]; } router.removeThemeElements($pageEl); - if (router.dynamicNavbar && $navbarInnerEl.length) { - router.removeThemeElements($navbarInnerEl); + if (router.dynamicNavbar && $navbarEl.length) { + router.removeThemeElements($navbarEl); } if (initOptions.route.route.tab) { hasTabRoute = true; router.tabLoad(initOptions.route.route.tab, Utils.extend({}, initOptions)); } - router.pageCallback('init', $pageEl, $navbarInnerEl, 'current', undefined, initOptions); + router.pageCallback('init', $pageEl, $navbarEl, 'current', undefined, initOptions); }); if (historyRestored) { router.navigate(initUrl, { @@ -9703,11 +9728,11 @@ } // DynamicNavbar - var $navbarEl; + var $navbarsEl; if (app.theme === 'ios' && view.params.iosDynamicNavbar) { - $navbarEl = $el.children('.navbar').eq(0); - if ($navbarEl.length === 0) { - $navbarEl = $('
                '); + $navbarsEl = $el.children('.navbars').eq(0); + if ($navbarsEl.length === 0) { + $navbarsEl = $('
                '); } } @@ -9718,8 +9743,8 @@ el: $el[0], name: view.params.name, main: view.params.main || $el.hasClass('view-main'), - $navbarEl: $navbarEl, - navbarEl: $navbarEl ? $navbarEl[0] : undefined, + $navbarsEl: $navbarsEl, + navbarsEl: $navbarsEl ? $navbarsEl[0] : undefined, selector: selector, history: [], scrollHistory: {}, @@ -9777,7 +9802,7 @@ view.$el.trigger('view:beforedestroy', view); view.emit('local::beforeDestroy viewBeforeDestroy', view); - app.off('resize', view.checkmasterDetailBreakpoint); + app.off('resize', view.checkMasterDetailBreakpoint); if (view.main) { app.views.main = null; @@ -9807,11 +9832,12 @@ view = null; }; - View.prototype.checkmasterDetailBreakpoint = function checkmasterDetailBreakpoint () { + View.prototype.checkMasterDetailBreakpoint = function checkMasterDetailBreakpoint (force) { var view = this; var app = view.app; var wasMasterDetail = view.$el.hasClass('view-master-detail'); - if (app.width >= view.params.masterDetailBreakpoint) { + var isMasterDetail = app.width >= view.params.masterDetailBreakpoint && view.$el.children('.page-master').length; + if ((typeof force === 'undefined' && isMasterDetail) || force === true) { view.$el.addClass('view-master-detail'); if (!wasMasterDetail) { view.emit('local::masterDetailBreakpoint viewMasterDetailBreakpoint'); @@ -9829,9 +9855,9 @@ View.prototype.initMasterDetail = function initMasterDetail () { var view = this; var app = view.app; - view.checkmasterDetailBreakpoint = view.checkmasterDetailBreakpoint.bind(view); - view.checkmasterDetailBreakpoint(); - app.on('resize', view.checkmasterDetailBreakpoint); + view.checkMasterDetailBreakpoint = view.checkMasterDetailBreakpoint.bind(view); + view.checkMasterDetailBreakpoint(); + app.on('resize', view.checkMasterDetailBreakpoint); }; View.prototype.init = function init () { @@ -11996,8 +12022,8 @@ return; } var $el = $(el); - if ($el.hasClass('navbar')) { - $el = $el.children('.navbar-inner').each(function (index, navbarEl) { + if ($el.hasClass('navbars')) { + $el = $el.children('.navbar').each(function (index, navbarEl) { app.navbar.size(navbarEl); }); return; @@ -12020,20 +12046,21 @@ } var $viewEl = $el.parents('.view').eq(0); - var left = app.rtl ? $el.children('.right') : $el.children('.left'); - var right = app.rtl ? $el.children('.left') : $el.children('.right'); - var title = $el.children('.title'); - var subnavbar = $el.children('.subnavbar'); + var $innerEl = $el.children('.navbar-inner'); + var left = app.rtl ? $innerEl.children('.right') : $innerEl.children('.left'); + var right = app.rtl ? $innerEl.children('.left') : $innerEl.children('.right'); + var title = $innerEl.children('.title'); + var subnavbar = $innerEl.children('.subnavbar'); var noLeft = left.length === 0; var noRight = right.length === 0; var leftWidth = noLeft ? 0 : left.outerWidth(true); var rightWidth = noRight ? 0 : right.outerWidth(true); var titleWidth = title.outerWidth(true); - var navbarStyles = $el.styles(); - var navbarWidth = $el[0].offsetWidth; + var navbarStyles = $innerEl.styles(); + var navbarWidth = $innerEl[0].offsetWidth; var navbarInnerWidth = navbarWidth - parseInt(navbarStyles.paddingLeft, 10) - parseInt(navbarStyles.paddingRight, 10); var isPrevious = $el.hasClass('navbar-previous'); - var sliding = $el.hasClass('sliding'); + var sliding = $innerEl.hasClass('sliding'); var router; var dynamicNavbar; @@ -12133,11 +12160,12 @@ var app = this; var $el = $(el); - if ($el.hasClass('navbar-inner')) { $el = $el.parents('.navbar'); } + var isDynamic = $el.hasClass('navbar') && $el.parent('.navbars').length; + if (isDynamic) { $el = $el.parents('.navbars'); } if (!$el.length) { return; } if ($el.hasClass('navbar-hidden')) { return; } var className = "navbar-hidden" + (animate ? ' navbar-transitioning' : ''); - var currentIsLarge = app.theme === 'ios' + var currentIsLarge = isDynamic ? $el.find('.navbar-current .title-large').length : $el.find('.title-large').length; if (currentIsLarge) { @@ -12150,8 +12178,15 @@ $el.removeClass('navbar-transitioning'); }); $el.addClass(className); - $el.trigger('navbar:hide'); - app.emit('navbarHide', $el[0]); + if (isDynamic) { + $el.children('.navbar').each(function (index, subEl) { + $(subEl).trigger('navbar:hide'); + app.emit('navbarHide', subEl); + }); + } else { + $el.trigger('navbar:hide'); + app.emit('navbarHide', $el[0]); + } }, show: function show(el, animate) { if ( el === void 0 ) el = '.navbar-hidden'; @@ -12159,7 +12194,8 @@ var app = this; var $el = $(el); - if ($el.hasClass('navbar-inner')) { $el = $el.parents('.navbar'); } + var isDynamic = $el.hasClass('navbar') && $el.parent('.navbars').length; + if (isDynamic) { $el = $el.parents('.navbars'); } if (!$el.length) { return; } if (!$el.hasClass('navbar-hidden')) { return; } if (animate) { @@ -12169,12 +12205,19 @@ }); } $el.removeClass('navbar-hidden navbar-large-hidden navbar-hidden-statusbar'); - $el.trigger('navbar:show'); - app.emit('navbarShow', $el[0]); + if (isDynamic) { + $el.children('.navbar').each(function (index, subEl) { + $(subEl).trigger('navbar:show'); + app.emit('navbarShow', subEl); + }); + } else { + $el.trigger('navbar:show'); + app.emit('navbarShow', $el[0]); + } }, getElByPage: function getElByPage(page) { var $pageEl; - var $navbarInnerEl; + var $navbarEl; var pageData; if (page.$navbarEl || page.$el) { pageData = page; @@ -12184,104 +12227,89 @@ if ($pageEl.length > 0) { pageData = $pageEl[0].f7Page; } } if (pageData && pageData.$navbarEl && pageData.$navbarEl.length > 0) { - $navbarInnerEl = pageData.$navbarEl; + $navbarEl = pageData.$navbarEl; } else if ($pageEl) { - $navbarInnerEl = $pageEl.children('.navbar').children('.navbar-inner'); + $navbarEl = $pageEl.children('.navbar'); } - if (!$navbarInnerEl || ($navbarInnerEl && $navbarInnerEl.length === 0)) { return undefined; } - return $navbarInnerEl[0]; + if (!$navbarEl || ($navbarEl && $navbarEl.length === 0)) { return undefined; } + return $navbarEl[0]; }, - getPageByEl: function getPageByEl(navbarInnerEl) { - var $navbarInnerEl = $(navbarInnerEl); - if ($navbarInnerEl.hasClass('navbar')) { - $navbarInnerEl = $navbarInnerEl.find('.navbar-inner'); - if ($navbarInnerEl.length > 1) { return undefined; } - } - if ($navbarInnerEl.parents('.page').length) { - return $navbarInnerEl.parents('.page')[0]; + getPageByEl: function getPageByEl(navbarEl) { + var $navbarEl = $(navbarEl); + if ($navbarEl.parents('.page').length) { + return $navbarEl.parents('.page')[0]; } var pageEl; - $navbarInnerEl.parents('.view').find('.page').each(function (index, el) { - if (el && el.f7Page && el.f7Page.navbarEl && $navbarInnerEl[0] === el.f7Page.navbarEl) { + $navbarEl.parents('.view').find('.page').each(function (index, el) { + if (el && el.f7Page && el.f7Page.navbarEl && $navbarEl[0] === el.f7Page.navbarEl) { pageEl = el; } }); return pageEl; }, - collapseLargeTitle: function collapseLargeTitle(navbarInnerEl) { + collapseLargeTitle: function collapseLargeTitle(navbarEl) { var app = this; - var $navbarInnerEl = $(navbarInnerEl); - if ($navbarInnerEl.hasClass('navbar')) { - $navbarInnerEl = $navbarInnerEl.find('.navbar-inner-large'); - if ($navbarInnerEl.length > 1) { - $navbarInnerEl = $(navbarInnerEl).find('.navbar-inner-large.navbar-current'); + var $navbarEl = $(navbarEl); + if ($navbarEl.hasClass('navbars')) { + $navbarEl = $navbarEl.find('.navbar'); + if ($navbarEl.length > 1) { + $navbarEl = $(navbarEl).find('.navbar-large.navbar-current'); } - if ($navbarInnerEl.length > 1 || !$navbarInnerEl.length) { + if ($navbarEl.length > 1 || !$navbarEl.length) { return; } } - var $pageEl = $(app.navbar.getPageByEl($navbarInnerEl)); - $navbarInnerEl.addClass('navbar-inner-large-collapsed'); + var $pageEl = $(app.navbar.getPageByEl($navbarEl)); + $navbarEl.addClass('navbar-large-collapsed'); $pageEl.eq(0).addClass('page-with-navbar-large-collapsed').trigger('page:navbarlargecollapsed'); app.emit('pageNavbarLargeCollapsed', $pageEl[0]); - var $navbarEl = $navbarInnerEl.parents('.navbar'); - if (app.theme === 'md' || app.theme === 'aurora') { - $navbarEl.addClass('navbar-large-collapsed'); - } $navbarEl.trigger('navbar:collapse'); app.emit('navbarCollapse', $navbarEl[0]); }, - expandLargeTitle: function expandLargeTitle(navbarInnerEl) { + expandLargeTitle: function expandLargeTitle(navbarEl) { var app = this; - var $navbarInnerEl = $(navbarInnerEl); - if ($navbarInnerEl.hasClass('navbar')) { - $navbarInnerEl = $navbarInnerEl.find('.navbar-inner-large'); - if ($navbarInnerEl.length > 1) { - $navbarInnerEl = $(navbarInnerEl).find('.navbar-inner-large.navbar-current'); + var $navbarEl = $(navbarEl); + if ($navbarEl.hasClass('navbars')) { + $navbarEl = $navbarEl.find('.navbar-large'); + if ($navbarEl.length > 1) { + $navbarEl = $(navbarEl).find('.navbar-large.navbar-current'); } - if ($navbarInnerEl.length > 1 || !$navbarInnerEl.length) { + if ($navbarEl.length > 1 || !$navbarEl.length) { return; } } - var $pageEl = $(app.navbar.getPageByEl($navbarInnerEl)); - $navbarInnerEl.removeClass('navbar-inner-large-collapsed'); + var $pageEl = $(app.navbar.getPageByEl($navbarEl)); + $navbarEl.removeClass('navbar-large-collapsed'); $pageEl.eq(0).removeClass('page-with-navbar-large-collapsed').trigger('page:navbarlargeexpanded'); app.emit('pageNavbarLargeExpanded', $pageEl[0]); - var $navbarEl = $navbarInnerEl.parents('.navbar'); - if (app.theme === 'md' || app.theme === 'aurora') { - $navbarEl.removeClass('navbar-large-collapsed'); - } $navbarEl.trigger('navbar:expand'); app.emit('navbarExpand', $navbarEl[0]); }, - toggleLargeTitle: function toggleLargeTitle(navbarInnerEl) { + toggleLargeTitle: function toggleLargeTitle(navbarEl) { var app = this; - var $navbarInnerEl = $(navbarInnerEl); - if ($navbarInnerEl.hasClass('navbar')) { - $navbarInnerEl = $navbarInnerEl.find('.navbar-inner-large'); - if ($navbarInnerEl.length > 1) { - $navbarInnerEl = $(navbarInnerEl).find('.navbar-inner-large.navbar-current'); + var $navbarEl = $(navbarEl); + if ($navbarEl.hasClass('navbars')) { + $navbarEl = $navbarEl.find('.navbar-large'); + if ($navbarEl.length > 1) { + $navbarEl = $(navbarEl).find('.navbar-large.navbar-current'); } - if ($navbarInnerEl.length > 1 || !$navbarInnerEl.length) { + if ($navbarEl.length > 1 || !$navbarEl.length) { return; } } - if ($navbarInnerEl.hasClass('navbar-inner-large-collapsed')) { - app.navbar.expandLargeTitle($navbarInnerEl); + if ($navbarEl.hasClass('navbar-large-collapsed')) { + app.navbar.expandLargeTitle($navbarEl); } else { - app.navbar.collapseLargeTitle($navbarInnerEl); + app.navbar.collapseLargeTitle($navbarEl); } }, - initNavbarOnScroll: function initNavbarOnScroll(pageEl, navbarInnerEl, needHide, needCollapse) { + initNavbarOnScroll: function initNavbarOnScroll(pageEl, navbarEl, needHide, needCollapse) { var app = this; var $pageEl = $(pageEl); - var $navbarInnerEl = $(navbarInnerEl); - var $navbarEl = app.theme === 'md' || app.theme === 'aurora' - ? $navbarInnerEl.parents('.navbar') - : $(navbarInnerEl || app.navbar.getElByPage(pageEl)).closest('.navbar'); - var $titleLargeEl = $navbarInnerEl.find('.title-large'); - var isLarge = $titleLargeEl.length || $navbarInnerEl.hasClass('.navbar-inner-large'); + var $navbarEl = $(navbarEl); + var $titleLargeEl = $navbarEl.find('.title-large'); + var isLarge = $titleLargeEl.length || $navbarEl.hasClass('.navbar-large'); var navbarHideHeight = 44; var snapPageScrollToLargeTitle = app.params.navbar.snapPageScrollToLargeTitle; @@ -12297,7 +12325,7 @@ var navbarCollapsed; var navbarTitleLargeHeight; if (needCollapse || (needHide && isLarge)) { - navbarTitleLargeHeight = $navbarInnerEl.css('--f7-navbar-large-title-height'); + navbarTitleLargeHeight = $navbarEl.css('--f7-navbar-large-title-height'); if (navbarTitleLargeHeight && navbarTitleLargeHeight.indexOf('px') >= 0) { navbarTitleLargeHeight = parseInt(navbarTitleLargeHeight, 10); @@ -12329,7 +12357,7 @@ var desktopSnapTimeout = 300; function snapLargeNavbar() { - var inSearchbarExpanded = $navbarInnerEl.hasClass('with-searchbar-expandable-enabled'); + var inSearchbarExpanded = $navbarEl.hasClass('with-searchbar-expandable-enabled'); if (inSearchbarExpanded) { return; } if (!scrollContent || currentScrollTop < 0) { return; } if (currentScrollTop >= navbarTitleLargeHeight / 2 && currentScrollTop < navbarTitleLargeHeight) { @@ -12340,37 +12368,41 @@ } function handleLargeNavbarCollapse() { - var isHidden = $navbarEl.hasClass('navbar-hidden'); + var isHidden = $navbarEl.hasClass('navbar-hidden') || $navbarEl.parent('.navbars').hasClass('navbar-hidden'); if (isHidden) { return; } + var isLargeTransparent = $navbarEl.hasClass('navbar-large-transparent'); var collapseProgress = Math.min(Math.max((currentScrollTop / navbarTitleLargeHeight), 0), 1); - var inSearchbarExpanded = $navbarInnerEl.hasClass('with-searchbar-expandable-enabled'); + var inSearchbarExpanded = $navbarEl.hasClass('with-searchbar-expandable-enabled'); if (inSearchbarExpanded) { return; } - navbarCollapsed = $navbarInnerEl.hasClass('navbar-inner-large-collapsed'); + navbarCollapsed = $navbarEl.hasClass('navbar-large-collapsed'); if (collapseProgress === 0 && navbarCollapsed) { - app.navbar.expandLargeTitle($navbarInnerEl[0]); + app.navbar.expandLargeTitle($navbarEl[0]); } else if (collapseProgress === 1 && !navbarCollapsed) { - app.navbar.collapseLargeTitle($navbarInnerEl[0]); + app.navbar.collapseLargeTitle($navbarEl[0]); } if ( (collapseProgress === 0 && navbarCollapsed) || (collapseProgress === 1 && !navbarCollapsed) || ((collapseProgress === 1 && navbarCollapsed) || (collapseProgress === 0 && !navbarCollapsed)) ) { - $navbarInnerEl[0].style.removeProperty('--f7-navbar-large-collapse-progress'); - $navbarInnerEl[0].style.overflow = ''; - if (app.theme === 'md' || app.theme === 'aurora') { - $navbarEl[0].style.removeProperty('--f7-navbar-large-collapse-progress'); + $navbarEl.find('.title').css('opacity', ''); + $navbarEl.find('.title-large-text').css('transform', ''); + if (isLargeTransparent) { + $navbarEl.find('.navbar-bg').css('opacity', ''); + } else { + $navbarEl.find('.navbar-bg').css('transform', ''); } } else { - $navbarInnerEl[0].style.setProperty('--f7-navbar-large-collapse-progress', collapseProgress); - $navbarInnerEl[0].style.overflow = 'visible'; - if (app.theme === 'md' || app.theme === 'aurora') { - $navbarEl[0].style.setProperty('--f7-navbar-large-collapse-progress', collapseProgress); + $navbarEl.find('.title').css('opacity', collapseProgress); + $navbarEl.find('.title-large-text').css('transform', ("translate3d(0px, " + (-1 * collapseProgress * navbarTitleLargeHeight) + "px, 0)")); + if (isLargeTransparent) { + $navbarEl.find('.navbar-bg').css('opacity', collapseProgress); + } else { + $navbarEl.find('.navbar-bg').css('transform', ("translate3d(0px, " + (-1 * collapseProgress * navbarTitleLargeHeight) + "px, 0)")); } } - if (snapPageScrollToLargeTitle) { if (!Support.touch) { clearTimeout(scrollTimeoutId); @@ -12393,8 +12425,7 @@ scrollHeight = scrollContent.scrollHeight; offsetHeight = scrollContent.offsetHeight; reachEnd = currentScrollTop + offsetHeight >= scrollHeight; - navbarHidden = $navbarEl.hasClass('navbar-hidden'); - + navbarHidden = $navbarEl.hasClass('navbar-hidden') || $navbarEl.parent('.navbars').hasClass('navbar-hidden'); if (reachEnd) { if (app.params.navbar.showOnPageScrollEnd) { action = 'show'; @@ -12517,45 +12548,42 @@ pageBeforeIn: function pageBeforeIn(page) { var app = this; if (app.theme !== 'ios') { return; } - var $navbarEl; + var $navbarsEl; var view = page.$el.parents('.view')[0].f7View; - var navbarInnerEl = app.navbar.getElByPage(page); - if (!navbarInnerEl) { - $navbarEl = page.$el.parents('.view').children('.navbar'); + var navbarEl = app.navbar.getElByPage(page); + if (!navbarEl) { + $navbarsEl = page.$el.parents('.view').children('.navbars'); } else { - $navbarEl = $(navbarInnerEl).parents('.navbar'); + $navbarsEl = $(navbarEl).parents('.navbars'); } - if (page.$el.hasClass('no-navbar') || (view.router.dynamicNavbar && !navbarInnerEl)) { + if (page.$el.hasClass('no-navbar') || (view.router.dynamicNavbar && !navbarEl)) { var animate = !!(page.pageFrom && page.router.history.length > 0); - app.navbar.hide($navbarEl, animate); + app.navbar.hide($navbarsEl, animate); } else { - app.navbar.show($navbarEl); + app.navbar.show($navbarsEl); } }, pageReinit: function pageReinit(page) { var app = this; - var $navbarInnerEl = $(app.navbar.getElByPage(page)); - if (!$navbarInnerEl || $navbarInnerEl.length === 0) { return; } - app.navbar.size($navbarInnerEl); + var $navbarEl = $(app.navbar.getElByPage(page)); + if (!$navbarEl || $navbarEl.length === 0) { return; } + app.navbar.size($navbarEl); }, pageInit: function pageInit(page) { var app = this; - var $navbarInnerEl = $(app.navbar.getElByPage(page)); - if (!$navbarInnerEl || $navbarInnerEl.length === 0) { return; } + var $navbarEl = $(app.navbar.getElByPage(page)); + if (!$navbarEl || $navbarEl.length === 0) { return; } // Size - app.navbar.size($navbarInnerEl); + app.navbar.size($navbarEl); // Need Collapse On Scroll var needCollapseOnScrollHandler; - if ($navbarInnerEl.children('.title-large').length > 0) { - $navbarInnerEl.addClass('navbar-inner-large'); + if ($navbarEl.find('.title-large').length > 0) { + $navbarEl.addClass('navbar-large'); } - if ($navbarInnerEl.hasClass('navbar-inner-large')) { + if ($navbarEl.hasClass('navbar-large')) { if (app.params.navbar.collapseLargeTitleOnScroll) { needCollapseOnScrollHandler = true; } - if (app.theme === 'md' || app.theme === 'aurora') { - $navbarInnerEl.parents('.navbar').addClass('navbar-large'); - } page.$el.addClass('page-with-navbar-large'); } @@ -12581,7 +12609,7 @@ } if (needCollapseOnScrollHandler || needHideOnScrollHandler) { - app.navbar.initNavbarOnScroll(page.el, $navbarInnerEl[0], needHideOnScrollHandler, needCollapseOnScrollHandler); + app.navbar.initNavbarOnScroll(page.el, $navbarEl[0], needHideOnScrollHandler, needCollapseOnScrollHandler); } }, 'panelOpen panelSwipeOpen modalOpen': function onPanelModalOpen(instance) { @@ -12639,7 +12667,7 @@ }, }, vnode: { - 'navbar-inner': { + navbar: { postpatch: function postpatch(vnode) { var app = this; if (!app.params.navbar[((app.theme) + "CenterTitle")]) { @@ -21975,7 +22003,7 @@ pageTitle = $itemTitleEl.length ? $itemTitleEl.text().trim() : ''; } var cssClass = ss.params.cssClass; - var pageHtml = "\n
                \n
                \n
                \n
                \n
                \n \n \n " + (ss.params.pageBackLinkText) + "\n \n
                \n " + (pageTitle ? ("
                " + pageTitle + "
                ") : '') + "\n " + (ss.params.searchbar ? ("
                " + (ss.renderSearchbar()) + "
                ") : '') + "\n
                \n
                \n " + (ss.params.searchbar ? '
                ' : '') + "\n
                \n
                \n
                  " + (!ss.params.virtualList && ss.renderItems(ss.items)) + "
                \n
                \n
                \n
                \n "; + var pageHtml = "\n
                \n
                \n
                \n
                \n
                \n \n \n " + (ss.params.pageBackLinkText) + "\n \n
                \n " + (pageTitle ? ("
                " + pageTitle + "
                ") : '') + "\n " + (ss.params.searchbar ? ("
                " + (ss.renderSearchbar()) + "
                ") : '') + "\n
                \n
                \n " + (ss.params.searchbar ? '
                ' : '') + "\n
                \n
                \n
                  " + (!ss.params.virtualList && ss.renderItems(ss.items)) + "
                \n
                \n
                \n
                \n "; return pageHtml; }; @@ -21988,7 +22016,7 @@ pageTitle = $itemTitleEl.length ? $itemTitleEl.text().trim() : ''; } var cssClass = ss.params.cssClass || ''; - var popupHtml = "\n
                \n
                \n
                \n
                \n
                \n
                \n " + (pageTitle ? ("
                " + pageTitle + "
                ") : '') + "\n
                \n " + (ss.params.popupCloseLinkText) + "\n
                \n " + (ss.params.searchbar ? ("
                " + (ss.renderSearchbar()) + "
                ") : '') + "\n
                \n
                \n " + (ss.params.searchbar ? '
                ' : '') + "\n
                \n
                \n
                  " + (!ss.params.virtualList && ss.renderItems(ss.items)) + "
                \n
                \n
                \n
                \n
                \n
                \n "; + var popupHtml = "\n
                \n
                \n
                \n
                \n
                \n
                \n " + (pageTitle ? ("
                " + pageTitle + "
                ") : '') + "\n
                \n " + (ss.params.popupCloseLinkText) + "\n
                \n " + (ss.params.searchbar ? ("
                " + (ss.renderSearchbar()) + "
                ") : '') + "\n
                \n
                \n " + (ss.params.searchbar ? '
                ' : '') + "\n
                \n
                \n
                  " + (!ss.params.virtualList && ss.renderItems(ss.items)) + "
                \n
                \n
                \n
                \n
                \n
                \n "; return popupHtml; }; @@ -25491,7 +25519,7 @@ var maxScrollTop; var $pageEl = $el.parents('.page'); - if ($pageEl.find('.navbar').length > 0 || $pageEl.parents('.view').children('.navbar').length > 0) { hasNavbar = true; } + if ($pageEl.find('.navbar').length > 0 || $pageEl.parents('.view').children('.navbars').length > 0) { hasNavbar = true; } if ($pageEl.hasClass('no-navbar')) { hasNavbar = false; } if (!hasNavbar && !ptr.bottom) { $el.addClass('ptr-no-navbar'); } @@ -26720,7 +26748,7 @@ $el[0].f7Searchbar = sb; var $pageEl; - var $navbarEl = $el.parents('.navbar-inner'); + var $navbarEl = $el.parents('.navbar'); if ($el.parents('.page').length > 0) { $pageEl = $el.parents('.page'); } else if ($navbarEl.length > 0) { @@ -26887,7 +26915,7 @@ if (sb.enabled) { sb.$el.removeClass('searchbar-enabled'); if (sb.expandable) { - sb.$el.parents('.navbar-inner').removeClass('with-searchbar-expandable-enabled with-searchbar-expandable-enabled-no-transition'); + sb.$el.parents('.navbar').removeClass('with-searchbar-expandable-enabled with-searchbar-expandable-enabled-no-transition'); } } } @@ -26896,7 +26924,7 @@ if (sb.enabled) { sb.$el.addClass('searchbar-enabled'); if (sb.expandable) { - sb.$el.parents('.navbar-inner').addClass('with-searchbar-expandable-enabled-no-transition'); + sb.$el.parents('.navbar').addClass('with-searchbar-expandable-enabled-no-transition'); } } } @@ -26993,14 +27021,14 @@ sb.$disableButtonEl.css(("margin-" + (app.rtl ? 'left' : 'right')), '0px'); } if (sb.expandable) { - if (sb.$el.parents('.navbar-inner').hasClass('navbar-inner-large') && sb.$pageEl) { + if (sb.$el.parents('.navbar').hasClass('navbar-large') && sb.$pageEl) { sb.$pageEl.find('.page-content').addClass('with-searchbar-expandable-enabled'); } - if (app.theme === 'md' && sb.$el.parent('.navbar-inner').parent('.navbar').length) { - sb.$el.parent('.navbar-inner').parent('.navbar').addClass('with-searchbar-expandable-enabled'); + if (app.theme === 'md' && sb.$el.parents('.navbar').length) { + sb.$el.parents('.navbar').addClass('with-searchbar-expandable-enabled'); } else { - sb.$el.parent('.navbar-inner').addClass('with-searchbar-expandable-enabled'); - sb.$el.parent('.navbar-inner-large').addClass('navbar-inner-large-collapsed'); + sb.$el.parents('.navbar').addClass('with-searchbar-expandable-enabled'); + sb.$el.parents('.navbar-large').addClass('navbar-large-collapsed'); } } if (sb.$hideOnEnableEl) { sb.$hideOnEnableEl.addClass('hidden-by-searchbar'); } @@ -27031,7 +27059,7 @@ } else { if (needsFocus) { sb.$inputEl.focus(); } if (app.theme === 'md' && sb.expandable) { - sb.$el.parents('.page, .view, .navbar-inner').scrollLeft(0); + sb.$el.parents('.page, .view, .navbar-inner, .navbar').scrollLeft(0); } enable(); } @@ -27045,25 +27073,25 @@ sb.$inputEl.val('').trigger('change'); sb.$el.removeClass('searchbar-enabled searchbar-focused searchbar-enabled-no-disable-button'); if (sb.expandable) { - if (sb.$el.parents('.navbar-inner').hasClass('navbar-inner-large') && sb.$pageEl) { + if (sb.$el.parents('.navbar').hasClass('navbar-large') && sb.$pageEl) { sb.$pageEl.find('.page-content').removeClass('with-searchbar-expandable-enabled').addClass('with-searchbar-expandable-closing'); sb.$el.transitionEnd(function () { sb.$pageEl.find('.page-content').removeClass('with-searchbar-expandable-closing'); }); } - if (app.theme === 'md' && sb.$el.parent('.navbar-inner').parent('.navbar').length) { - sb.$el.parent('.navbar-inner').parent('.navbar') + if (app.theme === 'md' && sb.$el.parents('.navbar').length) { + sb.$el.parents('.navbar') .removeClass('with-searchbar-expandable-enabled with-searchbar-expandable-enabled-no-transition') .addClass('with-searchbar-expandable-closing'); sb.$el.transitionEnd(function () { - sb.$el.parent('.navbar-inner').parent('.navbar').removeClass('with-searchbar-expandable-closing'); + sb.$el.parents('.navbar').removeClass('with-searchbar-expandable-closing'); }); } else { - sb.$el.parent('.navbar-inner') + sb.$el.parents('.navbar') .removeClass('with-searchbar-expandable-enabled with-searchbar-expandable-enabled-no-transition') .addClass('with-searchbar-expandable-closing'); sb.$el.transitionEnd(function () { - sb.$el.parent('.navbar-inner').removeClass('with-searchbar-expandable-closing'); + sb.$el.parents('.navbar').removeClass('with-searchbar-expandable-closing'); }); if (sb.$pageEl) { sb.$pageEl.find('.page-content').trigger('scroll'); @@ -34939,7 +34967,7 @@ var backLinkText = (pb.app.theme === 'ios' || pb.app.theme === 'aurora') && pb.params.backLinkText ? pb.params.backLinkText : ''; var isPopup = pb.params.type !== 'page'; - var navbarHtml = ("\n
                \n
                \n
                \n
                \n \n \n " + (backLinkText ? ("" + backLinkText + "") : '') + "\n \n
                \n
                \n \n " + (pb.params.navbarOfText) + "\n \n
                \n
                \n
                \n
                \n ").trim(); + var navbarHtml = ("\n
                \n
                \n
                \n
                \n \n \n " + (backLinkText ? ("" + backLinkText + "") : '') + "\n \n
                \n
                \n \n " + (pb.params.navbarOfText) + "\n \n
                \n
                \n
                \n
                \n ").trim(); return navbarHtml; }; @@ -36205,7 +36233,7 @@ var navbarRight = inPopup ? ("\n
                \n \n " + (ac.params.popupCloseLinkText) + "\n \n
                \n ") : ("\n " + (ac.params.preloader ? ("\n
                \n " + (ac.renderPreloader()) + "\n
                \n ") : '') + "\n "); - var navbarHtml = ("\n
                \n
                \n
                \n " + navbarLeft + "\n " + (pageTitle ? ("
                " + pageTitle + "
                ") : '') + "\n " + navbarRight + "\n
                " + (ac.renderSearchbar()) + "
                \n
                \n
                \n ").trim(); + var navbarHtml = ("\n
                \n
                \n
                \n " + navbarLeft + "\n " + (pageTitle ? ("
                " + pageTitle + "
                ") : '') + "\n " + navbarRight + "\n
                " + (ac.renderSearchbar()) + "
                \n
                \n
                \n ").trim(); return navbarHtml; }; @@ -38870,7 +38898,7 @@ var navbarTitleText = ref.navbarTitleText; var navbarBackLinkText = ref.navbarBackLinkText; var navbarCloseText = ref.navbarCloseText; - return ("\n
                \n
                \n
                \n " + (openIn === 'page' ? ("\n
                \n \n \n " + navbarBackLinkText + "\n \n
                \n ") : '') + "\n
                " + navbarTitleText + "
                \n " + (openIn !== 'page' ? ("\n
                \n " + navbarCloseText + "\n
                \n ") : '') + "\n
                \n
                \n ").trim(); + return ("\n
                \n
                \n
                \n " + (openIn === 'page' ? ("\n
                \n \n \n " + navbarBackLinkText + "\n \n
                \n ") : '') + "\n
                " + navbarTitleText + "
                \n " + (openIn !== 'page' ? ("\n
                \n " + navbarCloseText + "\n
                \n ") : '') + "\n
                \n
                \n ").trim(); }; ColorPicker.prototype.renderToolbar = function renderToolbar () { diff --git a/packages/core/js/framework7.bundle.min.js b/packages/core/js/framework7.bundle.min.js index 9f8456ba39..3bc8ed8e69 100644 --- a/packages/core/js/framework7.bundle.min.js +++ b/packages/core/js/framework7.bundle.min.js @@ -1,5 +1,5 @@ /** - * Framework7 5.0.0-beta.2 + * Framework7 5.0.0-beta.3 * Full featured mobile HTML framework for building iOS & Android apps * http://framework7.io/ * @@ -7,8 +7,8 @@ * * Released under the MIT License * - * Released on: July 22, 2019 + * Released on: August 6, 2019 */ -!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).Framework7=t()}(this,function(){"use strict";var t7ctx;t7ctx="undefined"!=typeof window?window:"undefined"!=typeof global?global:void 0;var Template7Context=t7ctx,Template7Utils={quoteSingleRexExp:new RegExp("'","g"),quoteDoubleRexExp:new RegExp('"',"g"),isFunction:function(e){return"function"==typeof e},escape:function(e){return void 0===e&&(e=""),e.replace(/&/g,"&").replace(//g,">").replace(/"/g,""").replace(/'/g,"'")},helperToSlices:function(e){var t,a,r,i=Template7Utils.quoteDoubleRexExp,n=Template7Utils.quoteSingleRexExp,s=e.replace(/[{}#}]/g,"").trim().split(" "),o=[];for(a=0;a=0){t=r,o.push(l);break}t&&(a=t)}else if(l.indexOf("=")>0){var d=l.split("="),u=d[0],h=d[1];if(p||(p=0===h.indexOf('"')?i:n,c=0===h.indexOf('"')?'"':"'"),2!==h.match(p).length){for(t=0,r=a+1;r=0){t=r;break}t&&(a=t)}var f=[u,h.replace(p,"")];o.push(f)}else o.push(l)}return o},stringToBlocks:function(e){var t,a,r=[];if(!e)return[];var i=e.split(/({{[^{^}]*}})/);for(t=0;t=0)continue;if((n=n.replace(/{{([#\/])*([ ])*/,"{{$1").replace(/([ ])*}}/,"}}")).indexOf("{#")<0&&n.indexOf(" ")<0&&n.indexOf("else")<0){r.push({type:"variable",contextName:n.replace(/[{}]/g,"")});continue}var s=Template7Utils.helperToSlices(n),o=s[0],l=">"===o,p=[],c={};for(a=1;a=0){var u="",h="",f=0,v=void 0,m=!1,g=!1,b=0;for(a=t+1;a=0&&(b+=1),i[a].indexOf("{{/")>=0&&(b-=1),i[a].indexOf("{{#"+o)>=0)u+=i[a],g&&(h+=i[a]),f+=1;else if(i[a].indexOf("{{/"+o)>=0){if(!(f>0)){v=a,m=!0;break}f-=1,u+=i[a],g&&(h+=i[a])}else i[a].indexOf("else")>=0&&0===b?g=!0:(g||(u+=i[a]),g&&(h+=i[a]));m&&(v&&(t=v),"raw"===o?r.push({type:"plain",content:u}):r.push({type:"helper",helperName:o,contextName:p,content:u,inverseContent:h,hash:c}))}else n.indexOf(" ")>0&&(l&&(o="_partial",p[0]&&(0===p[0].indexOf("[")?p[0]=p[0].replace(/[[\]]/g,""):p[0]='"'+p[0].replace(/"|'/g,"")+'"')),r.push({type:"helper",helperName:o,contextName:p,hash:c}))}}return r},parseJsVariable:function(e,t,a){return e.split(/([+ \-*\/^()&=|<>!%:?])/g).reduce(function(e,r){if(!r)return e;if(r.indexOf(t)<0)return e.push(r),e;if(!a)return e.push(JSON.stringify("")),e;var i=a;return r.indexOf(t+".")>=0&&r.split(t+".")[1].split(".").forEach(function(e){i=e in i?i[e]:void 0}),("string"==typeof i||Array.isArray(i)||i.constructor&&i.constructor===Object)&&(i=JSON.stringify(i)),void 0===i&&(i="undefined"),e.push(i),e},[]).join("")},parseJsParents:function(e,t){return e.split(/([+ \-*^()&=|<>!%:?])/g).reduce(function(e,a){if(!a)return e;if(a.indexOf("../")<0)return e.push(a),e;if(!t||0===t.length)return e.push(JSON.stringify("")),e;var r=a.split("../").length-1,i=r>t.length?t[t.length-1]:t[r-1];return a.replace(/..\//g,"").split(".").forEach(function(e){i=void 0!==i[e]?i[e]:"undefined"}),!1===i||!0===i?(e.push(JSON.stringify(i)),e):null===i||"undefined"===i?(e.push(JSON.stringify("")),e):(e.push(JSON.stringify(i)),e)},[]).join("")},getCompileVar:function(e,t,a){void 0===a&&(a="data_1");var r,i,n=t,s=0;0===e.indexOf("../")?(s=e.split("../").length-1,i=n.split("_")[1]-s,n="ctx_"+(i>=1?i:1),r=e.split("../")[s].split(".")):0===e.indexOf("@global")?(n="Template7.global",r=e.split("@global.")[1].split(".")):0===e.indexOf("@root")?(n="root",r=e.split("@root.")[1].split(".")):r=e.split(".");for(var o=0;o0&&(p=i),o>0?n+="[(data_"+p+" && data_"+p+"."+l.replace("@","")+")]":n="(data_"+p+" && data_"+p+"."+l.replace("@","")+")"}else(Number.isFinite?Number.isFinite(l):Template7Context.isFinite(l))?n+="["+l+"]":"this"===l||l.indexOf("this.")>=0||l.indexOf("this[")>=0||l.indexOf("this(")>=0?n=l.replace("this",t):n+="."+l}return n},getCompiledArguments:function(e,t,a){for(var r=[],i=0;i0?r:t.inverse(this)},with:function(e,t){var a=e;return Template7Utils.isFunction(a)&&(a=e.call(this)),t.fn(a)},join:function(e,t){var a=e;return Template7Utils.isFunction(a)&&(a=a.call(this)),a.join(t.hash.delimiter||t.hash.delimeter)},js:function js(expression,options){var data=options.data,func,execute=expression;return"index first last key".split(" ").forEach(function(e){if(void 0!==data[e]){var t=new RegExp("this.@"+e,"g"),a=new RegExp("@"+e,"g");execute=execute.replace(t,JSON.stringify(data[e])).replace(a,JSON.stringify(data[e]))}}),options.root&&execute.indexOf("@root")>=0&&(execute=Template7Utils.parseJsVariable(execute,"@root",options.root)),execute.indexOf("@global")>=0&&(execute=Template7Utils.parseJsVariable(execute,"@global",Template7Context.Template7.global)),execute.indexOf("../")>=0&&(execute=Template7Utils.parseJsParents(execute,options.parents)),func=execute.indexOf("return")>=0?"(function(){"+execute+"})":"(function(){return ("+execute+")})",eval(func).call(this)},js_if:function js_if(expression,options){var data=options.data,func,execute=expression;"index first last key".split(" ").forEach(function(e){if(void 0!==data[e]){var t=new RegExp("this.@"+e,"g"),a=new RegExp("@"+e,"g");execute=execute.replace(t,JSON.stringify(data[e])).replace(a,JSON.stringify(data[e]))}}),options.root&&execute.indexOf("@root")>=0&&(execute=Template7Utils.parseJsVariable(execute,"@root",options.root)),execute.indexOf("@global")>=0&&(execute=Template7Utils.parseJsVariable(execute,"@global",Template7Context.Template7.global)),execute.indexOf("../")>=0&&(execute=Template7Utils.parseJsParents(execute,options.parents)),func=execute.indexOf("return")>=0?"(function(){"+execute+"})":"(function(){return ("+execute+")})";var condition=eval(func).call(this);return condition?options.fn(this,options.data):options.inverse(this,options.data)}};Template7Helpers.js_compare=Template7Helpers.js_if;var Template7Options={},Template7Partials={},Template7Class=function(e){this.template=e},staticAccessors={options:{configurable:!0},partials:{configurable:!0},helpers:{configurable:!0}};function Template7(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var a=e[0],r=e[1];if(2===e.length){var i=new Template7Class(a),n=i.compile()(r);return i=null,n}return new Template7Class(a)}Template7Class.prototype.compile=function compile(template,depth){void 0===template&&(template=this.template),void 0===depth&&(depth=1);var t=this;if(t.compiled)return t.compiled;if("string"!=typeof template)throw new Error("Template7: Template must be a string");var stringToBlocks=Template7Utils.stringToBlocks,getCompileVar=Template7Utils.getCompileVar,getCompiledArguments=Template7Utils.getCompiledArguments,blocks=stringToBlocks(template),ctx="ctx_"+depth,data="data_"+depth;if(0===blocks.length)return function(){return""};function getCompileFn(e,a){return e.content?t.compile(e.content,a):function(){return""}}function getCompileInverse(e,a){return e.inverseContent?t.compile(e.inverseContent,a):function(){return""}}var resultString="",i;for(resultString+=1===depth?"(function ("+ctx+", "+data+", root) {\n":"(function ("+ctx+", "+data+") {\n",1===depth&&(resultString+="function isArray(arr){return Array.isArray(arr);}\n",resultString+="function isFunction(func){return (typeof func === 'function');}\n",resultString+='function c(val, ctx) {if (typeof val !== "undefined" && val !== null) {if (isFunction(val)) {return val.call(ctx);} else return val;} else return "";}\n',resultString+="root = root || ctx_1 || {};\n"),resultString+="var r = '';\n",i=0;i=1;j-=1)parentsString+=", ctx_"+j;parents="["+parentsString+"]"}else parents="["+ctx+"]";var dynamicHelper=void 0;if(0===block.helperName.indexOf("[")&&(block.helperName=getCompileVar(block.helperName.replace(/[[\]]/g,""),ctx,data),dynamicHelper=!0),dynamicHelper||block.helperName in Template7Helpers)compiledArguments=getCompiledArguments(block.contextName,ctx,data),resultString+="r += (Template7Helpers"+(dynamicHelper?"["+block.helperName+"]":"."+block.helperName)+").call("+ctx+", "+(compiledArguments&&compiledArguments+", ")+"{hash:"+JSON.stringify(block.hash)+", data: "+data+" || {}, fn: "+getCompileFn(block,depth+1)+", inverse: "+getCompileInverse(block,depth+1)+", root: root, parents: "+parents+"});";else{if(block.contextName.length>0)throw new Error('Template7: Missing helper: "'+block.helperName+'"');variable=getCompileVar(block.helperName,ctx,data),resultString+="if ("+variable+") {",resultString+="if (isArray("+variable+")) {",resultString+="r += (Template7Helpers.each).call("+ctx+", "+variable+", {hash:"+JSON.stringify(block.hash)+", data: "+data+" || {}, fn: "+getCompileFn(block,depth+1)+", inverse: "+getCompileInverse(block,depth+1)+", root: root, parents: "+parents+"});",resultString+="}else {",resultString+="r += (Template7Helpers.with).call("+ctx+", "+variable+", {hash:"+JSON.stringify(block.hash)+", data: "+data+" || {}, fn: "+getCompileFn(block,depth+1)+", inverse: "+getCompileInverse(block,depth+1)+", root: root, parents: "+parents+"});",resultString+="}}"}}}else resultString+="r +='"+block.content.replace(/\r/g,"\\r").replace(/\n/g,"\\n").replace(/'/g,"\\'")+"';"}return resultString+="\nreturn r;})",1===depth?(t.compiled=eval(resultString),t.compiled):resultString},staticAccessors.options.get=function(){return Template7Options},staticAccessors.partials.get=function(){return Template7Partials},staticAccessors.helpers.get=function(){return Template7Helpers},Object.defineProperties(Template7Class,staticAccessors),Template7.registerHelper=function(e,t){Template7Class.helpers[e]=t},Template7.unregisterHelper=function(e){Template7Class.helpers[e]=void 0,delete Template7Class.helpers[e]},Template7.registerPartial=function(e,t){Template7Class.partials[e]={template:t}},Template7.unregisterPartial=function(e){Template7Class.partials[e]&&(Template7Class.partials[e]=void 0,delete Template7Class.partials[e])},Template7.compile=function(e,t){return new Template7Class(e,t).compile()},Template7.options=Template7Class.options,Template7.helpers=Template7Class.helpers,Template7.partials=Template7Class.partials;var doc="undefined"==typeof document?{body:{},addEventListener:function(){},removeEventListener:function(){},activeElement:{blur:function(){},nodeName:""},querySelector:function(){return null},querySelectorAll:function(){return[]},getElementById:function(){return null},createEvent:function(){return{initEvent:function(){}}},createElement:function(){return{children:[],childNodes:[],style:{},setAttribute:function(){},getElementsByTagName:function(){return[]}}},location:{hash:""}}:document,win="undefined"==typeof window?{document:doc,navigator:{userAgent:""},location:{},history:{},CustomEvent:function(){return this},addEventListener:function(){},removeEventListener:function(){},getComputedStyle:function(){return{getPropertyValue:function(){return""}}},Image:function(){},Date:function(){},screen:{},setTimeout:function(){},clearTimeout:function(){}}:window,Dom7=function(e){for(var t=0;t=0&&s.indexOf(">")>=0){var o="div";for(0===s.indexOf(":~]/)?(t||doc).querySelectorAll(e.trim()):[doc.getElementById(e.trim().split("#")[1])],r=0;r0&&e[0].nodeType)for(r=0;r=0&&(t[toCamelCase(i.name.split("data-")[1])]=i.value)}for(var n in t)"false"===t[n]?t[n]=!1:"true"===t[n]?t[n]=!0:parseFloat(t[n])===1*t[n]&&(t[n]*=1);return t}}function val(e){if(void 0!==e){for(var t=0;t=0;else a.value=e}return this}if(this[0]){if(this[0].multiple&&"select"===this[0].nodeName.toLowerCase()){for(var i=[],n=0;n=0;h-=1){var f=u[h];n&&f.listener===n?(d.removeEventListener(p,f.proxyListener,s),u.splice(h,1)):n&&f.listener&&f.listener.dom7proxy&&f.listener.dom7proxy===n?(d.removeEventListener(p,f.proxyListener,s),u.splice(h,1)):n||(d.removeEventListener(p,f.proxyListener,s),u.splice(h,1))}}return this}function once(){for(var e,t=[],a=arguments.length;a--;)t[a]=arguments[a];var r=this,i=t[0],n=t[1],s=t[2],o=t[3];function l(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];s.apply(this,e),r.off(i,n,l,o),l.dom7proxy&&delete l.dom7proxy}return"function"==typeof t[1]&&(i=(e=t)[0],s=e[1],o=e[2],n=void 0),l.dom7proxy=s,r.on(i,n,l,o)}function trigger(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];for(var a=e[0].split(" "),r=e[1],i=0;i0}),o.dispatchEvent(l),o.dom7EventData=[],delete o.dom7EventData}return this}function transitionEnd(e){var t,a=["webkitTransitionEnd","transitionend"],r=this;function i(n){if(n.target===this)for(e.call(this,n),t=0;t0?parseFloat(this.css("width")):null}function outerWidth(e){if(this.length>0){if(e){var t=this.styles();return this[0].offsetWidth+parseFloat(t.getPropertyValue("margin-right"))+parseFloat(t.getPropertyValue("margin-left"))}return this[0].offsetWidth}return null}function height(){return this[0]===win?win.innerHeight:this.length>0?parseFloat(this.css("height")):null}function outerHeight(e){if(this.length>0){if(e){var t=this.styles();return this[0].offsetHeight+parseFloat(t.getPropertyValue("margin-top"))+parseFloat(t.getPropertyValue("margin-bottom"))}return this[0].offsetHeight}return null}function offset(){if(this.length>0){var e=this[0],t=e.getBoundingClientRect(),a=doc.body,r=e.clientTop||a.clientTop||0,i=e.clientLeft||a.clientLeft||0,n=e===win?win.scrollY:e.scrollTop,s=e===win?win.scrollX:e.scrollLeft;return{top:t.top+n-r,left:t.left+s-i}}return null}function hide(){for(var e=0;ea-1?[]:e<0?(t=a+e)<0?[]:[this[t]]:[this[e]])}function append(){for(var e,t=[],a=arguments.length;a--;)t[a]=arguments[a];for(var r=0;r=0;a-=1)this[t].insertBefore(r.childNodes[a],this[t].childNodes[0])}else if(e instanceof Dom7)for(a=0;a1)for(var r=0;r1)for(var r=0;r0?e?this[0].nextElementSibling&&$(this[0].nextElementSibling).is(e)?new Dom7([this[0].nextElementSibling]):new Dom7([]):this[0].nextElementSibling?new Dom7([this[0].nextElementSibling]):new Dom7([]):new Dom7([])}function nextAll(e){var t=[],a=this[0];if(!a)return new Dom7([]);for(;a.nextElementSibling;){var r=a.nextElementSibling;e?$(r).is(e)&&t.push(r):t.push(r),a=r}return new Dom7(t)}function prev(e){if(this.length>0){var t=this[0];return e?t.previousElementSibling&&$(t.previousElementSibling).is(e)?new Dom7([t.previousElementSibling]):new Dom7([]):t.previousElementSibling?new Dom7([t.previousElementSibling]):new Dom7([])}return new Dom7([])}function prevAll(e){var t=[],a=this[0];if(!a)return new Dom7([]);for(;a.previousElementSibling;){var r=a.previousElementSibling;e?$(r).is(e)&&t.push(r):t.push(r),a=r}return new Dom7(t)}function siblings(e){return this.nextAll(e).add(this.prevAll(e))}function parent(e){for(var t=[],a=0;a0||0===i,v=r>0||0===r;if(void 0===s&&(s="swing"),f&&(e=h.scrollTop,n||(h.scrollTop=i)),v&&(t=h.scrollLeft,n||(h.scrollLeft=r)),n){f&&(a=h.scrollHeight-h.offsetHeight,p=Math.max(Math.min(i,a),0)),v&&(l=h.scrollWidth-h.offsetWidth,c=Math.max(Math.min(r,l),0));var m=null;f&&p===e&&(f=!1),v&&c===t&&(v=!1),requestAnimationFrame(function a(r){void 0===r&&(r=(new Date).getTime()),null===m&&(m=r);var i,l=Math.max(Math.min((r-m)/n,1),0),g="linear"===s?l:.5-Math.cos(l*Math.PI)/2;f&&(d=e+g*(p-e)),v&&(u=t+g*(c-t)),f&&p>e&&d>=p&&(h.scrollTop=p,i=!0),f&&pt&&u>=c&&(h.scrollLeft=c,i=!0),v&&c0?this[0].scrollTop:null:this.scrollTo(void 0,r,i,n,s)}function scrollLeft(){for(var e,t=[],a=arguments.length;a--;)t[a]=arguments[a];var r=t[0],i=t[1],n=t[2],s=t[3];3===t.length&&"function"==typeof n&&(r=(e=t)[0],i=e[1],s=e[2],n=e[3]);return void 0===r?this.length>0?this[0].scrollLeft:null:this.scrollTo(r,void 0,i,n,s)}var Scroll=Object.freeze({scrollTo:scrollTo,scrollTop:scrollTop,scrollLeft:scrollLeft});function animate(e,t){var a,r=this,i={props:Object.assign({},e),params:Object.assign({duration:300,easing:"swing"},t),elements:r,animating:!1,que:[],easingProgress:function(e,t){return"swing"===e?.5-Math.cos(t*Math.PI)/2:"function"==typeof e?e(t):t},stop:function(){i.frameId&&cancelAnimationFrame(i.frameId),i.animating=!1,i.elements.each(function(e,t){delete t.dom7AnimateInstance}),i.que=[]},done:function(e){if(i.animating=!1,i.elements.each(function(e,t){delete t.dom7AnimateInstance}),e&&e(r),i.que.length>0){var t=i.que.shift();i.animate(t[0],t[1])}},animate:function(e,t){if(i.animating)return i.que.push([e,t]),i;var a=[];i.elements.each(function(t,r){var n,s,o,l,p;r.dom7AnimateInstance||(i.elements[t].dom7AnimateInstance=i),a[t]={container:r},Object.keys(e).forEach(function(i){n=win.getComputedStyle(r,null).getPropertyValue(i).replace(",","."),s=parseFloat(n),o=n.replace(s,""),l=parseFloat(e[i]),p=e[i]+o,a[t][i]={initialFullValue:n,initialValue:s,unit:o,finalValue:l,finalFullValue:p,currentValue:s}})});var n,s,o=null,l=0,p=0,c=!1;return i.animating=!0,i.frameId=requestAnimationFrame(function d(){var u,h;n=(new Date).getTime(),c||(c=!0,t.begin&&t.begin(r)),null===o&&(o=n),t.progress&&t.progress(r,Math.max(Math.min((n-o)/t.duration,1),0),o+t.duration-n<0?0:o+t.duration-n,o),a.forEach(function(r){var c=r;s||c.done||Object.keys(e).forEach(function(r){if(!s&&!c.done){u=Math.max(Math.min((n-o)/t.duration,1),0),h=i.easingProgress(t.easing,u);var d=c[r],f=d.initialValue,v=d.finalValue,m=d.unit;c[r].currentValue=f+h*(v-f);var g=c[r].currentValue;(v>f&&g>=v||v0;)a[r]=arguments[r+1];if(void 0===a[0]){for(var i=0;i0?a=s:t=s}while(Math.abs(n)>SUBDIVISION_PRECISION&&++o=NEWTON_MIN_SLOPE?newtonRaphsonIterate(t,o,e,a):0===l?o:binarySubdivide(t,r,r+kSampleStepSize,e,a)}(n),t,r)}}for(var defaultDiacriticsRemovalap=[{base:"A",letters:"AⒶＡÀÁÂẦẤẪẨÃĀĂẰẮẴẲȦǠÄǞẢÅǺǍȀȂẠẬẶḀĄȺⱯ"},{base:"AA",letters:"Ꜳ"},{base:"AE",letters:"ÆǼǢ"},{base:"AO",letters:"Ꜵ"},{base:"AU",letters:"Ꜷ"},{base:"AV",letters:"ꜸꜺ"},{base:"AY",letters:"Ꜽ"},{base:"B",letters:"BⒷＢḂḄḆɃƂƁ"},{base:"C",letters:"CⒸＣĆĈĊČÇḈƇȻꜾ"},{base:"D",letters:"DⒹＤḊĎḌḐḒḎĐƋƊƉꝹ"},{base:"DZ",letters:"DZDŽ"},{base:"Dz",letters:"DzDž"},{base:"E",letters:"EⒺＥÈÉÊỀẾỄỂẼĒḔḖĔĖËẺĚȄȆẸỆȨḜĘḘḚƐƎ"},{base:"F",letters:"FⒻＦḞƑꝻ"},{base:"G",letters:"GⒼＧǴĜḠĞĠǦĢǤƓꞠꝽꝾ"},{base:"H",letters:"HⒽＨĤḢḦȞḤḨḪĦⱧⱵꞍ"},{base:"I",letters:"IⒾＩÌÍÎĨĪĬİÏḮỈǏȈȊỊĮḬƗ"},{base:"J",letters:"JⒿＪĴɈ"},{base:"K",letters:"KⓀＫḰǨḲĶḴƘⱩꝀꝂꝄꞢ"},{base:"L",letters:"LⓁＬĿĹĽḶḸĻḼḺŁȽⱢⱠꝈꝆꞀ"},{base:"LJ",letters:"LJ"},{base:"Lj",letters:"Lj"},{base:"M",letters:"MⓂＭḾṀṂⱮƜ"},{base:"N",letters:"NⓃＮǸŃÑṄŇṆŅṊṈȠƝꞐꞤ"},{base:"NJ",letters:"NJ"},{base:"Nj",letters:"Nj"},{base:"O",letters:"OⓄＯÒÓÔỒỐỖỔÕṌȬṎŌṐṒŎȮȰÖȪỎŐǑȌȎƠỜỚỠỞỢỌỘǪǬØǾƆƟꝊꝌ"},{base:"OI",letters:"Ƣ"},{base:"OO",letters:"Ꝏ"},{base:"OU",letters:"Ȣ"},{base:"OE",letters:"ŒŒ"},{base:"oe",letters:"œœ"},{base:"P",letters:"PⓅＰṔṖƤⱣꝐꝒꝔ"},{base:"Q",letters:"QⓆＱꝖꝘɊ"},{base:"R",letters:"RⓇＲŔṘŘȐȒṚṜŖṞɌⱤꝚꞦꞂ"},{base:"S",letters:"SⓈＳẞŚṤŜṠŠṦṢṨȘŞⱾꞨꞄ"},{base:"T",letters:"TⓉＴṪŤṬȚŢṰṮŦƬƮȾꞆ"},{base:"TZ",letters:"Ꜩ"},{base:"U",letters:"UⓊＵÙÚÛŨṸŪṺŬÜǛǗǕǙỦŮŰǓȔȖƯỪỨỮỬỰỤṲŲṶṴɄ"},{base:"V",letters:"VⓋＶṼṾƲꝞɅ"},{base:"VY",letters:"Ꝡ"},{base:"W",letters:"WⓌＷẀẂŴẆẄẈⱲ"},{base:"X",letters:"XⓍＸẊẌ"},{base:"Y",letters:"YⓎＹỲÝŶỸȲẎŸỶỴƳɎỾ"},{base:"Z",letters:"ZⓏＺŹẐŻŽẒẔƵȤⱿⱫꝢ"},{base:"a",letters:"aⓐａẚàáâầấẫẩãāăằắẵẳȧǡäǟảåǻǎȁȃạậặḁąⱥɐ"},{base:"aa",letters:"ꜳ"},{base:"ae",letters:"æǽǣ"},{base:"ao",letters:"ꜵ"},{base:"au",letters:"ꜷ"},{base:"av",letters:"ꜹꜻ"},{base:"ay",letters:"ꜽ"},{base:"b",letters:"bⓑｂḃḅḇƀƃɓ"},{base:"c",letters:"cⓒｃćĉċčçḉƈȼꜿↄ"},{base:"d",letters:"dⓓｄḋďḍḑḓḏđƌɖɗꝺ"},{base:"dz",letters:"dzdž"},{base:"e",letters:"eⓔｅèéêềếễểẽēḕḗĕėëẻěȅȇẹệȩḝęḙḛɇɛǝ"},{base:"f",letters:"fⓕｆḟƒꝼ"},{base:"g",letters:"gⓖｇǵĝḡğġǧģǥɠꞡᵹꝿ"},{base:"h",letters:"hⓗｈĥḣḧȟḥḩḫẖħⱨⱶɥ"},{base:"hv",letters:"ƕ"},{base:"i",letters:"iⓘｉìíîĩīĭïḯỉǐȉȋịįḭɨı"},{base:"j",letters:"jⓙｊĵǰɉ"},{base:"k",letters:"kⓚｋḱǩḳķḵƙⱪꝁꝃꝅꞣ"},{base:"l",letters:"lⓛｌŀĺľḷḹļḽḻſłƚɫⱡꝉꞁꝇ"},{base:"lj",letters:"lj"},{base:"m",letters:"mⓜｍḿṁṃɱɯ"},{base:"n",letters:"nⓝｎǹńñṅňṇņṋṉƞɲʼnꞑꞥ"},{base:"nj",letters:"nj"},{base:"o",letters:"oⓞｏòóôồốỗổõṍȭṏōṑṓŏȯȱöȫỏőǒȍȏơờớỡởợọộǫǭøǿɔꝋꝍɵ"},{base:"oi",letters:"ƣ"},{base:"ou",letters:"ȣ"},{base:"oo",letters:"ꝏ"},{base:"p",letters:"pⓟｐṕṗƥᵽꝑꝓꝕ"},{base:"q",letters:"qⓠｑɋꝗꝙ"},{base:"r",letters:"rⓡｒŕṙřȑȓṛṝŗṟɍɽꝛꞧꞃ"},{base:"s",letters:"sⓢｓßśṥŝṡšṧṣṩșşȿꞩꞅẛ"},{base:"t",letters:"tⓣｔṫẗťṭțţṱṯŧƭʈⱦꞇ"},{base:"tz",letters:"ꜩ"},{base:"u",letters:"uⓤｕùúûũṹūṻŭüǜǘǖǚủůűǔȕȗưừứữửựụṳųṷṵʉ"},{base:"v",letters:"vⓥｖṽṿʋꝟʌ"},{base:"vy",letters:"ꝡ"},{base:"w",letters:"wⓦｗẁẃŵẇẅẘẉⱳ"},{base:"x",letters:"xⓧｘẋẍ"},{base:"y",letters:"yⓨｙỳýŷỹȳẏÿỷẙỵƴɏỿ"},{base:"z",letters:"zⓩｚźẑżžẓẕƶȥɀⱬꝣ"}],diacriticsMap={},i=0;i\n \n \n \n \n \n \n \n \n '.trim(),iosPreloaderContent:('\n \n '+[0,1,2,3,4,5,6,7,8,9,10,11].map(function(){return''}).join("")+"\n \n ").trim(),auroraPreloaderContent:'\n \n \n \n ',eventNameToColonCase:function(e){var t;return e.split("").map(function(e,a){return e.match(/[A-Z]/)&&0!==a&&!t?(t=!0,":"+e.toLowerCase()):e.toLowerCase()}).join("")},deleteProps:function(e){var t=e;Object.keys(t).forEach(function(e){try{t[e]=null}catch(e){}try{delete t[e]}catch(e){}})},bezier:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return bezier.apply(void 0,e)},nextTick:function(e,t){return void 0===t&&(t=0),setTimeout(e,t)},nextFrame:function(e){return Utils.requestAnimationFrame(function(){Utils.requestAnimationFrame(e)})},now:function(){return Date.now()},requestAnimationFrame:function(e){return win.requestAnimationFrame(e)},cancelAnimationFrame:function(e){return win.cancelAnimationFrame(e)},removeDiacritics:function(e){return e.replace(/[^\u0000-\u007E]/g,function(e){return diacriticsMap[e]||e})},parseUrlQuery:function(e){var t,a,r,i,n={},s=e||win.location.href;if("string"==typeof s&&s.length)for(i=(a=(s=s.indexOf("?")>-1?s.replace(/\S*\?/,""):"").split("&").filter(function(e){return""!==e})).length,t=0;t6&&(r=r.split(", ").map(function(e){return e.replace(",",".")}).join(", ")),i=new win.WebKitCSSMatrix("none"===r?"":r)):a=(i=n.MozTransform||n.OTransform||n.MsTransform||n.msTransform||n.transform||n.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,")).toString().split(","),"x"===t&&(r=win.WebKitCSSMatrix?i.m41:16===a.length?parseFloat(a[12]):parseFloat(a[4])),"y"===t&&(r=win.WebKitCSSMatrix?i.m42:16===a.length?parseFloat(a[13]):parseFloat(a[5])),r||0},serializeObject:function(e,t){if(void 0===t&&(t=[]),"string"==typeof e)return e;var a,r=[];function i(e){if(t.length>0){for(var a="",r=0;r0?2*n/r.b:r.s,[r.h,r.s,r.b]},colorThemeCSSProperties:function(){for(var e,t,a=[],r=arguments.length;r--;)a[r]=arguments[r];if(1===a.length?(e=a[0],t=Utils.colorHexToRgb(e)):3===a.length&&(t=a,e=Utils.colorRgbToHex.apply(Utils,t)),!t)return{};var i=Utils.colorRgbToHsl.apply(Utils,t),n=[i[0],i[1],Math.max(0,i[2]-.08)],s=[i[0],i[1],Math.max(0,i[2]+.08)],o=Utils.colorRgbToHex.apply(Utils,Utils.colorHslToRgb.apply(Utils,n)),l=Utils.colorRgbToHex.apply(Utils,Utils.colorHslToRgb.apply(Utils,s));return{"--f7-theme-color":e,"--f7-theme-color-rgb":t.join(", "),"--f7-theme-color-shade":o,"--f7-theme-color-tint":l}}},Support=(testDiv=doc.createElement("div"),{touch:!!(win.navigator.maxTouchPoints>0||"ontouchstart"in win||win.DocumentTouch&&doc instanceof win.DocumentTouch),pointerEvents:!!(win.navigator.pointerEnabled||win.PointerEvent||"maxTouchPoints"in win.navigator&&win.navigator.maxTouchPoints>0),prefixedPointerEvents:!!win.navigator.msPointerEnabled,transition:(style=testDiv.style,"transition"in style||"webkitTransition"in style||"MozTransition"in style),transforms3d:win.Modernizr&&!0===win.Modernizr.csstransforms3d||function(){var e=testDiv.style;return"webkitPerspective"in e||"MozPerspective"in e||"OPerspective"in e||"MsPerspective"in e||"perspective"in e}(),flexbox:function(){for(var e=doc.createElement("div").style,t="alignItems webkitAlignItems webkitBoxAlign msFlexAlign mozBoxAlign webkitFlexDirection msFlexDirection mozBoxDirection mozBoxOrient webkitBoxDirection webkitBoxOrient".split(" "),a=0;a=0||t.indexOf("Trident/")>=0,d=t.indexOf("Edge/")>=0,u=t.indexOf("Gecko/")>=0&&t.indexOf("Firefox/")>=0,h="Win32"===e,f=t.toLowerCase().indexOf("electron")>=0,v="MacIntel"===e;!o&&v&&Support.touch&&(1024===r&&1366===i||834===r&&1194===i||834===r&&1112===i||768===r&&1024===i)&&(o=t.match(/(Version)\/([\d.]+)/),v=!1),a.ie=c,a.edge=d,a.firefox=u,s&&!h&&(a.os="android",a.osVersion=s[2],a.android=!0,a.androidChrome=t.toLowerCase().indexOf("chrome")>=0),(o||p||l)&&(a.os="ios",a.ios=!0),p&&!l&&(a.osVersion=p[2].replace(/_/g,"."),a.iphone=!0),o&&(a.osVersion=o[2].replace(/_/g,"."),a.ipad=!0),l&&(a.osVersion=l[3]?l[3].replace(/_/g,"."):null,a.ipod=!0),a.ios&&a.osVersion&&t.indexOf("Version/")>=0&&"10"===a.osVersion.split(".")[0]&&(a.osVersion=t.toLowerCase().split("version/")[1].split(" ")[0]),a.webView=!(!(p||o||l)||!t.match(/.*AppleWebKit(?!.*Safari)/i)&&!win.navigator.standalone)||win.matchMedia&&win.matchMedia("(display-mode: standalone)").matches,a.webview=a.webView,a.standalone=a.webView,a.desktop=!(a.ios||a.android||n)||f,a.desktop&&(a.electron=f,a.macos=v,a.windows=h);var m=doc.querySelector('meta[name="apple-mobile-web-app-status-bar-style"]');a.needsStatusbarOverlay=function(){return!a.desktop&&(!!(a.standalone&&a.ios&&m&&"black-translucent"===m.content)||!(!(a.webView||a.android&&a.cordova)||win.innerWidth*win.innerHeight!=win.screen.width*win.screen.height))},a.statusbar=a.needsStatusbarOverlay(),a.pixelRatio=win.devicePixelRatio||1;return a.prefersColorScheme=function(){var e;return win.matchMedia&&win.matchMedia("(prefers-color-scheme: light)").matches&&(e="light"),win.matchMedia&&win.matchMedia("(prefers-color-scheme: dark)").matches&&(e="dark"),e},a}(),EventsClass=function(e){void 0===e&&(e=[]);this.eventsParents=e,this.eventsListeners={}};EventsClass.prototype.on=function(e,t,a){var r=this;if("function"!=typeof t)return r;var i=a?"unshift":"push";return e.split(" ").forEach(function(e){r.eventsListeners[e]||(r.eventsListeners[e]=[]),r.eventsListeners[e][i](t)}),r},EventsClass.prototype.once=function(e,t,a){var r=this;if("function"!=typeof t)return r;function i(){for(var a=[],n=arguments.length;n--;)a[n]=arguments[n];t.apply(r,a),r.off(e,i),i.f7proxy&&delete i.f7proxy}return i.f7proxy=t,r.on(e,i,a)},EventsClass.prototype.off=function(e,t){var a=this;return a.eventsListeners?(e.split(" ").forEach(function(e){void 0===t?a.eventsListeners[e]=[]:a.eventsListeners[e]&&a.eventsListeners[e].forEach(function(r,i){(r===t||r.f7proxy&&r.f7proxy===t)&&a.eventsListeners[e].splice(i,1)})}),a):a},EventsClass.prototype.emit=function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var a,r,i,n,s=this;if(!s.eventsListeners)return s;"string"==typeof e[0]||Array.isArray(e[0])?(a=e[0],r=e.slice(1,e.length),i=s,n=s.eventsParents):(a=e[0].events,r=e[0].data,i=e[0].context||s,n=e[0].local?[]:e[0].parents||s.eventsParents);var o=Array.isArray(a)?a:a.split(" "),l=o.map(function(e){return e.replace("local::","")}),p=o.filter(function(e){return e.indexOf("local::")<0});return l.forEach(function(e){if(s.eventsListeners&&s.eventsListeners[e]){var t=[];s.eventsListeners[e].forEach(function(e){t.push(e)}),t.forEach(function(e){e.apply(i,r)})}}),n&&n.length>0&&n.forEach(function(e){e.emit.apply(e,[p].concat(r))}),s};var Framework7Class=function(e){function t(t,a){void 0===t&&(t={}),void 0===a&&(a=[]),e.call(this,a);var r=this;r.params=t,r.params&&r.params.on&&Object.keys(r.params.on).forEach(function(e){r.on(e,r.params.on[e])})}e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t;var a={components:{configurable:!0}};return t.prototype.useModuleParams=function(e,t){if(e.params){var a={};Object.keys(e.params).forEach(function(e){void 0!==t[e]&&(a[e]=Utils.extend({},t[e]))}),Utils.extend(t,e.params),Object.keys(a).forEach(function(e){Utils.extend(t[e],a[e])})}},t.prototype.useModulesParams=function(e){var t=this;t.modules&&Object.keys(t.modules).forEach(function(a){var r=t.modules[a];r.params&&Utils.extend(e,r.params)})},t.prototype.useModule=function(e,t){void 0===e&&(e=""),void 0===t&&(t={});var a=this;if(a.modules){var r="string"==typeof e?a.modules[e]:e;r&&(r.instance&&Object.keys(r.instance).forEach(function(e){var t=r.instance[e];a[e]="function"==typeof t?t.bind(a):t}),r.on&&a.on&&Object.keys(r.on).forEach(function(e){a.on(e,r.on[e])}),r.vnode&&(a.vnodeHooks||(a.vnodeHooks={}),Object.keys(r.vnode).forEach(function(e){Object.keys(r.vnode[e]).forEach(function(t){var i=r.vnode[e][t];a.vnodeHooks[t]||(a.vnodeHooks[t]={}),a.vnodeHooks[t][e]||(a.vnodeHooks[t][e]=[]),a.vnodeHooks[t][e].push(i.bind(a))})})),r.create&&r.create.bind(a)(t))}},t.prototype.useModules=function(e){void 0===e&&(e={});var t=this;t.modules&&Object.keys(t.modules).forEach(function(a){var r=e[a]||{};t.useModule(a,r)})},a.components.set=function(e){this.use&&this.use(e)},t.installModule=function(e){for(var t=[],a=arguments.length-1;a-- >0;)t[a]=arguments[a+1];var r=this;r.prototype.modules||(r.prototype.modules={});var i=e.name||Object.keys(r.prototype.modules).length+"_"+Utils.now();return r.prototype.modules[i]=e,e.proto&&Object.keys(e.proto).forEach(function(t){r.prototype[t]=e.proto[t]}),e.static&&Object.keys(e.static).forEach(function(t){r[t]=e.static[t]}),e.install&&e.install.apply(r,t),r},t.use=function(e){for(var t=[],a=arguments.length-1;a-- >0;)t[a]=arguments[a+1];var r=this;return Array.isArray(e)?(e.forEach(function(e){return r.installModule(e)}),r):r.installModule.apply(r,[e].concat(t))},Object.defineProperties(t,a),t}(EventsClass);function ConstructorMethods(e){void 0===e&&(e={});var t=e.defaultSelector,a=e.constructor,r=e.domProp,i=e.app,n=e.addMethods,s={create:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return i?new(Function.prototype.bind.apply(a,[null].concat([i],e))):new(Function.prototype.bind.apply(a,[null].concat(e)))},get:function(e){if(void 0===e&&(e=t),e instanceof a)return e;var i=$(e);return 0!==i.length?i[0][r]:void 0},destroy:function(e){var t=s.get(e);if(t&&t.destroy)return t.destroy()}};return n&&Array.isArray(n)&&n.forEach(function(e){s[e]=function(a){void 0===a&&(a=t);for(var r=[],i=arguments.length-1;i-- >0;)r[i]=arguments[i+1];var n=s.get(a);if(n&&n[e])return n[e].apply(n,r)}}),s}function ModalMethods(e){void 0===e&&(e={});var t=e.defaultSelector,a=e.constructor,r=e.app;return Utils.extend(ConstructorMethods({defaultSelector:t,constructor:a,app:r,domProp:"f7Modal"}),{open:function(e,t){var i=$(e),n=i[0].f7Modal;return n||(n=new a(r,{el:i})),n.open(t)},close:function(e,i){void 0===e&&(e=t);var n=$(e);if(0!==n.length){var s=n[0].f7Modal;return s||(s=new a(r,{el:n})),s.close(i)}}})}var fetchedModules=[];function loadModule(e){var t=this;return new Promise(function(a,r){var i,n,s,o=t.instance;if(e){if("string"==typeof e){var l=e.match(/([a-z0-9-]*)/i);if(e.indexOf(".")<0&&l&&l[0].length===e.length){if(!o||o&&!o.params.lazyModulesPath)return void r(new Error('Framework7: "lazyModulesPath" app parameter must be specified to fetch module by name'));i=o.params.lazyModulesPath+"/"+e+".js"}else i=e}else"function"==typeof e?s=e:n=e;if(s){var p=s(t,!1);if(!p)return void r(new Error("Framework7: Can't find Framework7 component in specified component function"));if(t.prototype.modules&&t.prototype.modules[p.name])return void a();h(p),a()}if(n){var c=n;if(!c)return void r(new Error("Framework7: Can't find Framework7 component in specified component"));if(t.prototype.modules&&t.prototype.modules[c.name])return void a();h(c),a()}if(i){if(fetchedModules.indexOf(i)>=0)return void a();fetchedModules.push(i);var d=new Promise(function(e,a){t.request.get(i,function(r){var n="f7_component_loader_callback_"+Utils.id(),s=document.createElement("script");s.innerHTML="window."+n+" = function (Framework7, Framework7AutoInstallComponent) {return "+r.trim()+"}",$("head").append(s);var o=window[n];delete window[n],$(s).remove();var l=o(t,!1);l?t.prototype.modules&&t.prototype.modules[l.name]?e():(h(l),e()):a(new Error("Framework7: Can't find Framework7 component in "+i+" file"))},function(e,t){a(e,t)})}),u=new Promise(function(e){t.request.get(i.replace(".js",o.rtl?".rtl.css":".css"),function(t){var a=document.createElement("style");a.innerHTML=t,$("head").append(a),e()},function(){e()})});Promise.all([d,u]).then(function(){a()}).catch(function(e){r(e)})}}else r(new Error("Framework7: Lazy module must be specified"));function h(e){t.use(e),o&&(o.useModuleParams(e,o.params),o.useModule(e))}})}var Framework7=function(e){function t(a){if(e.call(this,a),t.instance)throw new Error("Framework7 is already initialized and can't be initialized more than once");var r=Utils.extend({},a),i=this;t.instance=i;var n={version:"1.0.0",id:"io.framework7.testapp",root:"body",theme:"auto",language:win.navigator.language,routes:[],name:"Framework7",lazyModulesPath:null,initOnDeviceReady:!0,init:!0,autoDarkTheme:!1,iosTranslucent:!0};i.useModulesParams(n),i.params=Utils.extend(n,a);var s=$(i.params.root);Utils.extend(i,{id:i.params.id,name:i.params.name,version:i.params.version,routes:i.params.routes,language:i.params.language,root:s,rtl:"rtl"===s.css("direction"),theme:"auto"===i.params.theme?Device.ios?"ios":Device.desktop&&Device.electron?"aurora":"md":i.params.theme,passedParams:r}),i.root&&i.root[0]&&(i.root[0].f7=i),i.useModules(),i.initData();var o="(prefers-color-scheme: dark)",l="(prefers-color-scheme: light)";return i.mq={},win.matchMedia&&(i.mq.dark=win.matchMedia(o),i.mq.light=win.matchMedia(l)),i.colorSchemeListener=function(e){var t=e.matches,a=e.media;if(t){var r=doc.querySelector("html");a===o?r.classList.add("theme-dark"):a===l&&r.classList.remove("theme-dark")}},i.params.init&&(Device.cordova&&i.params.initOnDeviceReady?$(doc).on("deviceready",function(){i.init()}):i.init()),i}e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t;var a={$:{configurable:!0},t7:{configurable:!0}},r={Dom7:{configurable:!0},$:{configurable:!0},Template7:{configurable:!0},Class:{configurable:!0},Events:{configurable:!0}};return t.prototype.initData=function(){var e=this;e.data={},e.params.data&&"function"==typeof e.params.data?Utils.extend(e.data,e.params.data.bind(e)()):e.params.data&&Utils.extend(e.data,e.params.data),e.methods={},e.params.methods&&Object.keys(e.params.methods).forEach(function(t){"function"==typeof e.params.methods[t]?e.methods[t]=e.params.methods[t].bind(e):e.methods[t]=e.params.methods[t]})},t.prototype.enableAutoDarkTheme=function(){if(win.matchMedia){var e=this,t=doc.querySelector("html");e.mq.dark&&e.mq.light&&(e.mq.dark.addListener(e.colorSchemeListener),e.mq.light.addListener(e.colorSchemeListener)),e.mq.dark&&e.mq.dark.matches?t.classList.add("theme-dark"):e.mq.light&&e.mq.light.matches&&t.classList.remove("theme-dark")}},t.prototype.disableAutoDarkTheme=function(){if(win.matchMedia){this.mq.dark&&this.mq.dark.removeListener(this.colorSchemeListener),this.mq.light&&this.mq.light.removeListener(this.colorSchemeListener)}},t.prototype.init=function(){var e=this;return e.initialized?e:(e.root.addClass("framework7-initializing"),e.rtl&&$("html").attr("dir","rtl"),e.params.autoDarkTheme&&e.enableAutoDarkTheme(),e.root.addClass("framework7-root"),$("html").removeClass("ios md aurora").addClass(e.theme),"ios"===e.theme&&e.params.iosTranslucent&&$("html").addClass("ios-translucent"),Utils.nextFrame(function(){e.root.removeClass("framework7-initializing")}),e.initialized=!0,e.emit("init"),e)},t.prototype.loadModule=function(){for(var e=[],a=arguments.length;a--;)e[a]=arguments[a];return t.loadModule.apply(t,e)},t.prototype.loadModules=function(){for(var e=[],a=arguments.length;a--;)e[a]=arguments[a];return t.loadModules.apply(t,e)},t.prototype.getVnodeHooks=function(e,t){return this.vnodeHooks&&this.vnodeHooks[e]&&this.vnodeHooks[e][t]||[]},a.$.get=function(){return $},a.t7.get=function(){return Template7},r.Dom7.get=function(){return $},r.$.get=function(){return $},r.Template7.get=function(){return Template7},r.Class.get=function(){return e},r.Events.get=function(){return EventsClass},Object.defineProperties(t.prototype,a),Object.defineProperties(t,r),t}(Framework7Class);Framework7.ModalMethods=ModalMethods,Framework7.ConstructorMethods=ConstructorMethods,Framework7.loadModule=loadModule,Framework7.loadModules=function(e){return Promise.all(e.map(function(e){return Framework7.loadModule(e)}))};var DeviceModule={name:"device",proto:{device:Device},static:{device:Device},on:{init:function(){var e=[],t=doc.querySelector("html"),a=doc.querySelector('meta[name="apple-mobile-web-app-status-bar-style"]');if(t){if(Device.standalone&&Device.ios&&a&&"black-translucent"===a.content&&e.push("device-full-viewport"),e.push("device-pixel-ratio-"+Math.floor(Device.pixelRatio)),Device.pixelRatio>=2&&e.push("device-retina"),Device.os){if(e.push("device-"+Device.os,"device-"+Device.os+"-"+Device.osVersion.split(".")[0],"device-"+Device.os+"-"+Device.osVersion.replace(/\./g,"-")),"ios"===Device.os)for(var r=parseInt(Device.osVersion.split(".")[0],10)-1;r>=6;r-=1)e.push("device-ios-gt-"+r)}else Device.desktop&&(e.push("device-desktop"),Device.macos?e.push("device-macos"):Device.windows&&e.push("device-windows"));(Device.cordova||Device.phonegap)&&e.push("device-cordova"),e.forEach(function(e){t.classList.add(e)})}}}},SupportModule={name:"support",proto:{support:Support},static:{support:Support}},UtilsModule={name:"utils",proto:{utils:Utils},static:{utils:Utils}},ResizeModule={name:"resize",instance:{getSize:function(){if(!this.root[0])return{width:0,height:0,left:0,top:0};var e=this.root.offset(),t=[this.root[0].offsetWidth,this.root[0].offsetHeight,e.left,e.top],a=t[0],r=t[1],i=t[2],n=t[3];return this.width=a,this.height=r,this.left=i,this.top=n,{width:a,height:r,left:i,top:n}}},on:{init:function(){var e=this;e.getSize(),win.addEventListener("resize",function(){e.emit("resize")},!1),win.addEventListener("orientationchange",function(){e.emit("orientationchange")})},orientationchange:function(){this.device.ipad&&(doc.body.scrollLeft=0,setTimeout(function(){doc.body.scrollLeft=0},0))},resize:function(){this.getSize()}}},globals={},jsonpRequests=0;function Request(e){var t=Utils.extend({},globals);"beforeCreate beforeOpen beforeSend error complete success statusCode".split(" ").forEach(function(e){delete t[e]});var a=Utils.extend({url:win.location.toString(),method:"GET",data:!1,async:!0,cache:!0,user:"",password:"",headers:{},xhrFields:{},statusCode:{},processData:!0,dataType:"text",contentType:"application/x-www-form-urlencoded",timeout:0},t),r=Utils.extend({},a,e);function i(e){for(var t,a,i=[],n=arguments.length-1;n-- >0;)i[n]=arguments[n+1];return globals[e]&&(t=globals[e].apply(globals,i)),r[e]&&(a=r[e].apply(r,i)),"boolean"!=typeof t&&(t=!0),"boolean"!=typeof a&&(a=!0),t&&a}if(!1!==i("beforeCreate",r)){r.type&&(r.method=r.type);var n,s=r.url.indexOf("?")>=0?"&":"?",o=r.method.toUpperCase();if(("GET"===o||"HEAD"===o||"OPTIONS"===o||"DELETE"===o)&&r.data)(n="string"==typeof r.data?r.data.indexOf("?")>=0?r.data.split("?")[1]:r.data:Utils.serializeObject(r.data)).length&&(r.url+=s+n,"?"===s&&(s="&"));if("json"===r.dataType&&r.url.indexOf("callback=")>=0){var l,p="f7jsonp_"+(Date.now()+(jsonpRequests+=1)),c=r.url.split("callback="),d=c[0]+"callback="+p;if(c[1].indexOf("&")>=0){var u=c[1].split("&").filter(function(e){return e.indexOf("=")>0}).join("&");u.length>0&&(d+="&"+u)}var h=doc.createElement("script");return h.type="text/javascript",h.onerror=function(){clearTimeout(l),i("error",null,"scripterror","scripterror"),i("complete",null,"scripterror")},h.src=d,win[p]=function(e){clearTimeout(l),i("success",e),h.parentNode.removeChild(h),h=null,delete win[p]},doc.querySelector("head").appendChild(h),void(r.timeout>0&&(l=setTimeout(function(){h.parentNode.removeChild(h),h=null,i("error",null,"timeout","timeout")},r.timeout)))}"GET"!==o&&"HEAD"!==o&&"OPTIONS"!==o&&"DELETE"!==o||!1===r.cache&&(r.url+=s+"_nocache"+Date.now());var f=new XMLHttpRequest;if(f.requestUrl=r.url,f.requestParameters=r,!1===i("beforeOpen",f,r))return f;f.open(o,r.url,r.async,r.user,r.password);var v,m=null;if(("POST"===o||"PUT"===o||"PATCH"===o)&&r.data)if(r.processData)if([ArrayBuffer,Blob,Document,FormData].indexOf(r.data.constructor)>=0)m=r.data;else{var g="---------------------------"+Date.now().toString(16);"multipart/form-data"===r.contentType?f.setRequestHeader("Content-Type","multipart/form-data; boundary="+g):f.setRequestHeader("Content-Type",r.contentType),m="";var b=Utils.serializeObject(r.data);if("multipart/form-data"===r.contentType){b=b.split("&");for(var y=[],w=0;w=200&&f.status<300||0===f.status)if("json"===r.dataType){var t;try{e=JSON.parse(f.responseText)}catch(e){t=!0}t?i("error",f,"parseerror","parseerror"):i("success",e,f.status,f)}else i("success",e="text"===f.responseType||""===f.responseType?f.responseText:f.response,f.status,f);else i("error",f,f.status,f.statusText);r.statusCode&&(globals.statusCode&&globals.statusCode[f.status]&&globals.statusCode[f.status](f),r.statusCode[f.status]&&r.statusCode[f.status](f)),i("complete",f,f.status)},f.onerror=function(){v&&clearTimeout(v),i("error",f,f.status,f.status),i("complete",f,"error")},r.timeout>0&&(f.onabort=function(){v&&clearTimeout(v)},v=setTimeout(function(){f.abort(),i("error",f,"timeout","timeout"),i("complete",f,"timeout")},r.timeout)),!1===i("beforeSend",f,r)?f:(f.send(m),f)}}function RequestShortcut(e){for(var t,a,r=[],i=arguments.length-1;i-- >0;)r[i]=arguments[i+1];var n=[],s=n[0],o=n[1],l=n[2],p=n[3],c=n[4];"function"==typeof r[1]?(s=(t=r)[0],l=t[1],p=t[2],c=t[3]):(s=(a=r)[0],o=a[1],l=a[2],p=a[3],c=a[4]),[l,p].forEach(function(e){"string"==typeof e&&(c=e,e===l?l=void 0:p=void 0)});var d={url:s,method:"post"===e||"postJSON"===e?"POST":"GET",data:o,success:l,error:p,dataType:c=c||("json"===e||"postJSON"===e?"json":void 0)};return"postJSON"===e&&Utils.extend(d,{contentType:"application/json",processData:!1,crossDomain:!0,data:"string"==typeof o?o:JSON.stringify(o)}),Request(d)}function RequestShortcutPromise(e){for(var t=[],a=arguments.length-1;a-- >0;)t[a]=arguments[a+1];var r=t[0],i=t[1],n=t[2];return new Promise(function(t,a){RequestShortcut(e,r,i,function(e,a,r){t({data:e,status:a,xhr:r})},function(e,t,r){a({xhr:e,status:t,message:r})},n)})}Object.assign(Request,{get:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return RequestShortcut.apply(void 0,["get"].concat(e))},post:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return RequestShortcut.apply(void 0,["post"].concat(e))},json:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return RequestShortcut.apply(void 0,["json"].concat(e))},getJSON:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return RequestShortcut.apply(void 0,["json"].concat(e))},postJSON:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return RequestShortcut.apply(void 0,["postJSON"].concat(e))}}),Request.promise=function(e){return new Promise(function(t,a){Request(Object.assign(e,{success:function(e,a,r){t({data:e,status:a,xhr:r})},error:function(e,t,r){a({xhr:e,status:t,message:r})}}))})},Object.assign(Request.promise,{get:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return RequestShortcutPromise.apply(void 0,["get"].concat(e))},post:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return RequestShortcutPromise.apply(void 0,["post"].concat(e))},json:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return RequestShortcutPromise.apply(void 0,["json"].concat(e))},getJSON:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return RequestShortcutPromise.apply(void 0,["json"].concat(e))},postJSON:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return RequestShortcutPromise.apply(void 0,["postJSON"].concat(e))}}),Request.setup=function(e){e.type&&!e.method&&Utils.extend(e,{method:e.type}),Utils.extend(globals,e)};var RequestModule={name:"request",proto:{request:Request},static:{request:Request}};function initTouch(){var e,t,a,r,i,n,s,o,l,p,c,d,u,h,f,v,m,g,b,y=this,w=y.params.touch,C=w[y.theme+"TouchRipple"];function x(e){var t,a=$(e),r=a.parents(w.activeStateElements);if(a.is(w.activeStateElements)&&(t=a),r.length>0&&(t=t?t.add(r):r),t&&t.length>1){for(var i,n=[],s=0;s0}function E(){u&&u.addClass("active-state")}function S(){u&&(u.removeClass("active-state"),u=null)}function T(e,t,a){e&&(m=y.touchRipple.create(e,t,a))}function M(){m&&(m.remove(),m=void 0,g=void 0)}function P(a){(g=function(e){var t=w.touchRippleElements,a=$(e);if(a.is(t))return!a.hasClass("no-ripple")&&a;if(a.parents(t).length>0){var r=a.parents(t).eq(0);return!r.hasClass("no-ripple")&&r}return!1}(a))&&0!==g.length?(w.fastClicks?function(e){var t=e.parents(".page-content");return 0!==t.length&&("yes"!==t.prop("scrollHandlerSet")&&(t.on("scroll",function(){clearTimeout(h),clearTimeout(b)}),t.prop("scrollHandlerSet","yes")),!0)}(g):k(g))?(clearTimeout(b),b=setTimeout(function(){M(),T(g,e,t)},80)):(M(),T(g,e,t)):g=void 0}function O(){clearTimeout(b),M()}function D(){m||!g||l?M():(clearTimeout(b),T(g,e,t),setTimeout(M,0))}function I(e,t){y.emit({events:e,data:[t]})}function B(e){I("touchstart touchstart:active",e)}function R(e){I("touchmove touchmove:active",e)}function L(e){I("touchend touchend:active",e)}function z(e){I("touchstart:passive",e)}function A(e){I("touchmove:passive",e)}function H(e){I("touchend:passive",e)}Device.ios&&Device.webView&&win.addEventListener("touchstart",function(){});var U=!!Support.passiveListener&&{passive:!0},N=!!Support.passiveListener&&{passive:!1};doc.addEventListener("click",function(e){I("click",e)},!0),Support.passiveListener?(doc.addEventListener(y.touchEvents.start,B,N),doc.addEventListener(y.touchEvents.move,R,N),doc.addEventListener(y.touchEvents.end,L,N),doc.addEventListener(y.touchEvents.start,z,U),doc.addEventListener(y.touchEvents.move,A,U),doc.addEventListener(y.touchEvents.end,H,U)):(doc.addEventListener(y.touchEvents.start,function(e){B(e),z(e)},!1),doc.addEventListener(y.touchEvents.move,function(e){R(e),A(e)},!1),doc.addEventListener(y.touchEvents.end,function(e){L(e),H(e)},!1)),Support.touch?(w.fastClicks?(y.on("click",function(e){var t,a,n=!1;return i?(r=null,i=!1,!0):"submit"===e.target.type&&0===e.detail||"file"===e.target.type||(r||(t=e.target,a="input select textarea label".split(" "),t.nodeName&&a.indexOf(t.nodeName.toLowerCase())>=0||(n=!0)),f||(n=!0),doc.activeElement===r&&(n=!0),e.forwardedTouchEvent&&(n=!0),e.cancelable||(n=!0),w.tapHold&&w.tapHoldPreventClicks&&p&&(n=!1),n||(e.stopImmediatePropagation(),e.stopPropagation(),r?(function(e){var t=$(e),a=!0;return(t.is("label")||t.parents("label").length>0)&&(a=!Device.android&&!(!Device.ios||!t.is("input"))),a}(r)||l)&&e.preventDefault():e.preventDefault(),r=null),v=setTimeout(function(){f=!1},Device.ios||Device.androidChrome?100:400),w.tapHold&&(c=setTimeout(function(){p=!1},Device.ios||Device.androidChrome?100:400)),n)}),y.on("touchstart",function(d){var m,g,b=this;if(l=!1,p=!1,d.targetTouches.length>1)return u&&S(),!0;if(d.touches.length>1&&u&&S(),w.tapHold&&(c&&clearTimeout(c),c=setTimeout(function(){d&&d.touches&&d.touches.length>1||(p=!0,d.preventDefault(),$(d.target).trigger("taphold"))},w.tapHoldDelay)),v&&clearTimeout(v),m=d.target,g=$(m),!(f=!("input"===m.nodeName.toLowerCase()&&("file"===m.type||"range"===m.type)||"select"===m.nodeName.toLowerCase()&&Device.android||g.hasClass("no-fastclick")||g.parents(".no-fastclick").length>0||w.fastClicksExclude&&g.closest(w.fastClicksExclude).length>0)))return i=!1,!0;if(Device.ios||Device.android&&"getSelection"in win){var y=win.getSelection();if(y.rangeCount&&y.focusNode!==doc.body&&(!y.isCollapsed||doc.activeElement===y.focusNode))return n=!0,!0;n=!1}return Device.android&&function(e){var t="button input textarea select".split(" ");return!(!doc.activeElement||e===doc.activeElement||doc.activeElement===doc.body||t.indexOf(e.nodeName.toLowerCase())>=0)}(d.target)&&doc.activeElement.blur(),i=!0,r=d.target,a=(new Date).getTime(),e=d.targetTouches[0].pageX,t=d.targetTouches[0].pageY,Device.ios&&(s=void 0,$(r).parents().each(function(){var e=b;e.scrollHeight>e.offsetHeight&&!s&&((s=e).f7ScrollTop=s.scrollTop)})),a-on||Math.abs(o-t)>n)&&(l=!0)}else l=!0;l&&(i=!1,r=null,l=!0,w.tapHold&&clearTimeout(c),w.activeState&&(clearTimeout(h),S()),C&&O())}}),y.on("touchend",function(e){clearTimeout(h),clearTimeout(c);var t=(new Date).getTime();if(!i)return!n&&f&&(Device.android&&!e.cancelable||!e.cancelable||e.preventDefault()),w.activeState&&S(),C&&D(),!0;if(doc.activeElement===e.target)return w.activeState&&S(),C&&D(),!0;if(n||e.preventDefault(),t-o1?(u&&S(),!0):(a.touches.length>1&&u&&S(),w.tapHold&&(c&&clearTimeout(c),c=setTimeout(function(){a&&a.touches&&a.touches.length>1||(p=!0,a.preventDefault(),d=!0,$(a.target).trigger("taphold"))},w.tapHoldDelay)),r=a.target,e=a.targetTouches[0].pageX,t=a.targetTouches[0].pageY,w.activeState&&(k(u=x(r))?h=setTimeout(E,80):E()),C&&P(r),!0)}),y.on("touchmove",function(a){var r,i;if("touchmove"===a.type&&(r=a.targetTouches[0],i=w.touchClicksDistanceThreshold),i&&r){var n=r.pageX,s=r.pageY;(Math.abs(n-e)>i||Math.abs(s-t)>i)&&(l=!0)}else l=!0;l&&(d=!0,w.tapHold&&clearTimeout(c),w.activeState&&(clearTimeout(h),S()),C&&O())}),y.on("touchend",function(e){return clearTimeout(h),clearTimeout(c),doc.activeElement===e.target?(w.activeState&&S(),C&&D(),!0):(w.activeState&&(E(),setTimeout(S,0)),C&&D(),!(w.tapHoldPreventClicks&&p||d)||(e.cancelable&&e.preventDefault(),d=!0,!1))})),doc.addEventListener("touchcancel",function(){i=!1,r=null,clearTimeout(h),clearTimeout(c),w.activeState&&S(),C&&D()},{passive:!0})):w.activeState&&(y.on("touchstart",function(a){x(a.target).addClass("active-state"),"which"in a&&3===a.which&&setTimeout(function(){$(".active-state").removeClass("active-state")},0),C&&(e=a.pageX,t=a.pageY,P(a.target,a.pageX,a.pageY))}),y.on("touchmove",function(){$(".active-state").removeClass("active-state"),C&&O()}),y.on("touchend",function(){$(".active-state").removeClass("active-state"),C&&D()})),doc.addEventListener("contextmenu",function(e){w.disableContextMenu&&(Device.ios||Device.android||Device.cordova)&&e.preventDefault(),C&&(u&&S(),D())})}var TouchModule={name:"touch",params:{touch:{fastClicks:!1,fastClicksDistanceThreshold:10,fastClicksDelayBetweenClicks:50,fastClicksExclude:"",touchClicksDistanceThreshold:5,disableContextMenu:!1,tapHold:!1,tapHoldDelay:750,tapHoldPreventClicks:!0,activeState:!0,activeStateElements:"a, button, label, span, .actions-button, .stepper-button, .stepper-button-plus, .stepper-button-minus, .card-expandable, .menu-item, .link, .item-link",mdTouchRipple:!0,iosTouchRipple:!1,auroraTouchRipple:!1,touchRippleElements:".ripple, .link, .item-link, .list-button, .links-list a, .button, button, .input-clear-button, .dialog-button, .tab-link, .item-radio, .item-checkbox, .actions-button, .searchbar-disable-button, .fab a, .checkbox, .radio, .data-table .sortable-cell:not(.input-cell), .notification-close-button, .stepper-button, .stepper-button-minus, .stepper-button-plus, .menu-item-content"}},instance:{touchEvents:{start:Support.touch?"touchstart":"mousedown",move:Support.touch?"touchmove":"mousemove",end:Support.touch?"touchend":"mouseup"}},on:{init:initTouch}},pathToRegexp_1=pathToRegexp,parse_1=parse,compile_1=compile,tokensToFunction_1=tokensToFunction,tokensToRegExp_1=tokensToRegExp,DEFAULT_DELIMITER="/",PATH_REGEXP=new RegExp(["(\\\\.)","(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?"].join("|"),"g");function parse(e,t){for(var a,r=[],i=0,n=0,s="",o=t&&t.delimiter||DEFAULT_DELIMITER,l=t&&t.whitelist||void 0,p=!1;null!==(a=PATH_REGEXP.exec(e));){var c=a[0],d=a[1],u=a.index;if(s+=e.slice(n,u),n=u+c.length,d)s+=d[1],p=!0;else{var h="",f=a[2],v=a[3],m=a[4],g=a[5];if(!p&&s.length){var b=s.length-1,y=s[b];(!l||l.indexOf(y)>-1)&&(h=y,s=s.slice(0,b))}s&&(r.push(s),s="",p=!1);var w="+"===g||"*"===g,C="?"===g||"*"===g,x=v||m,$=h||o;r.push({name:f||i++,prefix:h,delimiter:$,optional:C,repeat:w,pattern:x?escapeGroup(x):"[^"+escapeString($===o?$:$+o)+"]+?"})}}return(s||n=0?a.allowPageChange?a.back({animate:n,pushState:!1}):History.routerQueue.push({action:"back",router:a}):a.allowPageChange?a.navigate(i,{animate:n,pushState:!1}):History.routerQueue.unshift({action:"load",stateUrl:i,router:a}))}})}},initViewState:function(e,t){var a,r=Utils.extend({},History.state||{},((a={})[e]=t,a));History.state=r,win.history.replaceState(r,"")},push:function(e,t,a){var r;if(History.allowChange){History.previousState=History.state;var i=Utils.extend({},History.previousState||{},((r={})[e]=t,r));History.state=i,win.history.pushState(i,"",a)}else History.queue.push(function(){History.push(e,t,a)})},replace:function(e,t,a){var r;if(History.allowChange){History.previousState=History.state;var i=Utils.extend({},History.previousState||{},((r={})[e]=t,r));History.state=i,win.history.replaceState(i,"",a)}else History.queue.push(function(){History.replace(e,t,a)})},go:function(e){History.allowChange=!1,win.history.go(e)},back:function(){History.allowChange=!1,win.history.back()},allowChange:!0,previousState:{},state:win.history.state,blockPopstate:!0,init:function(e){$(win).on("load",function(){setTimeout(function(){History.blockPopstate=!1},0)}),doc.readyState&&"complete"===doc.readyState&&(History.blockPopstate=!1),$(win).on("popstate",History.handle.bind(e))}};function SwipeBack(e){var t,a,r,i,n,s,o,l,p,c=e,d=c.$el,u=c.$navbarEl,h=c.app,f=c.params,v=!1,m=!1,g={},b=[],y=[],w=!0,C=[],x=[],k=f[h.theme+"SwipeBackAnimateShadow"],E=f[h.theme+"SwipeBackAnimateOpacity"],S=f[h.theme+"SwipeBackActiveArea"],T=f[h.theme+"SwipeBackThreshold"],M=h.rtl?"right center":"left center",P=h.rtl?"calc(100% - var(--f7-navbar-large-title-padding-left) - var(--f7-safe-area-left)) center":"calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)) center";function O(e){void 0===e&&(e={});for(var t=e.progress,a=e.reset,r=e.transition,i=["overflow","transform","transform-origin","opacity"],n=0;n0||$(e.target).closest(".page-master, .page-master-detail").length>0&&f.masterDetailBreakpoint>0&&h.width>=f.masterDetailBreakpoint||(m=!1,v=!0,t=void 0,g.x="touchstart"===e.type?e.targetTouches[0].pageX:e.pageX,g.y="touchstart"===e.type?e.targetTouches[0].pageY:e.pageY,i=Utils.now(),n=c.dynamicNavbar)}function I(e){if(v){var i="touchmove"===e.type?e.targetTouches[0].pageX:e.pageX,p="touchmove"===e.type?e.targetTouches[0].pageY:e.pageY;if(void 0===t&&(t=!!(t||Math.abs(p-g.y)>Math.abs(i-g.x))||ig.x&&h.rtl),t||e.f7PreventSwipeBack||h.preventSwipeBack)v=!1;else{if(!m){var w=!1,D=$(e.target),I=D.closest(".swipeout");I.length>0&&(!h.rtl&&I.find(".swipeout-actions-left").length>0&&(w=!0),h.rtl&&I.find(".swipeout-actions-right").length>0&&(w=!0)),((b=D.closest(".page")).hasClass("no-swipeback")||D.closest(".no-swipeback, .card-opened").length>0)&&(w=!0),(y=d.find(".page-previous:not(.stacked)")).length>1&&(y=y.eq(y.length-1));g.x,d.offset().left;if(a=d.width(),(h.rtl?g.xS)&&(w=!0),0!==y.length&&0!==b.length||(w=!0),w)return void(v=!1);k&&0===(s=b.find(".page-shadow-effect")).length&&(s=$('
                '),b.append(s)),E&&0===(o=y.find(".page-opacity-effect")).length&&(o=$('
                '),y.append(o)),n&&(C=u.find(".navbar-current:not(.stacked)"),(x=u.find(".navbar-previous:not(.stacked)")).length>1&&(x=x.eq(x.length-1)),l=function(){var e,t,a=[],r=h.rtl?-1:1,i=C.hasClass("navbar-inner-large"),n=C.hasClass("navbar-inner-large-collapsed"),s=C.hasClass("navbar-inner-large-transparent"),o=x.hasClass("navbar-inner-large"),l=x.hasClass("navbar-inner-large-collapsed"),p=x.hasClass("navbar-inner-large-transparent"),c=i&&!n,d=o&&!l,u=C.children(".left, .title, .right, .subnavbar, .fading, .title-large, .navbar-bg"),v=x.children(".left, .title, .right, .subnavbar, .fading, .title-large, .navbar-bg");return f.iosAnimateNavbarBackIcon&&(e=C.hasClass("sliding")?C.children(".left").find(".back .icon + span").eq(0):C.children(".left.sliding").find(".back .icon + span").eq(0),t=x.hasClass("sliding")?x.children(".left").find(".back .icon + span").eq(0):x.children(".left.sliding").find(".back .icon + span").eq(0),e.length&&v.each(function(t,a){$(a).hasClass("title")&&(a.f7NavbarLeftOffset+=e.prev(".icon")[0].offsetWidth)})),u.each(function(t,o){var l=$(o),p=l.hasClass("subnavbar"),u=l.hasClass("left"),h=l.hasClass("title"),v=l.hasClass("navbar-bg");if(c||!l.hasClass(".title-large")){var m={el:o};if(c){if(h)return;if(l.hasClass("title-large"))return a.indexOf(m)<0&&a.push(m),m.overflow="visible",void l.find(".title-large-text, .title-large-inner").each(function(e,t){a.push({el:t,transform:function(e){return"translateX("+100*e*r+"%)"}})})}if(d&&(c||l.hasClass("title-large")&&(a.indexOf(m)<0&&a.push(m),m.opacity=0),u))return a.indexOf(m)<0&&a.push(m),m.opacity=function(e){return 1-Math.pow(e,.33)},void l.find(".back span").each(function(e,t){a.push({el:t,"transform-origin":M,transform:function(e){return"translateX(calc("+e+" * (var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset)))) translateY(calc("+e+" * (var(--f7-navbar-large-title-height) + var(--f7-navbar-large-title-padding-vertical) / 2))) scale("+(1+1*e)+")"}})});if(v)return a.indexOf(m)<0&&a.push(m),c||d||(n?(s&&(m.className="ios-swipeback-navbar-bg-large"),m.transform=function(e){return"translateX("+100*e*r+"%) translateY(calc(-1 * var(--f7-navbar-large-title-height)))"}):m.transform=function(e){return"translateX("+100*e*r+"%)"}),!c&&d&&(m.className="ios-swipeback-navbar-bg-large",m.transform=function(e){return"translateX("+100*e*r+"%) translateY(calc(-1 * "+(1-e)+" * var(--f7-navbar-large-title-height)))"}),c&&d&&(m.transform=function(e){return"translateX("+100*e*r+"%)"}),void(c&&!d&&(m.transform=function(e){return"translateX("+100*e*r+"%) translateY(calc(-"+e+" * var(--f7-navbar-large-title-height)))"}));if(!l.hasClass("title-large")){var g=l.hasClass("sliding")||C.hasClass("sliding");if(a.indexOf(m)<0&&a.push(m),(!p||p&&!g)&&(m.opacity=function(e){return 1-Math.pow(e,.33)}),g){var b=m;if(u&&e.length&&f.iosAnimateNavbarBackIcon){var y={el:e[0]};b=y,a.push(y)}b.transform=function(e){var t=e*b.el.f7NavbarRightOffset;return 1===Device.pixelRatio&&(t=Math.round(t)),p&&i?"translate3d("+t+"px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0)":"translate3d("+t+"px,0,0)"}}}}}),v.each(function(e,i){var n=$(i),s=n.hasClass("subnavbar"),u=n.hasClass("left"),h=n.hasClass("title"),v=n.hasClass("navbar-bg"),m={el:i};if(d){if(h)return;if(a.indexOf(m)<0&&a.push(m),n.hasClass("title-large"))return m.opacity=1,m.overflow="visible",n.find(".title-large-text").each(function(e,t){a.push({el:t,"transform-origin":P,opacity:function(e){return Math.pow(e,3)},transform:function(e){return"translateX(calc("+(1-e)+" * (var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset)))) translateY(calc("+(e-1)+" * var(--f7-navbar-large-title-height) + "+(1-e)+" * var(--f7-navbar-large-title-padding-vertical) / 2)) scale("+(.5+.5*e)+")"}})}),void n.find(".title-large-inner").each(function(e,t){a.push({el:t,"transform-origin":P,opacity:function(e){return Math.pow(e,3)},transform:function(e){return"translateX("+-100*(1-e)*r+"%)"}})})}if(v)return a.indexOf(m)<0&&a.push(m),c||d||(l?(p&&(m.className="ios-swipeback-navbar-bg-large"),m.transform=function(e){return"translateX("+(100*e*r-100)+"%) translateY(calc(-1 * var(--f7-navbar-large-title-height)))"}):m.transform=function(e){return"translateX("+(100*e*r-100)+"%)"}),!c&&d&&(m.transform=function(e){return"translateX("+(100*e*r-100)+"%) translateY(calc(-1 * "+(1-e)+" * var(--f7-navbar-large-title-height)))"}),c&&!d&&(m.className="ios-swipeback-navbar-bg-large",m.transform=function(e){return"translateX("+(100*e*r-100)+"%) translateY(calc(-"+e+" * var(--f7-navbar-large-title-height)))"}),void(c&&d&&(m.transform=function(e){return"translateX("+(100*e*r-100)+"%)"}));if(!n.hasClass("title-large")){var g=n.hasClass("sliding")||x.hasClass("sliding");if(a.indexOf(m)<0&&a.push(m),(!s||s&&!g)&&(m.opacity=function(e){return Math.pow(e,3)}),g){var b=m;if(u&&t.length&&f.iosAnimateNavbarBackIcon){var y={el:t[0]};b=y,a.push(y)}b.transform=function(e){var t=b.el.f7NavbarLeftOffset*(1-e);return 1===Device.pixelRatio&&(t=Math.round(t)),s&&o?"translate3d("+t+"px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0)":"translate3d("+t+"px,0,0)"}}}}),a}()),$(".sheet.modal-in").length>0&&h.sheet&&h.sheet.close($(".sheet.modal-in"))}e.f7PreventSwipePanel=!0,m=!0,h.preventSwipePanelBySwipeBack=!0,e.preventDefault();var B=h.rtl?-1:1;(r=(i-g.x-T)*B)<0&&(r=0);var R=Math.min(Math.max(r/a,0),1),L={percentage:R,progress:R,currentPageEl:b[0],previousPageEl:y[0],currentNavbarEl:C[0],previousNavbarEl:x[0]};d.trigger("swipeback:move",L),c.emit("swipebackMove",L);var z=r*B,A=(r/5-a/5)*B;h.rtl?(z=Math.max(z,-a),A=Math.max(A,0)):(z=Math.min(z,a),A=Math.min(A,0)),1===Device.pixelRatio&&(z=Math.round(z),A=Math.round(A)),c.swipeBackActive=!0,$([b[0],y[0]]).addClass("page-swipeback-active"),b.transform("translate3d("+z+"px,0,0)"),k&&(s[0].style.opacity=1-1*R),"ios"===h.theme&&y.transform("translate3d("+A+"px,0,0)"),E&&(s[0].style.opacity=1-1*R),n&&O({progress:R})}}}function B(){if(h.preventSwipePanelBySwipeBack=!1,!v||!m)return v=!1,void(m=!1);if(v=!1,m=!1,c.swipeBackActive=!1,$([b[0],y[0]]).removeClass("page-swipeback-active"),0===r)return $([b[0],y[0]]).transform(""),s&&s.length>0&&s.remove(),o&&o.length>0&&o.remove(),void(n&&O({reset:!0}));var e=Utils.now()-i,t=!1;(e<300&&r>10||e>=300&&r>a/2)&&(b.removeClass("page-current").addClass("page-next"+("ios"!==h.theme?" page-next-on-right":"")),y.removeClass("page-previous").addClass("page-current").removeAttr("aria-hidden"),s&&(s[0].style.opacity=""),o&&(o[0].style.opacity=""),n&&(C.removeClass("navbar-current").addClass("navbar-next"),x.removeClass("navbar-previous").addClass("navbar-current").removeAttr("aria-hidden")),t=!0),$([b[0],y[0]]).addClass("page-transitioning page-transitioning-swipeback").transform(""),n&&O({progress:t?1:0,transition:!0}),w=!1,c.allowPageChange=!1;var l={currentPageEl:b[0],previousPageEl:y[0],currentNavbarEl:C[0],previousNavbarEl:x[0]};t?(c.currentRoute=y[0].f7Page.route,c.currentPage=y[0],c.pageCallback("beforeOut",b,C,"current","next",{route:b[0].f7Page.route,swipeBack:!0}),c.pageCallback("beforeIn",y,x,"previous","current",{route:y[0].f7Page.route,swipeBack:!0},b[0]),d.trigger("swipeback:beforechange",l),c.emit("swipebackBeforeChange",l)):(d.trigger("swipeback:beforereset",l),c.emit("swipebackBeforeReset",l)),b.transitionEnd(function(){$([b[0],y[0]]).removeClass("page-transitioning page-transitioning-swipeback"),n&&O({reset:!0,transition:!1}),w=!0,c.allowPageChange=!0,t?(1===c.history.length&&c.history.unshift(c.url),c.history.pop(),c.saveHistory(),f.pushState&&History.back(),c.pageCallback("afterOut",b,C,"current","next",{route:b[0].f7Page.route,swipeBack:!0}),c.pageCallback("afterIn",y,x,"previous","current",{route:y[0].f7Page.route,swipeBack:!0}),f.stackPages&&c.initialPages.indexOf(b[0])>=0?(b.addClass("stacked"),n&&C.addClass("stacked")):(c.pageCallback("beforeRemove",b,C,"next",{swipeBack:!0}),c.removePage(b),n&&c.removeNavbar(C)),d.trigger("swipeback:afterchange",l),c.emit("swipebackAfterChange",l),c.emit("routeChanged",c.currentRoute,c.previousRoute,c),f.preloadPreviousPage&&c.back(c.history[c.history.length-2],{preload:!0})):(d.trigger("swipeback:afterreset",l),c.emit("swipebackAfterReset",l)),s&&s.length>0&&s.remove(),o&&o.length>0&&o.remove()})}p=!("touchstart"!==h.touchEvents.start||!Support.passiveListener)&&{passive:!0,capture:!1},d.on(h.touchEvents.start,D,p),h.on("touchmove:active",I),h.on("touchend:passive",B),c.on("routerDestroy",function(){var e=!("touchstart"!==h.touchEvents.start||!Support.passiveListener)&&{passive:!0,capture:!1};d.off(h.touchEvents.start,D,e),h.off("touchmove:active",I),h.off("touchend:passive",B)})}function redirect(e,t,a){var r=this,i=t.route.redirect;if(a.initial&&r.params.pushState&&(a.replaceState=!0,a.history=!0),"function"==typeof i){r.allowPageChange=!1;var n=i.call(r,t,function(t,i){void 0===i&&(i={}),r.allowPageChange=!0,r[e](t,Utils.extend({},a,i))},function(){r.allowPageChange=!0});return n&&"string"==typeof n?(r.allowPageChange=!0,r[e](n,a)):r}return r[e](i,a)}function processQueue(e,t,a,r,i,n,s){var o=[];Array.isArray(a)?o.push.apply(o,a):a&&"function"==typeof a&&o.push(a),t&&(Array.isArray(t)?o.push.apply(o,t):o.push(t)),function t(){0!==o.length?o.shift().call(e,r,i,function(){t()},function(){s()}):n()}()}function processRouteQueue(e,t,a,r){var i=this;function n(){e&&e.route&&(i.params.routesBeforeEnter||e.route.beforeEnter)?(i.allowPageChange=!1,processQueue(i,i.params.routesBeforeEnter,e.route.beforeEnter,e,t,function(){i.allowPageChange=!0,a()},function(){r()})):a()}t&&t.route&&(i.params.routesBeforeLeave||t.route.beforeLeave)?(i.allowPageChange=!1,processQueue(i,i.params.routesBeforeLeave,t.route.beforeLeave,e,t,function(){i.allowPageChange=!0,n()},function(){r()})):n()}function appRouterCheck(e,t){if(!e.view)throw new Error("Framework7: it is not allowed to use router methods on global app router. Use router methods only on related View, e.g. app.views.main.router."+t+"(...)")}function refreshPage(){return appRouterCheck(this,"refreshPage"),this.navigate(this.currentRoute.url,{ignoreCache:!0,reloadCurrent:!0})}function forward(e,t){void 0===t&&(t={});var a,r,i,n=this,s=$(e),o=n.app,l=n.view,p=Utils.extend(!1,{animate:n.params.animate,pushState:!0,replaceState:!1,history:!0,reloadCurrent:n.params.reloadPages,reloadPrevious:!1,reloadAll:!1,clearPreviousHistory:!1,reloadDetail:n.params.reloadDetail,on:{}},t),c=n.params.masterDetailBreakpoint>0,d=c&&p.route&&p.route.route&&!0===p.route.route.master,u=n.currentRoute.modal;if(u||"popup popover sheet loginScreen actions customModal panel".split(" ").forEach(function(e){n.currentRoute&&n.currentRoute.route&&n.currentRoute.route[e]&&(u=!0,i=e)}),u){var h=n.currentRoute.modal||n.currentRoute.route.modalInstance||o[i].get(),f=n.history[n.history.length-2],v=n.findMatchingRoute(f);!v&&f&&(v={url:f,path:f.split("?")[0],query:Utils.parseUrlQuery(f),route:{path:f.split("?")[0],url:f}}),n.modalRemove(h)}var m,g,b,y,w=n.dynamicNavbar,C=n.$el,x=s,k=p.reloadPrevious||p.reloadCurrent||p.reloadAll;if(n.allowPageChange=!1,0===x.length)return n.allowPageChange=!0,n;x.length&&n.removeThemeElements(x),w&&(b=x.children(".navbar").children(".navbar-inner"),g=n.$navbarEl,b.length>0&&x.children(".navbar").remove(),0===b.length&&x[0]&&x[0].f7Page&&(b=x[0].f7Page.$navbarEl)),p.route&&p.route.route&&p.route.route.keepAlive&&!p.route.route.keepAliveData&&(p.route.route.keepAliveData={pageEl:s[0]});var E,S,T,M=C.children(".page:not(.stacked)").filter(function(e,t){return t!==x[0]});if(w&&(E=g.children(".navbar-inner:not(.stacked)").filter(function(e,t){return t!==b[0]})),p.reloadPrevious&&M.length<2)return n.allowPageChange=!0,n;if(c&&!p.reloadAll){for(var P=0;P=n.params.masterDetailBreakpoint&&a}var D="next";if(p.reloadCurrent||p.reloadAll||T?D="current":p.reloadPrevious&&(D="previous"),x.removeClass("page-previous page-current page-next").addClass("page-"+D+(d?" page-master":"")+(S?" page-master-detail":"")).removeClass("stacked").trigger("page:unstack").trigger("page:position",{position:D}),n.emit("pageUnstack",x[0]),n.emit("pagePosition",x[0],D),(d||S)&&x.trigger("page:role",{role:d?"master":"detail"}),w&&b.length&&b.removeClass("navbar-previous navbar-current navbar-next").addClass("navbar-"+D+(d?" navbar-master":"")+(S?" navbar-master-detail":"")).removeClass("stacked"),p.reloadCurrent||T)m=M.eq(M.length-1),w&&(y=$(o.navbar.getElByPage(m)));else if(p.reloadPrevious)m=M.eq(M.length-2),w&&(y=$(o.navbar.getElByPage(m)));else if(p.reloadAll)m=M.filter(function(e,t){return t!==x[0]}),w&&(y=E.filter(function(e,t){return t!==b[0]}));else{if(M.length>1){var I=0;for(I=0;I1||T)&&(m=m.filter(function(e,t){return!t.classList.contains("page-master")})),y&&(y.length>1||T)&&(y=y.filter(function(e,t){return!t.classList.contains("navbar-master")}))),n.params.pushState&&(p.pushState||p.replaceState)&&!p.reloadPrevious){var R=n.params.pushStateRoot||"";History[p.reloadCurrent||T&&r||p.reloadAll||p.replaceState?"replace":"push"](l.id,{url:p.route.url},R+n.params.pushStateSeparator+p.route.url)}p.reloadPrevious||(n.currentPageEl=x[0],w&&b.length?n.currentNavbarEl=b[0]:delete n.currentNavbarEl,n.currentRoute=p.route);var L=p.route.url;p.history&&(((p.reloadCurrent||T&&r)&&n.history.length)>0||p.replaceState?n.history[n.history.length-(p.reloadPrevious?2:1)]=L:p.reloadPrevious?n.history[n.history.length-2]=L:p.reloadAll?n.history=[L]:n.history.push(L)),n.saveHistory();var z=x.parents(doc).length>0,A=x[0].f7Component;if(p.reloadPrevious?(A&&!z?A.$mount(function(e){$(e).insertBefore(m)}):x.insertBefore(m),w&&b.length&&(b.children(".title-large").length&&b.addClass("navbar-inner-large"),y.length?b.insertBefore(y):(n.$navbarEl.parents(doc).length||n.$el.prepend(n.$navbarEl),g.append(b)))):(m.next(".page")[0]!==x[0]&&(A&&!z?A.$mount(function(e){C.append(e)}):C.append(x[0])),w&&b.length&&(b.children(".title-large").length&&b.addClass("navbar-inner-large"),n.$navbarEl.parents(doc).length||n.$el.prepend(n.$navbarEl),g.append(b[0]))),z?p.route&&p.route.route&&p.route.route.keepAlive&&!x[0].f7PageMounted&&(x[0].f7PageMounted=!0,n.pageCallback("mounted",x,b,D,k?D:"current",p,m)):n.pageCallback("mounted",x,b,D,k?D:"current",p,m),(p.reloadCurrent||T)&&m.length>0?n.params.stackPages&&n.initialPages.indexOf(m[0])>=0?(m.addClass("stacked"),m.trigger("page:stack"),n.emit("pageStack",m[0]),w&&y.addClass("stacked")):(n.pageCallback("beforeOut",m,y,"current",void 0,p),n.pageCallback("afterOut",m,y,"current",void 0,p),n.pageCallback("beforeRemove",m,y,"current",void 0,p),n.removePage(m),w&&y&&y.length&&n.removeNavbar(y)):p.reloadAll?m.each(function(e,t){var a=$(t),r=$(o.navbar.getElByPage(a));n.params.stackPages&&n.initialPages.indexOf(a[0])>=0?(a.addClass("stacked"),a.trigger("page:stack"),n.emit("pageStack",a[0]),w&&r.addClass("stacked")):(a.hasClass("page-current")&&(n.pageCallback("beforeOut",m,y,"current",void 0,p),n.pageCallback("afterOut",m,y,"current",void 0,p)),n.pageCallback("beforeRemove",a,y&&y.eq(e),"previous",void 0,p),n.removePage(a),w&&r.length&&n.removeNavbar(r))}):p.reloadPrevious&&(n.params.stackPages&&n.initialPages.indexOf(m[0])>=0?(m.addClass("stacked"),m.trigger("page:stack"),n.emit("pageStack",m[0]),w&&y.addClass("stacked")):(n.pageCallback("beforeRemove",m,y,"previous",void 0,p),n.removePage(m),w&&y&&y.length&&n.removeNavbar(y))),p.route.route.tab&&n.tabLoad(p.route.route.tab,Utils.extend({},p,{history:!1,pushState:!1})),n.pageCallback("init",x,b,D,k?D:"current",p,m),p.reloadCurrent||p.reloadAll||T)return n.allowPageChange=!0,n.pageCallback("beforeIn",x,b,D,"current",p),x.removeAttr("aria-hidden"),w&&b&&b.removeAttr("aria-hidden"),n.pageCallback("afterIn",x,b,D,"current",p),p.reloadCurrent&&p.clearPreviousHistory&&n.clearPreviousHistory(),T&&(a.classList.add("page-previous"),a.classList.remove("page-current"),$(a).trigger("page:position",{position:"previous"}),n.emit("pagePosition",a,"previous"),a.f7Page&&a.f7Page.navbarEl&&(a.f7Page.navbarEl.classList.add("navbar-previous"),a.f7Page.navbarEl.classList.remove("navbar-current"))),n;if(p.reloadPrevious)return n.allowPageChange=!0,n;function H(){var e="page-previous page-current page-next",t="navbar-previous navbar-current navbar-next";x.removeClass(e).addClass("page-current").removeAttr("aria-hidden").trigger("page:position",{position:"current"}),n.emit("pagePosition",x[0],"current"),m.removeClass(e).addClass("page-previous").trigger("page:position",{position:"previous"}),n.emit("pagePosition",m[0],"previous"),m.hasClass("page-master")||m.attr("aria-hidden","true"),w&&(b.removeClass(t).addClass("navbar-current").removeAttr("aria-hidden"),y.removeClass(t).addClass("navbar-previous"),y.hasClass("navbar-master")||y.attr("aria-hidden","true")),n.allowPageChange=!0,n.pageCallback("afterOut",m,y,"current","previous",p),n.pageCallback("afterIn",x,b,"next","current",p);var a=(n.params.preloadPreviousPage||n.params[o.theme+"SwipeBack"])&&!d;a||(x.hasClass("smart-select-page")||x.hasClass("photo-browser-page")||x.hasClass("autocomplete-page")||x.hasClass("color-picker-page"))&&(a=!0),a||(n.params.stackPages?(m.addClass("stacked"),m.trigger("page:stack"),n.emit("pageStack",m[0]),w&&y.addClass("stacked")):x.attr("data-name")&&"smart-select-page"===x.attr("data-name")||(n.pageCallback("beforeRemove",m,y,"previous",void 0,p),n.removePage(m),w&&y.length&&n.removeNavbar(y))),p.clearPreviousHistory&&n.clearPreviousHistory(),n.emit("routeChanged",n.currentRoute,n.previousRoute,n),n.params.pushState&&History.clearRouterQueue()}function U(){var e="page-previous page-current page-next",t="navbar-previous navbar-current navbar-next";m.removeClass(e).addClass("page-current").removeAttr("aria-hidden").trigger("page:position",{position:"current"}),n.emit("pagePosition",m[0],"current"),x.removeClass(e).addClass("page-next").removeAttr("aria-hidden").trigger("page:position",{position:"next"}),n.emit("pagePosition",x[0],"next"),w&&(y.removeClass(t).addClass("navbar-current").removeAttr("aria-hidden"),b.removeClass(t).addClass("navbar-next").removeAttr("aria-hidden"))}if(n.pageCallback("beforeOut",m,y,"current","previous",p),n.pageCallback("beforeIn",x,b,"next","current",p),!p.animate||d&&o.width>=n.params.masterDetailBreakpoint)H();else{var N=n.params[n.app.theme+"PageLoadDelay"];N?setTimeout(function(){U(),n.animate(m,x,y,b,"forward",function(){H()})},N):(U(),n.animate(m,x,y,b,"forward",function(){H()}))}return n}function load(e,t,a){void 0===e&&(e={}),void 0===t&&(t={});var r=this;if(!r.allowPageChange&&!a)return r;var i=e,n=t,s=i.url,o=i.content,l=i.el,p=i.pageName,c=i.template,d=i.templateUrl,u=i.component,h=i.componentUrl;if(!n.reloadCurrent&&n.route&&n.route.route&&n.route.route.parentPath&&r.currentRoute.route&&r.currentRoute.route.parentPath===n.route.route.parentPath){if(n.route.url===r.url)return r.allowPageChange=!0,!1;var f=Object.keys(n.route.params).length===Object.keys(r.currentRoute.params).length;if(f&&Object.keys(n.route.params).forEach(function(e){e in r.currentRoute.params&&r.currentRoute.params[e]===n.route.params[e]||(f=!1)}),f)return!!n.route.route.tab&&r.tabLoad(n.route.route.tab,n);if(!f&&n.route.route.tab&&r.currentRoute.route.tab&&r.currentRoute.parentPath===n.route.parentPath)return r.tabLoad(n.route.route.tab,n)}if(n.route&&n.route.url&&r.url===n.route.url&&!n.reloadCurrent&&!n.reloadPrevious&&!r.params.allowDuplicateUrls)return r.allowPageChange=!0,!1;function v(e,t){return r.forward(e,Utils.extend(n,t))}function m(){return r.allowPageChange=!0,r}if(!n.route&&s&&(n.route=r.parseRouteUrl(s),Utils.extend(n.route,{route:{url:s,path:s}})),(s||d||h)&&(r.allowPageChange=!1),o)r.forward(r.getPageEl(o),n);else if(c||d)try{r.pageTemplateLoader(c,d,n,v,m)}catch(e){throw r.allowPageChange=!0,e}else if(l)r.forward(r.getPageEl(l),n);else if(p)r.forward(r.$el.children('.page[data-name="'+p+'"]').eq(0),n);else if(u||h)try{r.pageComponentLoader(r.el,u,h,n,v,m)}catch(e){throw r.allowPageChange=!0,e}else s&&(r.xhr&&(r.xhr.abort(),r.xhr=!1),r.xhrRequest(s,n).then(function(e){r.forward(r.getPageEl(e),n)}).catch(function(){r.allowPageChange=!0}));return r}function navigate(e,t){void 0===t&&(t={});var a,r,i,n,s,o,l=this;if(l.swipeBackActive)return l;if("string"==typeof e?a=e:(a=e.url,r=e.route,i=e.name,n=e.query,s=e.params),i){if(!(o=l.findRouteByKey("name",i)))throw new Error('Framework7: route with name "'+i+'" not found');if(a=l.constructRouteUrl(o,{params:s,query:n}))return l.navigate(a,t);throw new Error("Framework7: can't construct URL for route with name \""+i+'"')}var p=l.app;if(appRouterCheck(l,"navigate"),"#"===a||""===a)return l;var c=a.replace("./","");if("/"!==c[0]&&0!==c.indexOf("#")){var d=l.currentRoute.parentPath||l.currentRoute.path;c=((d?d+"/":"/")+c).replace("///","/").replace("//","/")}if(!(o=r?Utils.extend(l.parseRouteUrl(c),{route:Utils.extend({},r)}):l.findMatchingRoute(c)))return l;if(o.route&&o.route.viewName){var u=o.route.viewName,h=p.views[u];if(!h)throw new Error('Framework7: There is no View with "'+u+'" name that was specified in this route');if(h!==l.view)return h.router.navigate(e,t)}if(o.route.redirect)return redirect.call(l,"navigate",o,t);var f={};function v(){var e=!1;"popup popover sheet loginScreen actions customModal panel".split(" ").forEach(function(t){o.route[t]&&!e&&(e=!0,l.modalLoad(t,o,f))}),o.route.keepAlive&&o.route.keepAliveData&&(l.load({el:o.route.keepAliveData.pageEl},f,!1),e=!0),"url content component pageName el componentUrl template templateUrl".split(" ").forEach(function(t){var a;o.route[t]&&!e&&(e=!0,l.load(((a={})[t]=o.route[t],a),f,!1))}),e||o.route.async&&(l.allowPageChange=!1,o.route.async.call(l,f.route,l.currentRoute,function(e,t){l.allowPageChange=!1;var a=!1;t&&t.context&&(o.context?o.context=Utils.extend({},o.context,t.context):o.context=t.context,f.route.context=o.context),"popup popover sheet loginScreen actions customModal panel".split(" ").forEach(function(r){if(e[r]){a=!0;var i=Utils.extend({},o,{route:e});l.allowPageChange=!0,l.modalLoad(r,i,Utils.extend(f,t))}}),a||l.load(e,Utils.extend(f,t),!0)},function(){l.allowPageChange=!0}))}function m(){l.allowPageChange=!0}if(o.route.options?Utils.extend(f,o.route.options,t):Utils.extend(f,t),f.route=o,f&&f.context&&(o.context=f.context,f.route.context=f.context),l.params.masterDetailBreakpoint>0&&o.route.masterRoute){var g=!0,b=!1;if(l.currentRoute&&l.currentRoute.route&&(!l.currentRoute.route.master||l.currentRoute.route!==o.route.masterRoute&&l.currentRoute.route.path!==o.route.masterRoute.path||(g=!1),!l.currentRoute.route.masterRoute||l.currentRoute.route.masterRoute!==o.route.masterRoute&&l.currentRoute.route.masterRoute.path!==o.route.masterRoute.path||(g=!1,b=!0)),g||b&&t.reloadAll)return l.navigate(o.route.masterRoute.path,{animate:!1,reloadAll:t.reloadAll,reloadCurrent:t.reloadCurrent,reloadPrevious:t.reloadPrevious,pushState:!t.initial,history:!t.initial,once:{pageAfterIn:function(){l.navigate(e,Utils.extend({},t,{animate:!1,reloadAll:!1,reloadCurrent:!1,reloadPrevious:!1,history:!t.initial,pushState:!t.initial}))}}}),l}return processRouteQueue.call(l,o,l.currentRoute,function(){o.route.modules?p.loadModules(Array.isArray(o.route.modules)?o.route.modules:[o.route.modules]).then(function(){v()}).catch(function(){m()}):v()},function(){m()}),l}function tabLoad(e,t){void 0===t&&(t={});var a,r,i=this,n=Utils.extend({animate:i.params.animate,pushState:!0,history:!0,parentPageEl:null,preload:!1,on:{}},t);n.route&&(n.preload||n.route===i.currentRoute||(r=i.previousRoute,i.currentRoute=n.route),n.preload?(a=n.route,r=i.currentRoute):(a=i.currentRoute,r||(r=i.previousRoute)),i.params.pushState&&n.pushState&&!n.reloadPrevious&&History.replace(i.view.id,{url:n.route.url},(i.params.pushStateRoot||"")+i.params.pushStateSeparator+n.route.url),n.history&&(i.history[Math.max(i.history.length-1,0)]=n.route.url,i.saveHistory()));var s,o=$(n.parentPageEl||i.currentPageEl);s=o.length&&o.find("#"+e.id).length?o.find("#"+e.id).eq(0):i.view.selector?i.view.selector+" #"+e.id:"#"+e.id;var l,p=i.app.tab.show({tabEl:s,animate:n.animate,tabRoute:n.route}),c=p.$newTabEl,d=p.$oldTabEl,u=p.animated,h=p.onTabsChanged;if(c&&c.parents(".page").length>0&&n.route){var f=c.parents(".page")[0].f7Page;f&&n.route&&(f.route=n.route)}if(c[0].f7RouterTabLoaded)return d&&d.length?(u?h(function(){i.emit("routeChanged",i.currentRoute,i.previousRoute,i)}):i.emit("routeChanged",i.currentRoute,i.previousRoute,i),i):i;function v(t,a){var r=t.url,n=t.content,s=t.el,o=t.template,l=t.templateUrl,p=t.component,f=t.componentUrl;function v(t){i.allowPageChange=!0,t&&("string"==typeof t?c.html(t):(c.html(""),t.f7Component?t.f7Component.$mount(function(e){c.append(e)}):c.append(t)),c[0].f7RouterTabLoaded=!0,function(t){i.removeThemeElements(c);var a=c;"string"!=typeof t&&(a=$(t)),a.trigger("tab:init tab:mounted",e),i.emit("tabInit tabMounted",c[0],e),d&&d.length&&(u?h(function(){i.emit("routeChanged",i.currentRoute,i.previousRoute,i),i.params.unloadTabContent&&i.tabRemove(d,c,e)}):(i.emit("routeChanged",i.currentRoute,i.previousRoute,i),i.params.unloadTabContent&&i.tabRemove(d,c,e)))}(t))}function m(){return i.allowPageChange=!0,i}if(n)v(n);else if(o||l)try{i.tabTemplateLoader(o,l,a,v,m)}catch(e){throw i.allowPageChange=!0,e}else if(s)v(s);else if(p||f)try{i.tabComponentLoader(c[0],p,f,a,v,m)}catch(e){throw i.allowPageChange=!0,e}else r&&(i.xhr&&(i.xhr.abort(),i.xhr=!1),i.xhrRequest(r,a).then(function(e){v(e)}).catch(function(){i.allowPageChange=!0}))}return"url content component el componentUrl template templateUrl".split(" ").forEach(function(t){var a;e[t]&&(l=!0,v(((a={})[t]=e[t],a),n))}),e.async?e.async.call(i,a,r,function(e,t){v(e,Utils.extend(n,t))},function(){i.allowPageChange=!0}):l||(i.allowPageChange=!0),i}function tabRemove(e,t,a){var r;e[0]&&(e[0].f7RouterTabLoaded=!1,delete e[0].f7RouterTabLoaded),e.children().each(function(e,t){t.f7Component&&(r=!0,$(t).trigger("tab:beforeremove",a),t.f7Component.$destroy())}),r||e.trigger("tab:beforeremove",a),this.emit("tabBeforeRemove",e[0],t[0],a),this.removeTabContent(e[0],a)}function modalLoad(e,t,a){void 0===a&&(a={});var r,i=this,n=i.app,s="panel"===e,o=s?"panel":"modal",l=Utils.extend({animate:i.params.animate,pushState:!0,history:!0,on:{}},a),p=Utils.extend({},t.route[e]),c=t.route;function d(){var a=n[e].create(p);c.modalInstance=a;var r=a.el;function d(){a.close()}a.on(o+"Open",function(){r||(i.removeThemeElements(a.el),a.$el.trigger(e.toLowerCase()+":init "+e.toLowerCase()+":mounted",t,a),i.emit((s?"":"modalInit")+" "+e+"Init "+e+"Mounted",a.el,t,a)),i.once("swipeBackMove",d)}),a.on(o+"Close",function(){i.off("swipeBackMove",d),a.closeByRouter||i.back()}),a.on(o+"Closed",function(){a.$el.trigger(e.toLowerCase()+":beforeremove",t,a),a.emit((s?"":"modalBeforeRemove ")+e+"BeforeRemove",a.el,t,a);var r=a.el.f7Component;r&&r.$destroy(),Utils.nextTick(function(){(r||p.component)&&i.removeModal(a.el),a.destroy(),delete a.route,delete c.modalInstance})}),l.route&&(i.params.pushState&&l.pushState&&History.push(i.view.id,{url:l.route.url,modal:e},(i.params.pushStateRoot||"")+i.params.pushStateSeparator+l.route.url),l.route!==i.currentRoute&&(a.route=Utils.extend(l.route,{modal:a}),i.currentRoute=a.route),l.history&&(i.history.push(l.route.url),i.saveHistory())),r&&(i.removeThemeElements(a.el),a.$el.trigger(e.toLowerCase()+":init "+e.toLowerCase()+":mounted",t,a),i.emit(o+"Init "+e+"Init "+e+"Mounted",a.el,t,a)),a.open()}function u(e,t){var a=e.url,r=e.content,s=e.template,o=e.templateUrl,l=e.component,c=e.componentUrl;function u(e){e&&("string"==typeof e?p.content=e:e.f7Component?e.f7Component.$mount(function(e){p.el=e,n.root.append(e)}):p.el=e,d())}function h(){return i.allowPageChange=!0,i}if(r)u(r);else if(s||o)try{i.modalTemplateLoader(s,o,t,u,h)}catch(e){throw i.allowPageChange=!0,e}else if(l||c)try{i.modalComponentLoader(n.root[0],l,c,t,u,h)}catch(e){throw i.allowPageChange=!0,e}else a?(i.xhr&&(i.xhr.abort(),i.xhr=!1),i.xhrRequest(a,t).then(function(e){p.content=e,d()}).catch(function(){i.allowPageChange=!0})):d()}return"url content component el componentUrl template templateUrl".split(" ").forEach(function(e){var t;p[e]&&!r&&(r=!0,u(((t={})[e]=p[e],t),l))}),r||"actions"!==e||d(),p.async&&p.async.call(i,l.route,i.currentRoute,function(e,t){u(e,Utils.extend(l,t))},function(){i.allowPageChange=!0}),i}function modalRemove(e){Utils.extend(e,{closeByRouter:!0}),e.close()}function backward(e,t){var a,r,i,n,s,o,l=this,p=$(e),c=l.app,d=l.view,u=Utils.extend({animate:l.params.animate,pushState:!0,replaceState:!1},t),h=l.params.masterDetailBreakpoint>0,f=h&&u.route&&u.route.route&&!0===u.route.route.master,v=l.dynamicNavbar,m=p,g=l.$el.children(".page-current"),b=h&&g.hasClass("page-master");if(m.length&&l.removeThemeElements(m),v&&(i=m.children(".navbar").children(".navbar-inner"),r=l.$navbarEl,i.length>0&&m.children(".navbar").remove(),0===i.length&&m[0]&&m[0].f7Page&&(i=m[0].f7Page.$navbarEl),n=r.find(".navbar-current")),l.allowPageChange=!1,0===m.length||0===g.length)return l.allowPageChange=!0,l;if(l.removeThemeElements(m),u.route&&u.route.route&&u.route.route.keepAlive&&!u.route.route.keepAliveData&&(u.route.route.keepAliveData={pageEl:p[0]}),h){for(var y=l.$el.children(".page:not(.stacked)").filter(function(e,t){return t!==m[0]}),w=0;wl.history.indexOf(a.f7Page.route.url))&&!f&&a&&a.f7Page&&u.route.route.masterRoute&&(s=u.route.route.masterRoute.path===a.f7Page.route.route.path)}if(m.addClass("page-previous"+(f?" page-master":"")+(s?" page-master-detail":"")).removeClass("stacked").removeAttr("aria-hidden").trigger("page:unstack").trigger("page:position",{position:"previous"}),l.emit("pageUnstack",m[0]),l.emit("pagePosition",m[0],"previous"),(f||s)&&m.trigger("page:role",{role:f?"master":"detail"}),v&&i.length>0&&i.addClass("navbar-previous"+(f?" navbar-master":"")+(s?" navbar-master-detail":"")).removeClass("stacked").removeAttr("aria-hidden"),u.force&&(g.prev(".page-previous:not(.stacked)").length>0||0===g.prev(".page-previous").length))if(l.history.indexOf(u.route.url)>=0?(o=l.history.length-l.history.indexOf(u.route.url)-1,l.history=l.history.slice(0,l.history.indexOf(u.route.url)+2),d.history=l.history):l.history[[l.history.length-2]]?l.history[l.history.length-2]=u.route.url:l.history.unshift(l.url),o&&l.params.stackPages)g.prevAll(".page-previous").each(function(e,t){var a,r=$(t);v&&(a=$(c.navbar.getElByPage(r))),r[0]!==m[0]&&r.index()>m.index()&&(l.initialPages.indexOf(r[0])>=0?(r.addClass("stacked"),r.trigger("page:stack"),l.emit("pageStack",r[0]),v&&a.addClass("stacked")):(l.pageCallback("beforeRemove",r,a,"previous",void 0,u),l.removePage(r),v&&a.length>0&&l.removeNavbar(a)))});else{var C,x=g.prev(".page-previous:not(.stacked)");v&&(C=$(c.navbar.getElByPage(x))),l.params.stackPages&&l.initialPages.indexOf(x[0])>=0?(x.addClass("stacked"),x.trigger("page:stack"),l.emit("pageStack",x[0]),C.addClass("stacked")):x.length>0&&(l.pageCallback("beforeRemove",x,C,"previous",void 0,u),l.removePage(x),v&&C.length&&l.removeNavbar(C))}var k,E,S=m.parents(doc).length>0,T=m[0].f7Component;function M(){0===m.next(g).length&&(!S&&T?T.$mount(function(e){$(e).insertBefore(g)}):m.insertBefore(g)),v&&i.length&&(i.children(".title-large").length&&i.addClass("navbar-inner-large"),i.insertBefore(n),n.length>0?i.insertBefore(n):(l.$navbarEl.parents(doc).length||l.$el.prepend(l.$navbarEl),r.append(i))),S?u.route&&u.route.route&&u.route.route.keepAlive&&!m[0].f7PageMounted&&(m[0].f7PageMounted=!0,l.pageCallback("mounted",m,i,"previous","current",u,g)):l.pageCallback("mounted",m,i,"previous","current",u,g)}if(u.preload){M(),u.route.route.tab&&l.tabLoad(u.route.route.tab,Utils.extend({},u,{history:!1,pushState:!1,preload:!0})),f&&(m.removeClass("page-master-stacked").trigger("page:masterunstack"),l.emit("pageMasterUnstack",m[0]),v&&$(c.navbar.getElByPage(m)).removeClass("navbar-master-stacked")),l.pageCallback("init",m,i,"previous","current",u,g);var P=m.prevAll(".page-previous:not(.stacked):not(.page-master)");return P.length>0&&P.each(function(e,t){var a,r=$(t);v&&(a=$(c.navbar.getElByPage(r))),l.params.stackPages&&l.initialPages.indexOf(t)>=0?(r.addClass("stacked"),r.trigger("page:stack"),l.emit("pageStack",r[0]),v&&a.addClass("stacked")):(l.pageCallback("beforeRemove",r,a,"previous",void 0),l.removePage(r),v&&a.length&&l.removeNavbar(a))}),l.allowPageChange=!0,l}if(!(Device.ie||Device.edge||Device.firefox&&!Device.ios)&&l.params.pushState&&u.pushState)if(u.replaceState){var O=l.params.pushStateRoot||"";History.replace(d.id,{url:u.route.url},O+l.params.pushStateSeparator+u.route.url)}else o?History.go(-o):History.back();if(u.replaceState?l.history[l.history.length-1]=u.route.url:(1===l.history.length&&l.history.unshift(l.url),l.history.pop()),l.saveHistory(),l.currentPageEl=m[0],v&&i.length?l.currentNavbarEl=i[0]:delete l.currentNavbarEl,l.currentRoute=u.route,(Device.ie||Device.edge||Device.firefox&&!Device.ios)&&l.params.pushState&&u.pushState)if(u.replaceState){var D=l.params.pushStateRoot||"";History.replace(d.id,{url:u.route.url},D+l.params.pushStateSeparator+u.route.url)}else o?History.go(-o):History.back();function I(){var e="page-previous page-current page-next",t="navbar-previous navbar-current navbar-next";m.removeClass(e).addClass("page-current").removeAttr("aria-hidden").trigger("page:position",{position:"current"}),l.emit("pagePosition",m[0],"current"),g.removeClass(e).addClass("page-next").attr("aria-hidden","true").trigger("page:position",{position:"next"}),l.emit("pagePosition",g[0],"next"),v&&(i.removeClass(t).addClass("navbar-current").removeAttr("aria-hidden"),n.removeClass(t).addClass("navbar-next").attr("aria-hidden","true")),l.pageCallback("afterOut",g,n,"current","next",u),l.pageCallback("afterIn",m,i,"previous","current",u),l.params.stackPages&&l.initialPages.indexOf(g[0])>=0?(g.addClass("stacked"),g.trigger("page:stack"),l.emit("pageStack",g[0]),v&&n.addClass("stacked")):(l.pageCallback("beforeRemove",g,n,"next",void 0,u),l.removePage(g),v&&n.length&&l.removeNavbar(n)),l.allowPageChange=!0,l.emit("routeChanged",l.currentRoute,l.previousRoute,l),(l.params.preloadPreviousPage||l.params[c.theme+"SwipeBack"])&&l.history[l.history.length-2]&&!f&&l.back(l.history[l.history.length-2],{preload:!0}),l.params.pushState&&History.clearRouterQueue()}return M(),u.route.route.tab&&l.tabLoad(u.route.route.tab,Utils.extend({},u,{history:!1,pushState:!1})),l.pageCallback("init",m,i,"previous","current",u,g),l.pageCallback("beforeOut",g,n,"current","next",u),l.pageCallback("beforeIn",m,i,"previous","current",u),!u.animate||b&&c.width>=l.params.masterDetailBreakpoint?I():(k="page-previous page-current page-next",E="navbar-previous navbar-current navbar-next",g.removeClass(k).addClass("page-current").trigger("page:position",{position:"current"}),l.emit("pagePosition",g[0],"current"),m.removeClass(k).addClass("page-previous").removeAttr("aria-hidden").trigger("page:position",{position:"previous"}),l.emit("pagePosition",m[0],"previous"),v&&(n.removeClass(E).addClass("navbar-current"),i.removeClass(E).addClass("navbar-previous").removeAttr("aria-hidden")),l.animate(g,m,n,i,"backward",function(){I()})),l}function loadBack(e,t,a){var r=this;if(!r.allowPageChange&&!a)return r;var i=e,n=t,s=i.url,o=i.content,l=i.el,p=i.pageName,c=i.template,d=i.templateUrl,u=i.component,h=i.componentUrl;if(n.route.url&&r.url===n.route.url&&!n.reloadCurrent&&!n.reloadPrevious&&!r.params.allowDuplicateUrls)return!1;function f(e,t){return r.backward(e,Utils.extend(n,t))}function v(){return r.allowPageChange=!0,r}if(!n.route&&s&&(n.route=r.parseRouteUrl(s)),(s||d||h)&&(r.allowPageChange=!1),o)r.backward(r.getPageEl(o),n);else if(c||d)try{r.pageTemplateLoader(c,d,n,f,v)}catch(e){throw r.allowPageChange=!0,e}else if(l)r.backward(r.getPageEl(l),n);else if(p)r.backward(r.$el.children('.page[data-name="'+p+'"]').eq(0),n);else if(u||h)try{r.pageComponentLoader(r.el,u,h,n,f,v)}catch(e){throw r.allowPageChange=!0,e}else s&&(r.xhr&&(r.xhr.abort(),r.xhr=!1),r.xhrRequest(s,n).then(function(e){r.backward(r.getPageEl(e),n)}).catch(function(){r.allowPageChange=!0}));return r}function back(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var a,r,i,n=this;if(n.swipeBackActive)return n;"object"==typeof e[0]?r=e[0]||{}:(a=e[0],r=e[1]||{});var s=r.name,o=r.params,l=r.query;if(s){if(!(i=n.findRouteByKey("name",s)))throw new Error('Framework7: route with name "'+s+'" not found');if(a=n.constructRouteUrl(i,{params:o,query:l}))return n.back(a,Utils.extend({},r,{name:null,params:null,query:null}));throw new Error("Framework7: can't construct URL for route with name \""+s+'"')}var p=n.app;appRouterCheck(n,"back");var c,d=n.currentRoute.modal;if(d||"popup popover sheet loginScreen actions customModal panel".split(" ").forEach(function(e){n.currentRoute.route[e]&&(d=!0,c=e)}),d){var u,h=n.currentRoute.modal||n.currentRoute.route.modalInstance||p[c].get(),f=n.history[n.history.length-2];if(h&&h.$el){var v=h.$el.prevAll(".modal-in");v.length&&v[0].f7Modal&&(u=v[0].f7Modal.route)}if(u||(u=n.findMatchingRoute(f)),!u&&f&&(u={url:f,path:f.split("?")[0],query:Utils.parseUrlQuery(f),route:{path:f.split("?")[0],url:f}}),!(a&&0!==a.replace(/[# ]/g,"").trim().length||u&&h))return n;var m=r.force&&u&&a;return u&&h?(n.params.pushState&&!1!==r.pushState&&History.back(),n.currentRoute=u,n.history.pop(),n.saveHistory(),n.modalRemove(h),m&&n.navigate(a,{reloadCurrent:!0})):h&&(n.modalRemove(h),a&&n.navigate(a,{reloadCurrent:!0})),n}var g,b=n.$el.children(".page-current").prevAll(".page-previous:not(.page-master)").eq(0);if(n.params.masterDetailBreakpoint>0){var y=n.$el.children(".page-current").prevAll(".page-master").eq(0);if(y.length){var w=n.history[n.history.length-2],C=n.findMatchingRoute(w);C&&C.route===y[0].f7Page.route.route&&(b=y,r.preload||(g=p.width>=n.params.masterDetailBreakpoint))}}if(!r.force&&b.length&&!g){if(n.params.pushState&&b[0].f7Page&&n.history[n.history.length-2]!==b[0].f7Page.route.url)return n.back(n.history[n.history.length-2],Utils.extend(r,{force:!0})),n;var x=b[0].f7Page.route;return processRouteQueue.call(n,x,n.currentRoute,function(){n.loadBack({el:b},Utils.extend(r,{route:x}))},function(){}),n}if("#"===a&&(a=void 0),a&&"/"!==a[0]&&0!==a.indexOf("#")&&(a=((n.path||"/")+a).replace("//","/")),!a&&n.history.length>1&&(a=n.history[n.history.length-2]),g&&!r.force&&n.history[n.history.length-3])return n.back(n.history[n.history.length-3],Utils.extend({},r||{},{force:!0,animate:!1}));if(g&&!r.force)return n;if((i=n.findMatchingRoute(a))||a&&(i={url:a,path:a.split("?")[0],query:Utils.parseUrlQuery(a),route:{path:a.split("?")[0],url:a}}),!i)return n;if(i.route.redirect)return redirect.call(n,"back",i,r);var $,k={};if(i.route.options?Utils.extend(k,i.route.options,r):Utils.extend(k,r),k.route=i,k&&k.context&&(i.context=k.context,k.route.context=k.context),k.force&&n.params.stackPages&&(n.$el.children(".page-previous.stacked").each(function(e,t){t.f7Page&&t.f7Page.route&&t.f7Page.route.url===i.url&&($=!0,n.loadBack({el:t},k))}),$))return n;function E(){var e=!1;i.route.keepAlive&&i.route.keepAliveData&&(n.loadBack({el:i.route.keepAliveData.pageEl},k),e=!0),"url content component pageName el componentUrl template templateUrl".split(" ").forEach(function(t){var a;i.route[t]&&!e&&(e=!0,n.loadBack(((a={})[t]=i.route[t],a),k))}),e||i.route.async&&(n.allowPageChange=!1,i.route.async.call(n,i,n.currentRoute,function(e,t){n.allowPageChange=!1,t&&t.context&&(i.context?i.context=Utils.extend({},i.context,t.context):i.context=t.context,k.route.context=i.context),n.loadBack(e,Utils.extend(k,t),!0)},function(){n.allowPageChange=!0}))}function S(){n.allowPageChange=!0}return k.preload?E():processRouteQueue.call(n,i,n.currentRoute,function(){i.route.modules?p.loadModules(Array.isArray(i.route.modules)?i.route.modules:[i.route.modules]).then(function(){E()}).catch(function(){S()}):E()},function(){S()}),n}function clearPreviousPages(){var e=this;appRouterCheck(e,"clearPreviousPages");var t=e.app,a=e.dynamicNavbar;e.$el.children(".page").filter(function(t,a){return!(!e.currentRoute||!e.currentRoute.modal&&!e.currentRoute.panel)||a!==e.currentPageEl}).each(function(r,i){var n=$(i),s=$(t.navbar.getElByPage(n));e.params.stackPages&&e.initialPages.indexOf(n[0])>=0?(n.addClass("stacked"),a&&s.addClass("stacked")):(e.pageCallback("beforeRemove",n,s,"previous",void 0,{}),e.removePage(n),a&&s.length&&e.removeNavbar(s))})}function clearPreviousHistory(){appRouterCheck(this,"clearPreviousHistory");var e=this.history[this.history.length-1];this.clearPreviousPages(),this.history=[e],this.view.history=[e],this.saveHistory()}var Router=function(e){function t(t,a){e.call(this,{},[void 0===a?t:a]);var r=this;r.isAppRouter=void 0===a,r.isAppRouter?Utils.extend(!1,r,{app:t,params:t.params.view,routes:t.routes||[],cache:t.cache}):Utils.extend(!1,r,{app:t,view:a,viewId:a.id,params:a.params,routes:a.routes,$el:a.$el,el:a.el,$navbarEl:a.$navbarEl,navbarEl:a.navbarEl,history:a.history,scrollHistory:a.scrollHistory,cache:t.cache,dynamicNavbar:"ios"===t.theme&&a.params.iosDynamicNavbar,initialPages:[],initialNavbars:[]}),r.useModules(),r.tempDom=doc.createElement("div"),r.allowPageChange=!0;var i={},n={};return Object.defineProperty(r,"currentRoute",{enumerable:!0,configurable:!0,set:function(e){void 0===e&&(e={}),n=Utils.extend({},i),(i=e)&&(r.url=i.url,r.emit("routeChange",e,n,r))},get:function(){return i}}),Object.defineProperty(r,"previousRoute",{enumerable:!0,configurable:!0,get:function(){return n},set:function(e){n=e}}),r}return e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t,t.prototype.animatableNavElements=function(e,t,a,r,i){var n,s,o=this.dynamicNavbar,l=this.params.iosAnimateNavbarBackIcon;function p(e,t){var a,r=e.hasClass("sliding")||t.hasClass("sliding"),i=e.hasClass("subnavbar"),n=!r||!i,s=e.find(".back .icon");return r&&l&&e.hasClass("left")&&s.length>0&&s.next("span").length&&(e=s.next("span"),a=!0),{$el:e,isIconLabel:a,leftOffset:e[0].f7NavbarLeftOffset,rightOffset:e[0].f7NavbarRightOffset,isSliding:r,isSubnavbar:i,needsOpacityTransition:n}}return o&&(n=[],s=[],e.children(".left, .right, .title, .subnavbar").each(function(t,s){var o=$(s);o.hasClass("left")&&r&&"forward"===i||o.hasClass("title")&&a||n.push(p(o,e))}),t.hasClass("navbar-master")&&this.params.masterDetailBreakpoint>0&&this.app.width>=this.params.masterDetailBreakpoint||t.children(".left, .right, .title, .subnavbar").each(function(e,n){var o=$(n);o.hasClass("left")&&a&&!r&&"forward"===i||o.hasClass("left")&&a&&"backward"===i||o.hasClass("title")&&r||s.push(p(o,t))}),[s,n].forEach(function(e){e.forEach(function(t){var a=t,r=t.isSliding,i=t.$el,o=e===s?n:s;r&&i.hasClass("title")&&o&&o.forEach(function(e){if(e.isIconLabel){var t=e.$el[0];a.leftOffset+=t&&t.offsetLeft||0}})})})),{newNavEls:n,oldNavEls:s}},t.prototype.animate=function(e,t,a,r,i,n){var s=this;if(s.params.animateCustom)s.params.animateCustom.apply(s,[e,t,a,r,i,n]);else{var o,l,p,c,d,u,h=s.dynamicNavbar,f="ios"===s.app.theme,v="router-transition-"+i+" router-transition";if(f&&h){d=a&&a.hasClass("navbar-inner-large"),u=r&&r.hasClass("navbar-inner-large"),p=d&&!a.hasClass("navbar-inner-large-collapsed"),c=u&&!r.hasClass("navbar-inner-large-collapsed");var m=s.animatableNavElements(r,a,c,p,i);o=m.newNavEls,l=m.oldNavEls}("forward"===i?t:e).animationEnd(function(){s.dynamicNavbar&&(r&&(r.removeClass("router-navbar-transition-to-large router-navbar-transition-from-large"),r.addClass("navbar-no-title-large-transition"),Utils.nextFrame(function(){r.removeClass("navbar-no-title-large-transition")})),a&&a.removeClass("router-navbar-transition-to-large router-navbar-transition-from-large"),r.hasClass("sliding")?r.find(".title, .left, .right, .left .icon, .subnavbar").transform(""):r.find(".sliding").transform(""),a.hasClass("sliding")?a.find(".title, .left, .right, .left .icon, .subnavbar").transform(""):a.find(".sliding").transform("")),s.$el.removeClass(v),n&&n()}),h?(g(0),Utils.nextFrame(function(){g(1),s.$el.addClass(v)})):s.$el.addClass(v)}function g(e){f&&h&&(1===e&&(c&&(r.addClass("router-navbar-transition-to-large"),a.addClass("router-navbar-transition-to-large")),p&&(r.addClass("router-navbar-transition-from-large"),a.addClass("router-navbar-transition-from-large"))),o.forEach(function(t){var a=t.$el,r="forward"===i?t.rightOffset:t.leftOffset;t.isSliding&&(t.isSubnavbar&&u?a[0].style.setProperty("transform","translate3d("+r*(1-e)+"px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0)","important"):a.transform("translate3d("+r*(1-e)+"px,0,0)"))}),l.forEach(function(t){var a=t.$el,r="forward"===i?t.leftOffset:t.rightOffset;t.isSliding&&(t.isSubnavbar&&d?a.transform("translate3d("+r*e+"px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0)"):a.transform("translate3d("+r*e+"px,0,0)"))}))}},t.prototype.removeModal=function(e){this.removeEl(e)},t.prototype.removeTabContent=function(e){$(e).html("")},t.prototype.removeNavbar=function(e){this.removeEl(e)},t.prototype.removePage=function(e){var t=$(e),a=t&&t[0]&&t[0].f7Page;a&&a.route&&a.route.route&&a.route.route.keepAlive?t.remove():this.removeEl(e)},t.prototype.removeEl=function(e){if(e){var t=$(e);0!==t.length&&(t.find(".tab").each(function(e,t){$(t).children().each(function(e,t){t.f7Component&&($(t).trigger("tab:beforeremove"),t.f7Component.$destroy())})}),t[0].f7Component&&t[0].f7Component.$destroy&&t[0].f7Component.$destroy(),this.params.removeElements&&(this.params.removeElementsWithTimeout?setTimeout(function(){t.remove()},this.params.removeElementsTimeout):t.remove()))}},t.prototype.getPageEl=function(e){if("string"==typeof e)this.tempDom.innerHTML=e;else{if($(e).hasClass("page"))return e;this.tempDom.innerHTML="",$(this.tempDom).append(e)}return this.findElement(".page",this.tempDom)},t.prototype.findElement=function(e,t,a){var r=this.view,i=this.app,n=$(t),s=e;a&&(s+=":not(.stacked)");var o=n.find(s).filter(function(e,t){return 0===$(t).parents(".popup, .dialog, .popover, .actions-modal, .sheet-modal, .login-screen, .page").length});return o.length>1&&("string"==typeof r.selector&&(o=n.find(r.selector+" "+s)),o.length>1&&(o=n.find("."+i.params.viewMainClass+" "+s))),1===o.length?o:(a||(o=this.findElement(s,n,!0)),o&&1===o.length?o:o&&o.length>1?$(o[0]):void 0)},t.prototype.flattenRoutes=function(e){void 0===e&&(e=this.routes);var t=this,a=[];return e.forEach(function(e){var r=!1;if("tabs"in e&&e.tabs){var i=e.tabs.map(function(t){var a=Utils.extend({},e,{path:(e.path+"/"+t.path).replace("///","/").replace("//","/"),parentPath:e.path,tab:t});return delete a.tabs,delete a.routes,a});r=!0,a=a.concat(t.flattenRoutes(i))}if("detailRoutes"in e){var n=e.detailRoutes.map(function(t){var a=Utils.extend({},t);return a.masterRoute=e,a.masterRoutePath=e.path,a});a=a.concat(e,t.flattenRoutes(n))}if("routes"in e){var s=e.routes.map(function(t){var a=Utils.extend({},t);return a.path=(e.path+"/"+a.path).replace("///","/").replace("//","/"),a});a=r?a.concat(t.flattenRoutes(s)):a.concat(e,t.flattenRoutes(s))}"routes"in e||"tabs"in e&&e.tabs||"detailRoutes"in e||a.push(e)}),a},t.prototype.parseRouteUrl=function(e){if(!e)return{};var t=Utils.parseUrlQuery(e),a=e.split("#")[1],r=e.split("#")[0].split("?")[0];return{query:t,hash:a,params:{},url:e,path:r}},t.prototype.constructRouteUrl=function(e,t){void 0===t&&(t={});var a,r=t.params,i=t.query,n=e.path,s=pathToRegexp_1.compile(n);try{a=s(r||{})}catch(e){throw new Error("Framework7: error constructing route URL from passed params:\nRoute: "+n+"\n"+e.toString())}return i&&(a+="string"==typeof i?"?"+i:"?"+Utils.serializeObject(i)),a},t.prototype.findTabRoute=function(e){var t,a=$(e),r=this.currentRoute.route.parentPath,i=a.attr("id");return this.flattenRoutes(this.routes).forEach(function(e){e.parentPath===r&&e.tab&&e.tab.id===i&&(t=e)}),t},t.prototype.findRouteByKey=function(e,t){var a,r=this.routes;return this.flattenRoutes(r).forEach(function(r){a||r[e]===t&&(a=r)}),a},t.prototype.findMatchingRoute=function(e){if(e){var t,a=this.routes,r=this.flattenRoutes(a),i=this.parseRouteUrl(e),n=i.path,s=i.query,o=i.hash,l=i.params;return r.forEach(function(a){if(!t){var r,i,p=[],c=[a.path];if(a.alias&&("string"==typeof a.alias?c.push(a.alias):Array.isArray(a.alias)&&a.alias.forEach(function(e){c.push(e)})),c.forEach(function(e){r||(r=pathToRegexp_1(e,p).exec(n))}),r)p.forEach(function(e,t){if("number"!=typeof e.name){var a=r[t+1];l[e.name]=null==a?a:decodeURIComponent(a)}}),a.parentPath&&(i=n.split("/").slice(0,a.parentPath.split("/").length-1).join("/")),t={query:s,hash:o,params:l,url:e,path:n,parentPath:i,route:a,name:a.name}}}),t}},t.prototype.replaceRequestUrlParams=function(e,t){void 0===e&&(e=""),void 0===t&&(t={});var a=e;return"string"==typeof a&&a.indexOf("{{")>=0&&t&&t.route&&t.route.params&&Object.keys(t.route.params).length&&Object.keys(t.route.params).forEach(function(e){var r=new RegExp("{{"+e+"}}","g");a=a.replace(r,t.route.params[e]||"")}),a},t.prototype.removeFromXhrCache=function(e){for(var t=this.cache.xhr,a=!1,r=0;r=0;return r.passRouteQueryToRequest&&t&&t.route&&t.route.query&&Object.keys(t.route.query).length&&(n+=(s?"&":"?")+Utils.serializeObject(t.route.query),s=!0),r.passRouteParamsToRequest&&t&&t.route&&t.route.params&&Object.keys(t.route.params).length&&(n+=(s?"&":"?")+Utils.serializeObject(t.route.params),s=!0),n.indexOf("{{")>=0&&(n=a.replaceRequestUrlParams(n,t)),r.xhrCacheIgnoreGetParameters&&n.indexOf("?")>=0&&(n=n.split("?")[0]),new Promise(function(e,s){if(r.xhrCache&&!i&&n.indexOf("nocache")<0&&r.xhrCacheIgnore.indexOf(n)<0)for(var o=0;o=200&&i.status<300||0===i.status?(r.xhrCache&&""!==i.responseText&&(a.removeFromXhrCache(n),a.cache.xhr.push({url:n,time:Utils.now(),content:i.responseText})),a.emit("routerAjaxSuccess",i,t),e(i.responseText)):(a.emit("routerAjaxError",i,t),s(i))},error:function(e){a.emit("routerAjaxError",e,t),s(e)}})})},t.prototype.removeThemeElements=function(e){var t,a=this.app.theme;"ios"===a?t=".md-only, .aurora-only, .if-md, .if-aurora, .if-not-ios, .not-ios":"md"===a?t=".ios-only, .aurora-only, .if-ios, .if-aurora, .if-not-md, .not-md":"aurora"===a&&(t=".ios-only, .md-only, .if-ios, .if-md, .if-not-aurora, .not-aurora"),$(e).find(t).remove()},t.prototype.getPageData=function(e,t,a,r,i,n){void 0===i&&(i={});var s,o,l=$(e).eq(0),p=$(t).eq(0),c=l[0].f7Page||{};if(("next"===a&&"current"===r||"current"===a&&"previous"===r)&&(s="forward"),("current"===a&&"next"===r||"previous"===a&&"current"===r)&&(s="backward"),c&&!c.fromPage){var d=$(n);d.length&&(o=d[0].f7Page)}(o=c.pageFrom||o)&&o.pageFrom&&(o.pageFrom=null);var u={app:this.app,view:this.view,router:this,$el:l,el:l[0],$pageEl:l,pageEl:l[0],$navbarEl:p,navbarEl:p[0],name:l.attr("data-name"),position:a,from:a,to:r,direction:s,route:c.route?c.route:i,pageFrom:o};return l[0].f7Page=u,u},t.prototype.pageCallback=function(e,t,a,r,i,n,s){if(void 0===n&&(n={}),t){var o=this,l=$(t);if(l.length){var p=$(a),c=n.route,d=o.params.restoreScrollTopOnBack&&!(o.params.masterDetailBreakpoint>0&&l.hasClass("page-master")&&o.app.width>=o.params.masterDetailBreakpoint),u=l[0].f7Page&&l[0].f7Page.route&&l[0].f7Page.route.route&&l[0].f7Page.route.route.keepAlive;"beforeRemove"===e&&u&&(e="beforeUnmount");var h="page"+(e[0].toUpperCase()+e.slice(1,e.length)),f="page:"+e.toLowerCase(),v={};(v="beforeRemove"===e&&l[0].f7Page?Utils.extend(l[0].f7Page,{from:r,to:i,position:r}):o.getPageData(l[0],p[0],r,i,c,s)).swipeBack=!!n.swipeBack;var m=n.route?n.route.route:{},g=m.on;void 0===g&&(g={});var b=m.once;if(void 0===b&&(b={}),n.on&&Utils.extend(g,n.on),n.once&&Utils.extend(b,n.once),"mounted"===e&&C(),"init"===e){if(d&&("previous"===r||!r)&&"current"===i&&o.scrollHistory[v.route.url]&&!l.hasClass("no-restore-scroll")){var y=l.find(".page-content");y.length>0&&(y=y.filter(function(e,t){return 0===$(t).parents(".tab:not(.tab-active)").length&&!$(t).is(".tab:not(.tab-active)")})),y.scrollTop(o.scrollHistory[v.route.url])}if(C(),l[0].f7PageInitialized)return l.trigger("page:reinit",v),void o.emit("pageReinit",v);l[0].f7PageInitialized=!0}if(d&&"beforeOut"===e&&"current"===r&&"previous"===i){var w=l.find(".page-content");w.length>0&&(w=w.filter(function(e,t){return 0===$(t).parents(".tab:not(.tab-active)").length&&!$(t).is(".tab:not(.tab-active)")})),o.scrollHistory[v.route.url]=w.scrollTop()}d&&"beforeOut"===e&&"current"===r&&"next"===i&&delete o.scrollHistory[v.route.url],l.trigger(f,v),o.emit(h,v),"beforeRemove"!==e&&"beforeUnmount"!==e||(l[0].f7RouteEventsAttached&&(l[0].f7RouteEventsOn&&Object.keys(l[0].f7RouteEventsOn).forEach(function(e){l.off(Utils.eventNameToColonCase(e),l[0].f7RouteEventsOn[e])}),l[0].f7RouteEventsOnce&&Object.keys(l[0].f7RouteEventsOnce).forEach(function(e){l.off(Utils.eventNameToColonCase(e),l[0].f7RouteEventsOnce[e])}),l[0].f7RouteEventsAttached=null,l[0].f7RouteEventsOn=null,l[0].f7RouteEventsOnce=null,delete l[0].f7RouteEventsAttached,delete l[0].f7RouteEventsOn,delete l[0].f7RouteEventsOnce),u||(l[0].f7Page&&l[0].f7Page.navbarEl&&delete l[0].f7Page.navbarEl.f7Page,l[0].f7Page=null))}}function C(){l[0].f7RouteEventsAttached||(l[0].f7RouteEventsAttached=!0,g&&Object.keys(g).length>0&&(l[0].f7RouteEventsOn=g,Object.keys(g).forEach(function(e){g[e]=g[e].bind(o),l.on(Utils.eventNameToColonCase(e),g[e])})),b&&Object.keys(b).length>0&&(l[0].f7RouteEventsOnce=b,Object.keys(b).forEach(function(e){b[e]=b[e].bind(o),l.once(Utils.eventNameToColonCase(e),b[e])})))}},t.prototype.saveHistory=function(){this.view.history=this.history,this.params.pushState&&(win.localStorage["f7router-"+this.view.id+"-history"]=JSON.stringify(this.history))},t.prototype.restoreHistory=function(){this.params.pushState&&win.localStorage["f7router-"+this.view.id+"-history"]&&(this.history=JSON.parse(win.localStorage["f7router-"+this.view.id+"-history"]),this.view.history=this.history)},t.prototype.clearHistory=function(){this.history=[],this.view&&(this.view.history=[]),this.saveHistory()},t.prototype.updateCurrentUrl=function(e){appRouterCheck(this,"updateCurrentUrl"),this.history.length?this.history[this.history.length-1]=e:this.history.push(e);var t=this.parseRouteUrl(e),a=t.query,r=t.hash,i=t.params,n=t.url,s=t.path;if(this.currentRoute&&Utils.extend(this.currentRoute,{query:a,hash:r,params:i,url:n,path:s}),this.params.pushState){var o=this.params.pushStateRoot||"";History.replace(this.view.id,{url:e},o+this.params.pushStateSeparator+e)}this.saveHistory(),this.emit("routeUrlUpdate",this.currentRoute,this)},t.prototype.init=function(){var e=this,t=e.app,a=e.view;(a&&e.params.iosSwipeBack&&"ios"===t.theme||a&&e.params.mdSwipeBack&&"md"===t.theme||a&&e.params.auroraSwipeBack&&"aurora"===t.theme)&&SwipeBack(e);var r,i,n,s=e.params.url,o=doc.location.href.split(doc.location.origin)[1],l=e.params,p=l.pushState,c=l.pushStateOnLoad,d=l.pushStateSeparator,u=l.pushStateAnimateOnLoad,h=e.params.pushStateRoot;(win.cordova&&p&&!d&&!h&&doc.location.pathname.indexOf("index.html")&&(console.warn("Framework7: wrong or not complete pushState configuration, trying to guess pushStateRoot"),h=doc.location.pathname.split("index.html")[0]),p&&c?(h&&o.indexOf(h)>=0&&""===(o=o.split(h)[1])&&(o="/"),s=d.length>0&&o.indexOf(d)>=0?o.split(d)[1]:o,e.restoreHistory(),e.history.indexOf(s)>=0?e.history=e.history.slice(0,e.history.indexOf(s)+1):e.params.url===s?e.history=[s]:History.state&&History.state[a.id]&&History.state[a.id].url===e.history[e.history.length-1]?s=e.history[e.history.length-1]:e.history=[o.split(d)[0]||"/",s],e.history.length>1?r=!0:e.history=[],e.saveHistory()):(s||(s=o),doc.location.search&&s.indexOf("?")<0&&(s+=doc.location.search),doc.location.hash&&s.indexOf("#")<0&&(s+=doc.location.hash)),e.history.length>1?(i=e.findMatchingRoute(e.history[0]))||(i=Utils.extend(e.parseRouteUrl(e.history[0]),{route:{url:e.history[0],path:e.history[0].split("?")[0]}})):(i=e.findMatchingRoute(s))||(i=Utils.extend(e.parseRouteUrl(s),{route:{url:s,path:s.split("?")[0]}})),e.params.stackPages&&e.$el.children(".page").each(function(t,a){var r=$(a);e.initialPages.push(r[0]),e.dynamicNavbar&&r.children(".navbar").length>0&&e.initialNavbars.push(r.children(".navbar").find(".navbar-inner")[0])}),0===e.$el.children(".page:not(.stacked)").length&&s)?e.navigate(s,{initial:!0,reloadCurrent:!0,pushState:!1}):(e.currentRoute=i,e.$el.children(".page:not(.stacked)").each(function(t,a){var r,i=$(a);i.addClass("page-current"),e.dynamicNavbar&&((r=i.children(".navbar").children(".navbar-inner")).length>0?(e.$navbarEl.parents(doc).length||e.$el.prepend(e.$navbarEl),r.addClass("navbar-current"),e.$navbarEl.append(r),r.children(".title-large").length&&r.addClass("navbar-inner-large"),i.children(".navbar").remove()):(e.$navbarEl.addClass("navbar-hidden"),r.children(".title-large").length&&e.$navbarEl.addClass("navbar-hidden navbar-large-hidden"))),e.currentRoute&&e.currentRoute.route&&e.currentRoute.route.master&&e.params.masterDetailBreakpoint>0&&(i.addClass("page-master"),i.trigger("page:role",{role:"master"}),r&&r.length&&r.addClass("navbar-master"));var s={route:e.currentRoute};e.currentRoute&&e.currentRoute.route&&e.currentRoute.route.options&&Utils.extend(s,e.currentRoute.route.options),e.currentPageEl=i[0],e.dynamicNavbar&&r.length&&(e.currentNavbarEl=r[0]),e.removeThemeElements(i),e.dynamicNavbar&&r.length&&e.removeThemeElements(r),s.route.route.tab&&(n=!0,e.tabLoad(s.route.route.tab,Utils.extend({},s))),e.pageCallback("init",i,r,"current",void 0,s)}),r&&e.navigate(s,{initial:!0,pushState:!1,history:!1,animate:u,once:{pageAfterIn:function(){(e.params.preloadPreviousPage||e.params[t.theme+"SwipeBack"])&&e.history.length>2&&e.back({preload:!0})}}}),r||n||(e.history.push(s),e.saveHistory()));!(s&&p&&c)||History.state&&History.state[a.id]||History.initViewState(a.id,{url:s}),e.emit("local::init routerInit",e)},t.prototype.destroy=function(){var e=this;e.emit("local::destroy routerDestroy",e),Object.keys(e).forEach(function(t){e[t]=null,delete e[t]}),e=null},t}(Framework7Class);Router.prototype.forward=forward,Router.prototype.load=load,Router.prototype.navigate=navigate,Router.prototype.refreshPage=refreshPage,Router.prototype.tabLoad=tabLoad,Router.prototype.tabRemove=tabRemove,Router.prototype.modalLoad=modalLoad,Router.prototype.modalRemove=modalRemove,Router.prototype.backward=backward,Router.prototype.loadBack=loadBack,Router.prototype.back=back,Router.prototype.clearPreviousPages=clearPreviousPages,Router.prototype.clearPreviousHistory=clearPreviousHistory;var RouterModule={name:"router",static:{Router:Router},instance:{cache:{xhr:[],templates:[],components:[]}},create:function(){this.app?this.params.router&&(this.router=new Router(this.app,this)):this.router=new Router(this)}},View=function(e){function t(t,a,r){void 0===r&&(r={}),e.call(this,r,[t]);var i,n,s,o=t,l=$(a),p=this;return p.params=Utils.extend({routes:[],routesAdd:[]},o.params.view,r),p.params.routes.length>0?p.routes=p.params.routes:p.routes=[].concat(o.routes,p.params.routesAdd),i="string"==typeof a?a:(l.attr("id")?"#"+l.attr("id"):"")+(l.attr("class")?"."+l.attr("class").replace(/ /g,".").replace(".active",""):""),"ios"===o.theme&&p.params.iosDynamicNavbar&&0===(n=l.children(".navbar").eq(0)).length&&(n=$('
                ')),Utils.extend(!1,p,{app:o,$el:l,el:l[0],name:p.params.name,main:p.params.main||l.hasClass("view-main"),$navbarEl:n,navbarEl:n?n[0]:void 0,selector:i,history:[],scrollHistory:{}}),l[0].f7View=p,p.useModules(),o.views.push(p),p.main&&(o.views.main=p),p.name&&(o.views[p.name]=p),p.index=o.views.indexOf(p),s=p.name?"view_"+p.name:p.main?"view_main":"view_"+p.index,p.id=s,o.initialized?p.init():o.on("init",function(){p.init()}),p}return e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t,t.prototype.destroy=function(){var e=this,t=e.app;e.$el.trigger("view:beforedestroy",e),e.emit("local::beforeDestroy viewBeforeDestroy",e),t.off("resize",e.checkmasterDetailBreakpoint),e.main?(t.views.main=null,delete t.views.main):e.name&&(t.views[e.name]=null,delete t.views[e.name]),e.$el[0].f7View=null,delete e.$el[0].f7View,t.views.splice(t.views.indexOf(e),1),e.params.router&&e.router&&e.router.destroy(),e.emit("local::destroy viewDestroy",e),Object.keys(e).forEach(function(t){e[t]=null,delete e[t]}),e=null},t.prototype.checkmasterDetailBreakpoint=function(){var e=this.app,t=this.$el.hasClass("view-master-detail");e.width>=this.params.masterDetailBreakpoint?(this.$el.addClass("view-master-detail"),t||(this.emit("local::masterDetailBreakpoint viewMasterDetailBreakpoint"),this.$el.trigger("view:masterDetailBreakpoint",this))):(this.$el.removeClass("view-master-detail"),t&&(this.emit("local::masterDetailBreakpoint viewMasterDetailBreakpoint"),this.$el.trigger("view:masterDetailBreakpoint",this)))},t.prototype.initMasterDetail=function(){var e=this.app;this.checkmasterDetailBreakpoint=this.checkmasterDetailBreakpoint.bind(this),this.checkmasterDetailBreakpoint(),e.on("resize",this.checkmasterDetailBreakpoint)},t.prototype.init=function(){this.params.router&&(this.params.masterDetailBreakpoint>0&&this.initMasterDetail(),this.router.init(),this.$el.trigger("view:init",this),this.emit("local::init viewInit",this))},t}(Framework7Class);function initClicks(e){e.on("click",function(t){var a=$(t.target),r=a.closest("a"),i=r.length>0,n=i&&r.attr("href");if(i&&(r.is(e.params.clicks.externalLinks)||n&&n.indexOf("javascript:")>=0)){var s=r.attr("target");n&&win.cordova&&win.cordova.InAppBrowser&&("_system"===s||"_blank"===s)&&(t.preventDefault(),win.cordova.InAppBrowser.open(n,s))}else{Object.keys(e.modules).forEach(function(r){var i=e.modules[r].clicks;i&&(t.preventF7Router||Object.keys(i).forEach(function(r){var n=a.closest(r).eq(0);n.length>0&&i[r].call(e,n,n.dataset(),t)}))});var o={};if(i&&(t.preventDefault(),o=r.dataset()),!t.preventF7Router&&!r.hasClass("prevent-router")&&!r.hasClass("router-prevent")&&(n&&n.length>0&&"#"!==n[0]||r.hasClass("back"))){var l;if(o.view?l=$(o.view)[0].f7View:(l=a.parents(".view")[0]&&a.parents(".view")[0].f7View,!r.hasClass("back")&&l&&l.params.linksView&&("string"==typeof l.params.linksView?l=$(l.params.linksView)[0].f7View:l.params.linksView instanceof View&&(l=l.params.linksView))),l||e.views.main&&(l=e.views.main),!l||!l.router)return;if(o.context&&"string"==typeof o.context)try{o.context=JSON.parse(o.context)}catch(e){}r[0].f7RouteProps&&(o.props=r[0].f7RouteProps),r.hasClass("back")?l.router.back(n,o):l.router.navigate(n,o)}}})}View.use(RouterModule);var ClicksModule={name:"clicks",params:{clicks:{externalLinks:".external"}},on:{init:function(){initClicks(this)}}},RouterTemplateLoaderModule={name:"routerTemplateLoader",proto:{templateLoader:function(e,t,a,r,i){var n=this;function s(e){var t,s;try{if("function"==typeof(s=a.context||{}))s=s.call(n);else if("string"==typeof s)try{s=JSON.parse(s)}catch(e){throw i(),e}t="function"==typeof e?e(s):Template7.compile(e)(Utils.extend({},s||{},{$app:n.app,$root:Utils.extend({},n.app.data,n.app.methods),$route:a.route,$f7route:a.route,$router:n,$f7router:n,$theme:{ios:"ios"===n.app.theme,md:"md"===n.app.theme,aurora:"aurora"===n.app.theme}}))}catch(e){throw i(),e}r(t,{context:s})}t?(n.xhr&&(n.xhr.abort(),n.xhr=!1),n.xhrRequest(t,a).then(function(e){s(e)}).catch(function(){i()})):s(e)},modalTemplateLoader:function(e,t,a,r,i){return this.templateLoader(e,t,a,function(e){r(e)},i)},tabTemplateLoader:function(e,t,a,r,i){return this.templateLoader(e,t,a,function(e){r(e)},i)},pageTemplateLoader:function(e,t,a,r,i){var n=this;return n.templateLoader(e,t,a,function(e,t){void 0===t&&(t={}),r(n.getPageEl(e),t)},i)}}},RouterComponentLoaderModule={name:"routerComponentLoader",proto:{componentLoader:function(e,t,a,r,i){void 0===a&&(a={});var n,s=this,o=s.app,l="string"==typeof e?e:t,p=s.replaceRequestUrlParams(l,a);function c(e){var t=a.context||{};if("function"==typeof t)t=t.call(s);else if("string"==typeof t)try{t=JSON.parse(t)}catch(e){throw i(),e}var n=Utils.merge({},t,{$route:a.route,$f7route:a.route,$router:s,$f7router:s,$theme:{ios:"ios"===o.theme,md:"md"===o.theme,aurora:"aurora"===o.theme}});o.component.create(e,n).then(function(e){r(e.el)}).catch(function(e){throw i(),new Error(e)})}p&&s.cache.components.forEach(function(e){e.url===p&&(n=e.component)}),p&&n?c(n):p&&!n?(s.xhr&&(s.xhr.abort(),s.xhr=!1),s.xhrRequest(l,a).then(function(e){var t=o.component.parse(e);s.cache.components.push({url:p,component:t}),c(t)}).catch(function(e){throw i(),e})):c(e)},modalComponentLoader:function(e,t,a,r,i,n){this.componentLoader(t,a,r,function(e){i(e)},n)},tabComponentLoader:function(e,t,a,r,i,n){this.componentLoader(t,a,r,function(e){i(e)},n)},pageComponentLoader:function(e,t,a,r,i,n){this.componentLoader(t,a,r,function(e,t){void 0===t&&(t={}),i(e,t)},n)}}},HistoryModule={name:"history",static:{history:History},on:{init:function(){History.init(this)}}},keyPrefix="f7storage-",Storage={get:function(e){return new Promise(function(t,a){try{t(JSON.parse(win.localStorage.getItem(""+keyPrefix+e)))}catch(e){a(e)}})},set:function(e,t){return new Promise(function(a,r){try{win.localStorage.setItem(""+keyPrefix+e,JSON.stringify(t)),a()}catch(e){r(e)}})},remove:function(e){return new Promise(function(t,a){try{win.localStorage.removeItem(""+keyPrefix+e),t()}catch(e){a(e)}})},clear:function(){},length:function(){},keys:function(){return new Promise(function(e,t){try{e(Object.keys(win.localStorage).filter(function(e){return 0===e.indexOf(keyPrefix)}).map(function(e){return e.replace(keyPrefix,"")}))}catch(e){t(e)}})},forEach:function(e){return new Promise(function(t,a){try{Object.keys(win.localStorage).filter(function(e){return 0===e.indexOf(keyPrefix)}).forEach(function(t,a){var r=t.replace(keyPrefix,"");Storage.get(r).then(function(t){e(r,t,a)})}),t()}catch(e){a(e)}})}},StorageModule={name:"storage",static:{Storage:Storage,storage:Storage}};function vnode(e,t,a,r,i){return{sel:e,data:t,children:a,text:r,elm:i,key:void 0===t?void 0:t.key}}var array=Array.isArray;function primitive(e){return"string"==typeof e||"number"==typeof e}function addNS(e,t,a){if(e.ns="http://www.w3.org/2000/svg","foreignObject"!==a&&void 0!==t)for(var r=0;r=0)r.split(".").forEach(function(e,a){if(0!==a||"this"!==e){if(0===a&&"window"===e)return i=win,void(c=!1);if(i||(i=t),!i[e])throw new Error("Framework7: Component doesn't have method \""+r.split(".").slice(0,a+1).join(".")+'"');i=i[e]}});else{if(!t[r])throw new Error("Framework7: Component doesn't have method \""+r+'"');i=t[r]}return c&&(i=i.bind(t)),function(){for(var a=[],r=arguments.length;r--;)a[r]=arguments[r];var c=a[0];o&&l||(n&&c.stopPropagation(),s&&c.preventDefault(),l=!0,e.indexOf("(")<0?p=a:e.split("(")[1].split(")")[0].replace(/'[^']*'|"[^"]*"/g,function(e){return e.replace(/,/g,"<_comma_>")}).split(",").map(function(e){return e.replace(/<_comma_>/g,",")}).forEach(function(e){var a=e.trim();if(isNaN(a))if("true"===a)a=!0;else if("false"===a)a=!1;else if("null"===a)a=null;else if("undefined"===a)a=void 0;else if('"'===a[0])a=a.replace(/"/g,"");else if("'"===a[0])a=a.replace(/'/g,"");else if(a.indexOf(".")>0){var r;a.split(".").forEach(function(e){r||(r=t),r=r[e]}),a=r}else a=t[a];else a=parseFloat(a);p.push(a)}),i.apply(void 0,p))}}function getData(e,t,a,r,i){var n={context:t},s=e.attributes;Array.prototype.forEach.call(s,function(e){var a=e.name,r=e.value;if(propsAttrs.indexOf(a)>=0)n.props||(n.props={}),"readonly"===a&&(a="readOnly"),booleanProps.indexOf(a)>=0?n.props[a]=!1!==r:n.props[a]=r;else if("key"===a)n.key=r;else if(0===a.indexOf("@")){n.on||(n.on={});var s=a.substr(1),o=!1,l=!1,p=!1;s.indexOf(".")>=0&&s.split(".").forEach(function(e,t){0===t?s=e:("stop"===e&&(o=!0),"prevent"===e&&(l=!0),"once"===e&&(p=!0))}),n.on[s]=getEventHandler(r,t,{stop:o,prevent:l,once:p})}else if("style"===a)if(r.indexOf("{")>=0&&r.indexOf("}")>=0)try{n.style=JSON.parse(r)}catch(e){n.attrs||(n.attrs={}),n.attrs.style=r}else n.attrs||(n.attrs={}),n.attrs.style=r;else n.attrs||(n.attrs={}),n.attrs[a]=r,"id"!==a||n.key||i||(n.key=r)});var o=getHooks(n,a,r,i);return o.prepatch=function(e,t){e&&t&&e&&e.data&&e.data.props&&Object.keys(e.data.props).forEach(function(a){booleanProps.indexOf(a)<0||(t.data||(t.data={}),t.data.props||(t.data.props={}),!0!==e.data.props[a]||a in t.data.props||(t.data.props[a]=!1))})},o&&(n.hook=o),n}function getChildren(e,t,a,r){for(var i=[],n=e.childNodes,s=0;s=0?[]:getChildren(e,t,a,r))}function vdom(e,t,a){var r;void 0===e&&(e=""),tempDom.innerHTML=e.trim();for(var i=0;i0?l:o.length,u=c>0?c:o.length,h=-1!==l||-1!==c?o.slice(0,Math.min(d,u)):o,f=e.elm=isDef(r)&&isDef(a=r.ns)?n.createElementNS(a,h):n.createElement(h);for(d0&&f.setAttribute("class",o.slice(u+1).replace(/\./g," ")),a=0;af?c(e,null==a[g+1]?null:a[g+1].elm,a,d,g,r):u(e,t,l,f))}(o,l,d,a):isDef(d)?(isDef(e.text)&&n.setTextContent(o,""),c(o,null,d,0,d.length-1,a)):isDef(l)?u(o,l,0,l.length-1):isDef(e.text)&&n.setTextContent(o,""):e.text!==t.text&&n.setTextContent(o,t.text),isDef(s)&&isDef(r=s.postpatch)&&r(e,t)}}return function(e,t){var a,r,s,l=[];for(a=0;a0;)a[r]=arguments[r+1];handleEvent(t,a,e.vnode)}}function updateEvents(e,t){var a=e.data.on,r=e.listener,i=e.elm,n=t&&t.data.on,s=t&&t.elm;if(a!==n&&(a&&r&&(n?Object.keys(a).forEach(function(e){n[e]||$(i).off(e,r)}):Object.keys(a).forEach(function(e){$(i).off(e,r)})),n)){var o=e.listener||createListener();t.listener=o,o.vnode=t,a?Object.keys(n).forEach(function(e){a[e]||$(s).on(e,o)}):Object.keys(n).forEach(function(e){$(s).on(e,o)})}}var eventListenersModule={create:updateEvents,update:updateEvents,destroy:updateEvents},patch=init([attributesModule,propsModule,styleModule,eventListenersModule]),Framework7Component=function(e,t,a,r){void 0===a&&(a={}),void 0===r&&(r=[]);var i=Utils.id(),n=Utils.merge(this,a,{$:$,$$:$,$dom7:$,$app:e,$f7:e,$options:Utils.extend({id:i},t),$id:t.id||i,$children:r}),s=n.$options;return Object.defineProperty(n,"$root",{enumerable:!0,configurable:!0,get:function(){var t=Utils.merge({},e.data,e.methods);return win&&win.Proxy&&(t=new win.Proxy(t,{set:function(t,a,r){e.data[a]=r},deleteProperty:function(t,a){delete e.data[a],delete e.methods[a]},has:function(t,a){return a in e.data||a in e.methods}})),t},set:function(){}}),["beforeCreate","created","beforeMount","mounted","beforeDestroy","destroyed","updated"].forEach(function(e){s[e]&&(s[e]=s[e].bind(n))}),s.render&&(s.render=s.render.bind(n)),s.methods&&Object.keys(s.methods).forEach(function(e){n[e]=s.methods[e].bind(n)}),s.on&&Object.keys(s.on).forEach(function(e){s.on[e]=s.on[e].bind(n)}),s.once&&Object.keys(s.once).forEach(function(e){s.once[e]=s.once[e].bind(n)}),s.data&&(s.data=s.data.bind(n)),new Promise(function(e,t){n.$hook("data",!0).then(function(t){t&&Utils.extend(n,t),n.$hook("beforeCreate");var a=n.$render();if(n.$options.el)return a=a.trim(),n.$vnode=vdom(a,n,!0),s.style&&(n.$styleEl=doc.createElement("style"),n.$styleEl.innerHTML=s.style,s.styleScoped&&(n.$vnode.data.attrs["data-f7-"+s.id]="")),n.el=n.$options.el,patch(n.el,n.$vnode),n.el=n.$vnode.elm,n.$el=$(n.el),n.$attachEvents(),n.el.f7Component=n,n.$hook("created"),n.$mount(),void e(n);a&&"string"==typeof a?(a=a.trim(),n.$vnode=vdom(a,n,!0),s.style&&s.styleScoped&&(n.$vnode.data.attrs["data-f7-"+s.id]=""),n.el=doc.createElement(n.$vnode.sel||"div"),patch(n.el,n.$vnode),n.$el=$(n.el)):a&&(n.el=a,n.$el=$(n.el),s.style&&s.styleScoped&&n.el.setAttribute("data-f7-"+s.id,"")),s.style&&(n.$styleEl=doc.createElement("style"),n.$styleEl.innerHTML=s.style),n.$attachEvents(),n.el.f7Component=n,n.$hook("created"),e(n)}).catch(function(e){t(e)})})};function parseComponent(e){var t,a=Utils.id(),r="f7_component_create_callback_"+a,i="f7_component_render_callback_"+a,n=e.match(//),s=n[2]||"t7";n&&(t=e.split(//).filter(function(e,t){return t>0}).join("").filter(function(e,t,a){return t").replace(/{{#raw}}([ \n]*)