framework7 9.0.0-beta.1 → 9.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/accordion/accordion-rtl.css +1 -1
- package/components/accordion/accordion.css +1 -1
- package/components/actions/actions-rtl.css +1 -1
- package/components/actions/actions.css +1 -1
- package/components/area-chart/area-chart-rtl.css +1 -1
- package/components/area-chart/area-chart.css +1 -1
- package/components/autocomplete/autocomplete-rtl.css +1 -1
- package/components/autocomplete/autocomplete.css +1 -1
- package/components/breadcrumbs/breadcrumbs-rtl.css +1 -1
- package/components/breadcrumbs/breadcrumbs.css +1 -1
- package/components/calendar/calendar-rtl.css +1 -1
- package/components/calendar/calendar.css +1 -1
- package/components/card/card-rtl.css +1 -1
- package/components/card/card.css +1 -1
- package/components/checkbox/checkbox-rtl.css +1 -1
- package/components/checkbox/checkbox.css +1 -1
- package/components/chip/chip-rtl.css +1 -1
- package/components/chip/chip.css +1 -1
- package/components/color-picker/color-picker-rtl.css +1 -1
- package/components/color-picker/color-picker.css +1 -1
- package/components/contacts-list/contacts-list-rtl.css +1 -1
- package/components/contacts-list/contacts-list.css +1 -1
- package/components/data-table/data-table-rtl.css +1 -1
- package/components/data-table/data-table.css +1 -1
- package/components/dialog/dialog-rtl.css +1 -1
- package/components/dialog/dialog.css +1 -1
- package/components/fab/fab-rtl.css +1 -1
- package/components/fab/fab.css +1 -1
- package/components/gauge/gauge-rtl.css +1 -1
- package/components/gauge/gauge.css +1 -1
- package/components/infinite-scroll/infinite-scroll-rtl.css +1 -1
- package/components/infinite-scroll/infinite-scroll.css +1 -1
- package/components/input/input-rtl.css +1 -1
- package/components/input/input.css +1 -1
- package/components/list-index/list-index-rtl.css +1 -1
- package/components/list-index/list-index.css +1 -1
- package/components/login-screen/login-screen-rtl.css +1 -1
- package/components/login-screen/login-screen.css +1 -1
- package/components/messagebar/messagebar-rtl.css +1 -1
- package/components/messagebar/messagebar.css +1 -1
- package/components/messages/messages-rtl.css +1 -1
- package/components/messages/messages.css +1 -1
- package/components/navbar/navbar-ios.less +6 -2
- package/components/notification/notification-rtl.css +1 -1
- package/components/notification/notification.css +1 -1
- package/components/panel/panel-rtl.css +1 -3
- package/components/panel/panel.css +1 -3
- package/components/photo-browser/photo-browser-rtl.css +1 -1
- package/components/photo-browser/photo-browser.css +1 -1
- package/components/picker/picker-rtl.css +1 -1
- package/components/picker/picker.css +1 -1
- package/components/pie-chart/pie-chart-rtl.css +1 -1
- package/components/pie-chart/pie-chart.css +1 -1
- package/components/popover/popover-rtl.css +1 -1
- package/components/popover/popover.css +1 -1
- package/components/popup/popup-rtl.css +1 -1
- package/components/popup/popup.css +1 -1
- package/components/preloader/preloader-rtl.css +1 -1
- package/components/preloader/preloader.css +1 -1
- package/components/progressbar/progressbar-rtl.css +1 -1
- package/components/progressbar/progressbar.css +1 -1
- package/components/pull-to-refresh/pull-to-refresh-rtl.css +1 -1
- package/components/pull-to-refresh/pull-to-refresh.css +1 -1
- package/components/radio/radio-rtl.css +1 -1
- package/components/radio/radio.css +1 -1
- package/components/range/range-rtl.css +1 -1
- package/components/range/range.css +1 -1
- package/components/searchbar/searchbar-rtl.css +1 -1
- package/components/searchbar/searchbar.css +1 -1
- package/components/sheet/sheet-rtl.css +1 -1
- package/components/sheet/sheet.css +1 -1
- package/components/skeleton/skeleton-rtl.css +1 -1
- package/components/skeleton/skeleton.css +1 -1
- package/components/smart-select/smart-select-rtl.css +1 -1
- package/components/smart-select/smart-select.css +1 -1
- package/components/sortable/sortable-rtl.css +1 -1
- package/components/sortable/sortable.css +1 -1
- package/components/statusbar/statusbar.js +1 -1
- package/components/stepper/stepper-rtl.css +1 -1
- package/components/stepper/stepper.css +1 -1
- package/components/subnavbar/subnavbar-md.less +4 -4
- package/components/swipeout/swipeout-rtl.css +1 -1
- package/components/swipeout/swipeout.css +1 -1
- package/components/swiper/swiper-rtl.css +1 -1
- package/components/swiper/swiper.css +1 -1
- package/components/tabs/tabs-rtl.css +1 -1
- package/components/tabs/tabs.css +1 -1
- package/components/text-editor/text-editor-rtl.css +1 -1
- package/components/text-editor/text-editor.css +1 -1
- package/components/timeline/timeline-rtl.css +1 -1
- package/components/timeline/timeline.css +1 -1
- package/components/toast/toast-rtl.css +1 -1
- package/components/toast/toast.css +1 -1
- package/components/toggle/toggle-rtl.css +1 -1
- package/components/toggle/toggle.css +1 -1
- package/components/toolbar/toolbar-ios.less +12 -4
- package/components/tooltip/tooltip-rtl.css +1 -1
- package/components/tooltip/tooltip.css +1 -1
- package/components/treeview/treeview-rtl.css +1 -1
- package/components/treeview/treeview.css +1 -1
- package/components/typography/typography-rtl.css +1 -1
- package/components/typography/typography.css +1 -1
- package/framework7-bundle-rtl.css +8 -8
- package/framework7-bundle-rtl.min.css +3 -11
- package/framework7-bundle.css +8 -8
- package/framework7-bundle.esm.js +2 -2
- package/framework7-bundle.js +12 -10
- package/framework7-bundle.js.map +1 -1
- package/framework7-bundle.less +2 -2
- package/framework7-bundle.min.css +3 -11
- package/framework7-bundle.min.js +3 -3
- package/framework7-bundle.min.js.map +1 -1
- package/framework7-lite-bundle.esm.js +2 -2
- package/framework7-lite.esm.js +2 -2
- package/framework7-rtl.css +8 -8
- package/framework7-rtl.min.css +3 -9
- package/framework7.css +8 -8
- package/framework7.esm.js +2 -2
- package/framework7.less +2 -2
- package/framework7.min.css +3 -9
- package/modules/router/router-class.js +7 -5
- package/modules/router/router.d.ts +2 -0
- package/modules/service-worker/service-worker.js +1 -1
- package/modules/touch/touch.js +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--f7-popup-border-radius:0px;--f7-popup-tablet-width:630px;--f7-popup-tablet-height:630px;--f7-popup-push-offset:var(--f7-safe-area-top)}.ios{--f7-popup-tablet-border-radius:32px;--f7-popup-transition-duration:400ms;--f7-popup-transition-timing-function:initial;--f7-popup-push-border-radius:32px}.md{--f7-popup-tablet-border-radius:28px;--f7-popup-transition-duration:600ms;--f7-popup-transition-timing-function:cubic-bezier(0,
|
|
1
|
+
:root{--f7-popup-border-radius:0px;--f7-popup-tablet-width:630px;--f7-popup-tablet-height:630px;--f7-popup-push-offset:var(--f7-safe-area-top)}.ios{--f7-popup-tablet-border-radius:32px;--f7-popup-transition-duration:400ms;--f7-popup-transition-timing-function:initial;--f7-popup-push-border-radius:32px}.md{--f7-popup-tablet-border-radius:28px;--f7-popup-transition-duration:600ms;--f7-popup-transition-timing-function:cubic-bezier(0,1,0.2,1);--f7-popup-push-border-radius:28px}.popup-backdrop{z-index:10500}.popup,.popup-backdrop-unique{z-index:11000}.popup{background:#fff;border-radius:var(--f7-popup-border-radius);box-sizing:border-box;display:none;height:100%;left:0;overflow:hidden;position:absolute;top:0;transform:translate3d(0,100vh,0);transition-property:transform;transition-timing-function:var(--f7-popup-transition-timing-function);width:100%}.dark .popup,.popup.dark{background:#000}.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:translateZ(0)}.popup.modal-out{transform:translate3d(0,100vh,0)}.popup.swipe-close-to-top.modal-out{transform:translate3d(0,-100vh,0)}@media (min-width:630px) and (min-height:630px){.popup:not(.popup-tablet-fullscreen){--f7-safe-area-top:0px;--f7-safe-area-bottom:0px;border-radius:var(--f7-popup-tablet-border-radius,var(--f7-popup-border-radius));height:var(--f7-popup-tablet-height);left:50%;margin-left:calc(var(--f7-popup-tablet-width)*-1/2);margin-top:calc(var(--f7-popup-tablet-height)*-1/2);top:50%;transform:translate3d(0,100vh,0);width:var(--f7-popup-tablet-width)}.popup:not(.popup-tablet-fullscreen).modal-in{transform:translateZ(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)}.popup:not(.popup-tablet-fullscreen).popup-behind{pointer-events:none;transform:translateZ(0) scale(.9)}.popup:not(.popup-tablet-fullscreen).popup-behind.modal-out{transform:translate3d(0,100vh,0) scale(.9)}html:has(.popup-push-in) .popup-push:not(.popup-tablet-fullscreen){margin-top:0}}html:has(.popup.modal-in) .framework7-root>.panel .page-content,html:has(.popup.modal-in) .framework7-root>.view .page-content,html:has(.popup.modal-in) .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html:has(.popup-push-closing) .popup-push,html:has(.popup-push-in) .popup-push{border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;height:calc(100% - var(--f7-popup-push-offset) - 10px);top:calc(var(--f7-popup-push-offset) + 10px);--f7-safe-area-top:0px}html:has(.popup-push-closing) .popup-push .page,html:has(.popup-push-closing) .popup-push .view,html:has(.popup-push-in) .popup-push .page,html:has(.popup-push-in) .popup-push .view{--f7-safe-area-top:0px}html:has(.popup-push-closing) .framework7-root,html:has(.popup-push-in) .framework7-root{background:#000}html:has(.popup-push-closing) .framework7-root>.view,html:has(.popup-push-closing) .framework7-root>.views,html:has(.popup-push-in) .framework7-root>.view,html:has(.popup-push-in) .framework7-root>.views{transition-duration:var(--f7-popup-transition-duration);transition-timing-function:var(--f7-popup-transition-timing-function)}html:has(.popup-push-closing) .dark .framework7-root>.view:after,html:has(.popup-push-closing) .dark .framework7-root>.views:after,html:has(.popup-push-closing) .dark.framework7-root>.view:after,html:has(.popup-push-closing) .dark.framework7-root>.views:after,html:has(.popup-push-closing) .framework7-root>.view.dark:after,html:has(.popup-push-closing) .framework7-root>.views.dark:after,html:has(.popup-push-closing).dark .framework7-root>.view:after,html:has(.popup-push-closing).dark .framework7-root>.views:after,html:has(.popup-push-in) .dark .framework7-root>.view:after,html:has(.popup-push-in) .dark .framework7-root>.views:after,html:has(.popup-push-in) .dark.framework7-root>.view:after,html:has(.popup-push-in) .dark.framework7-root>.views:after,html:has(.popup-push-in) .framework7-root>.view.dark:after,html:has(.popup-push-in) .framework7-root>.views.dark:after,html:has(.popup-push-in).dark .framework7-root>.view:after,html:has(.popup-push-in).dark .framework7-root>.views:after{animation:popup-dark-push-overlay-fade-in var(--f7-popup-transition-duration) forwards;background:#ffffff1a;border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;content:"";height:100%;left:0;opacity:1;pointer-events:none;position:absolute;top:0;width:100%;z-index:13000}html:has(.popup-push-in) .framework7-root>.view,html:has(.popup-push-in) .framework7-root>.views{border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;transform:translateZ(0) scale(var(--f7-popup-push-scale,1))!important}html:has(.popup-push-in) .popup:after{background:#0006;border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition-duration:var(--f7-popup-transition-duration);transition-timing-function:var(--f7-popup-transition-timing-function);width:100%;z-index:13000}html:has(.popup-push-in) .dark .popup:after,html:has(.popup-push-in) .dark.popup:after,html:has(.popup-push-in).dark .popup:after{background:#ffffff0d}html:has(.popup-push-in) .popup-behind{transform:translateZ(0) scale(var(--f7-popup-push-scale,1))}html:has(.popup-push-in) .popup-behind.modal-out{transform:translate3d(0,100vh,0) scale(var(--f7-popup-push-scale,1))}html:has(.popup-push-in) .popup-behind:not(.popup-push){border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0}html:has(.popup-push-in) .popup-behind.popup-push{transform:translate3d(0,calc(-10px - var(--f7-popup-push-offset)),0) scale(var(--f7-popup-push-scale,1))}html:has(.popup-push-in) .popup-behind.popup-push.modal-out{transform:translate3d(0,calc(-10px - var(--f7-popup-push-offset) + 100vh),0) scale(var(--f7-popup-push-scale,1))}html:has(.popup-push-in) .popup-behind:after{opacity:1;pointer-events:auto}html:has(.popup-push-closing) .dark .framework7-root>.view:after,html:has(.popup-push-closing) .dark .framework7-root>.views:after,html:has(.popup-push-closing) .dark.framework7-root>.view:after,html:has(.popup-push-closing) .dark.framework7-root>.views:after,html:has(.popup-push-closing) .framework7-root>.view.dark:after,html:has(.popup-push-closing) .framework7-root>.views.dark:after,html:has(.popup-push-closing).dark .framework7-root>.view:after,html:has(.popup-push-closing).dark .framework7-root>.views:after{animation:popup-dark-push-overlay-fade-out var(--f7-popup-transition-duration) forwards;animation-timing-function:var(--f7-popup-transition-timing-function)}@keyframes popup-dark-push-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-dark-push-overlay-fade-out{0%{opacity:1}to{opacity:0}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--f7-preloader-modal-padding:8px;--f7-preloader-modal-bg-color
|
|
1
|
+
:root{--f7-preloader-modal-padding:8px;--f7-preloader-modal-bg-color:#000c}.ios{--f7-preloader-color:#6c6c6c;--f7-preloader-size:20px;--f7-preloader-modal-preloader-size:34px;--f7-preloader-modal-border-radius:5px}.md{--f7-preloader-color:#757575;--f7-preloader-size:32px;--f7-preloader-modal-preloader-size:32px;--f7-preloader-modal-border-radius:4px}.preloader{display:inline-block;font-size:0;height:var(--f7-preloader-size);position:relative;vertical-align:middle;width:var(--f7-preloader-size)}.preloader .preloader-inner{display:block;height:100%;position:relative;width:100%}.preloader-backdrop{background:none;opacity:0;visibility:visible;z-index:14000}.preloader-modal{background:var(--f7-preloader-modal-bg-color);border-radius:var(--f7-preloader-modal-border-radius);left:50%;padding:var(--f7-preloader-modal-padding);position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);z-index:14500}.preloader-modal .preloader{--f7-preloader-size:var(--f7-preloader-modal-preloader-size);display:block!important}.with-modal-preloader .page-content,.with-modal-preloader.page-content,html.with-modal-preloader .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.preloader[class*=color-]{--f7-preloader-color:var(--f7-theme-color)}.preloader.color-white{--f7-preloader-color:#fff}.preloader.color-black{--f7-preloader-color:#000}.ios .preloader{color:var(--f7-preloader-color)}.ios .preloader-inner{animation:ios-preloader-spin 1s steps(8) infinite}.ios .preloader-inner-line{background:currentColor;border-radius:100px;display:block;height:33.33%;left:50%;position:absolute;top:50%;transform-origin:center 150%;width:11.6%}.ios .preloader-multi-color .preloader-inner-line,.ios .preloader.color-multi .preloader-inner-line{animation:ios-preloader-multicolor 3s linear infinite}.ios .preloader-inner-line:first-child{opacity:.27;transform:translate(-50%,-150%) rotate(0deg)}.ios .preloader-inner-line:nth-child(2){opacity:.35285714;transform:translate(-50%,-150%) rotate(45deg)}.ios .preloader-inner-line:nth-child(3){opacity:.43571429;transform:translate(-50%,-150%) rotate(90deg)}.ios .preloader-inner-line:nth-child(4){opacity:.51857143;transform:translate(-50%,-150%) rotate(135deg)}.ios .preloader-inner-line:nth-child(5){opacity:.60142857;transform:translate(-50%,-150%) rotate(180deg)}.ios .preloader-inner-line:nth-child(6){opacity:.68428571;transform:translate(-50%,-150%) rotate(225deg)}.ios .preloader-inner-line:nth-child(7){opacity:.76714286;transform:translate(-50%,-150%) rotate(270deg)}.ios .preloader-inner-line:nth-child(8){opacity:.85;transform:translate(-50%,-150%) rotate(315deg)}@keyframes ios-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ios-preloader-multicolor{0%,to{background-color:#2196f3}25%{background-color:#ff3b30}50%{background-color:#4cd964}75%{background-color:#ff9500}}.md .preloader{color:var(--f7-preloader-color)}.md .preloader-inner{animation:md-preloader-rotate 1.4s linear infinite}.md .preloader-inner circle{animation:md-preloader-circle-rotate 5.6s ease-in-out infinite;fill:none;stroke:currentColor;stroke-dasharray:100px;stroke-dashoffset:80px;stroke-width:4;transform:rotate(-90deg);transform-origin:18px 18px}.md .preloader-multi-color circle,.md .preloader.color-multi circle{animation:md-preloader-circle-rotate 5.6s ease-in-out infinite,md-preloader-multicolor 5.6s ease-in-out infinite}@keyframes md-preloader-multicolor{0%,to{stroke:#4285f4}75%{stroke:#1b9a59}50%{stroke:#f7c223}25%{stroke:#de3e35}}@keyframes md-preloader-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes md-preloader-circle-rotate{0%{stroke-dashoffset:100px;transform:rotate(-90deg)}12.5%{stroke-dashoffset:25px;transform:rotate(-90deg)}25%{stroke-dashoffset:100px;transform:rotate(180deg)}25.1%{stroke-dashoffset:100px;transform:rotate(-180deg)}37.5%{stroke-dashoffset:25px;transform:rotate(-180deg)}50%{stroke-dashoffset:100px;transform:rotate(90deg)}50.1%{stroke-dashoffset:100px;transform:rotate(90deg)}62.5%{stroke-dashoffset:25px;transform:rotate(90deg)}75%{stroke-dashoffset:100px;transform:rotate(1turn)}75.1%{stroke-dashoffset:100px;transform:rotate(0deg)}87.5%{stroke-dashoffset:25px;transform:rotate(0deg)}to{stroke-dashoffset:100px;transform:rotate(270deg)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--f7-preloader-modal-padding:8px;--f7-preloader-modal-bg-color
|
|
1
|
+
:root{--f7-preloader-modal-padding:8px;--f7-preloader-modal-bg-color:#000c}.ios{--f7-preloader-color:#6c6c6c;--f7-preloader-size:20px;--f7-preloader-modal-preloader-size:34px;--f7-preloader-modal-border-radius:5px}.md{--f7-preloader-color:#757575;--f7-preloader-size:32px;--f7-preloader-modal-preloader-size:32px;--f7-preloader-modal-border-radius:4px}.preloader{display:inline-block;font-size:0;height:var(--f7-preloader-size);position:relative;vertical-align:middle;width:var(--f7-preloader-size)}.preloader .preloader-inner{display:block;height:100%;position:relative;width:100%}.preloader-backdrop{background:none;opacity:0;visibility:visible;z-index:14000}.preloader-modal{background:var(--f7-preloader-modal-bg-color);border-radius:var(--f7-preloader-modal-border-radius);left:50%;padding:var(--f7-preloader-modal-padding);position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);z-index:14500}.preloader-modal .preloader{--f7-preloader-size:var(--f7-preloader-modal-preloader-size);display:block!important}.with-modal-preloader .page-content,.with-modal-preloader.page-content,html.with-modal-preloader .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.preloader[class*=color-]{--f7-preloader-color:var(--f7-theme-color)}.preloader.color-white{--f7-preloader-color:#fff}.preloader.color-black{--f7-preloader-color:#000}.ios .preloader{color:var(--f7-preloader-color)}.ios .preloader-inner{animation:ios-preloader-spin 1s steps(8) infinite}.ios .preloader-inner-line{background:currentColor;border-radius:100px;display:block;height:33.33%;left:50%;position:absolute;top:50%;transform-origin:center 150%;width:11.6%}.ios .preloader-multi-color .preloader-inner-line,.ios .preloader.color-multi .preloader-inner-line{animation:ios-preloader-multicolor 3s linear infinite}.ios .preloader-inner-line:first-child{opacity:.27;transform:translate(-50%,-150%) rotate(0deg)}.ios .preloader-inner-line:nth-child(2){opacity:.35285714;transform:translate(-50%,-150%) rotate(45deg)}.ios .preloader-inner-line:nth-child(3){opacity:.43571429;transform:translate(-50%,-150%) rotate(90deg)}.ios .preloader-inner-line:nth-child(4){opacity:.51857143;transform:translate(-50%,-150%) rotate(135deg)}.ios .preloader-inner-line:nth-child(5){opacity:.60142857;transform:translate(-50%,-150%) rotate(180deg)}.ios .preloader-inner-line:nth-child(6){opacity:.68428571;transform:translate(-50%,-150%) rotate(225deg)}.ios .preloader-inner-line:nth-child(7){opacity:.76714286;transform:translate(-50%,-150%) rotate(270deg)}.ios .preloader-inner-line:nth-child(8){opacity:.85;transform:translate(-50%,-150%) rotate(315deg)}@keyframes ios-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ios-preloader-multicolor{0%,to{background-color:#2196f3}25%{background-color:#ff3b30}50%{background-color:#4cd964}75%{background-color:#ff9500}}.md .preloader{color:var(--f7-preloader-color)}.md .preloader-inner{animation:md-preloader-rotate 1.4s linear infinite}.md .preloader-inner circle{animation:md-preloader-circle-rotate 5.6s ease-in-out infinite;fill:none;stroke:currentColor;stroke-dasharray:100px;stroke-dashoffset:80px;stroke-width:4;transform:rotate(-90deg);transform-origin:18px 18px}.md .preloader-multi-color circle,.md .preloader.color-multi circle{animation:md-preloader-circle-rotate 5.6s ease-in-out infinite,md-preloader-multicolor 5.6s ease-in-out infinite}@keyframes md-preloader-multicolor{0%,to{stroke:#4285f4}75%{stroke:#1b9a59}50%{stroke:#f7c223}25%{stroke:#de3e35}}@keyframes md-preloader-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes md-preloader-circle-rotate{0%{stroke-dashoffset:100px;transform:rotate(-90deg)}12.5%{stroke-dashoffset:25px;transform:rotate(-90deg)}25%{stroke-dashoffset:100px;transform:rotate(180deg)}25.1%{stroke-dashoffset:100px;transform:rotate(-180deg)}37.5%{stroke-dashoffset:25px;transform:rotate(-180deg)}50%{stroke-dashoffset:100px;transform:rotate(90deg)}50.1%{stroke-dashoffset:100px;transform:rotate(90deg)}62.5%{stroke-dashoffset:25px;transform:rotate(90deg)}75%{stroke-dashoffset:100px;transform:rotate(1turn)}75.1%{stroke-dashoffset:100px;transform:rotate(0deg)}87.5%{stroke-dashoffset:25px;transform:rotate(0deg)}to{stroke-dashoffset:100px;transform:rotate(270deg)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ios{--f7-progressbar-height:6px;--f7-progressbar-border-radius:16px;--f7-progressbar-bg-color
|
|
1
|
+
.ios{--f7-progressbar-height:6px;--f7-progressbar-border-radius:16px;--f7-progressbar-bg-color:#0000001a}.ios .dark,.ios.dark{--f7-progressbar-bg-color:#ffffff4d}.md{--f7-progressbar-height:4px;--f7-progressbar-border-radius:4px}.md,.md .dark,.md [class*=color-]{--f7-progressbar-bg-color:var(--f7-md-secondary-container)}.progressbar,.progressbar-infinite{background:var(--f7-progressbar-bg-color,rgba(var(--f7-theme-color-rgb),.5));border-radius:var(--f7-progressbar-border-radius);display:block;height:var(--f7-progressbar-height);overflow:hidden;position:relative;transform-origin:center top;transform-style:preserve-3d;width:100%}.progressbar{vertical-align:middle}.progressbar span{background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));border-radius:inherit;height:100%;position:absolute;right:0;top:0;transform:translate3d(100%,0,0);transition-duration:.15s;width:100%}.progressbar-infinite{z-index:15000}.progressbar-infinite:after,.progressbar-infinite:before{background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));content:"";display:block;height:100%;position:absolute;right:0;top:0;transform:translateZ(0);transform-origin:right center;width:100%}.progressbar-infinite.color-multi{background:none!important}.progressbar-in{animation:progressbar-in .15s forwards}.progressbar-out{animation:progressbar-out .15s 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{border-radius:0!important;left:0;position:absolute;top:0;transform-origin:center top!important;z-index:15000}.framework7-root>.progressbar:after,.page>.progressbar:after,.panel>.progressbar:after,.popup>.progressbar:after,.view>.progressbar:after,.views>.progressbar:after,body>.progressbar:after{display:none}@keyframes progressbar-in{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes progressbar-out{0%{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{animation:ios-progressbar-infinite-multicolor 3s linear infinite;background-image:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-repeat:repeat-x;background-size:25% 100%;width:400%}@keyframes ios-progressbar-infinite{0%{transform:translate3d(100%,0,0)}to{transform:translate3d(-100%,0,0)}}@keyframes ios-progressbar-infinite-multicolor{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.md .progressbar:not(.progressbar-infinite):after{background:var(--f7-progressbar-progress-color,var(--f7-theme-color));border-radius:var(--f7-progressbar-border-radius);content:"";height:var(--f7-progressbar-height);position:absolute;right:0;top:0;width:var(--f7-progressbar-height)}.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{animation:md-progressbar-infinite-multicolor-bg 3s step-end infinite;background:none}.md .progressbar-infinite.color-multi:after{animation:md-progressbar-infinite-multicolor-fill 3s linear infinite;background:none;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)}to{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)}to{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%{background-color:#f44336;transform:scaleX(0)}24.9%{background-color:#f44336;transform:scaleX(1)}25%{background-color:#2196f3;transform:scaleX(0)}49.9%{background-color:#2196f3;transform:scaleX(1)}50%{background-color:#ffeb3b;transform:scaleX(0)}74.9%{background-color:#ffeb3b;transform:scaleX(1)}75%{background-color:#4caf50;transform:scaleX(0)}to{background-color:#4caf50;transform:scaleX(1)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ios{--f7-progressbar-height:6px;--f7-progressbar-border-radius:16px;--f7-progressbar-bg-color
|
|
1
|
+
.ios{--f7-progressbar-height:6px;--f7-progressbar-border-radius:16px;--f7-progressbar-bg-color:#0000001a}.ios .dark,.ios.dark{--f7-progressbar-bg-color:#ffffff4d}.md{--f7-progressbar-height:4px;--f7-progressbar-border-radius:4px}.md,.md .dark,.md [class*=color-]{--f7-progressbar-bg-color:var(--f7-md-secondary-container)}.progressbar,.progressbar-infinite{background:var(--f7-progressbar-bg-color,rgba(var(--f7-theme-color-rgb),.5));border-radius:var(--f7-progressbar-border-radius);display:block;height:var(--f7-progressbar-height);overflow:hidden;position:relative;transform-origin:center top;transform-style:preserve-3d;width:100%}.progressbar{vertical-align:middle}.progressbar span{background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));border-radius:inherit;height:100%;left:0;position:absolute;top:0;transform:translate3d(-100%,0,0);transition-duration:.15s;width:100%}.progressbar-infinite{z-index:15000}.progressbar-infinite:after,.progressbar-infinite:before{background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));content:"";display:block;height:100%;left:0;position:absolute;top:0;transform:translateZ(0);transform-origin:left center;width:100%}.progressbar-infinite.color-multi{background:none!important}.progressbar-in{animation:progressbar-in .15s forwards}.progressbar-out{animation:progressbar-out .15s 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{border-radius:0!important;left:0;position:absolute;top:0;transform-origin:center top!important;z-index:15000}.framework7-root>.progressbar:after,.page>.progressbar:after,.panel>.progressbar:after,.popup>.progressbar:after,.view>.progressbar:after,.views>.progressbar:after,body>.progressbar:after{display:none}@keyframes progressbar-in{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes progressbar-out{0%{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{animation:ios-progressbar-infinite-multicolor 3s linear infinite;background-image:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-repeat:repeat-x;background-size:25% 100%;width:400%}@keyframes ios-progressbar-infinite{0%{transform:translate3d(-100%,0,0)}to{transform:translate3d(100%,0,0)}}@keyframes ios-progressbar-infinite-multicolor{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.md .progressbar:not(.progressbar-infinite):after{background:var(--f7-progressbar-progress-color,var(--f7-theme-color));border-radius:var(--f7-progressbar-border-radius);content:"";height:var(--f7-progressbar-height);position:absolute;right:0;top:0;width:var(--f7-progressbar-height)}.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{animation:md-progressbar-infinite-multicolor-bg 3s step-end infinite;background:none}.md .progressbar-infinite.color-multi:after{animation:md-progressbar-infinite-multicolor-fill 3s linear infinite;background:none;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)}to{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)}to{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%{background-color:#f44336;transform:scaleX(0)}24.9%{background-color:#f44336;transform:scaleX(1)}25%{background-color:#2196f3;transform:scaleX(0)}49.9%{background-color:#2196f3;transform:scaleX(1)}50%{background-color:#ffeb3b;transform:scaleX(0)}74.9%{background-color:#ffeb3b;transform:scaleX(1)}75%{background-color:#4caf50;transform:scaleX(0)}to{background-color:#4caf50;transform:scaleX(1)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ios{--f7-ptr-preloader-size:28px;--f7-ptr-size:44px}.md{--f7-ptr-preloader-size:22px;--f7-ptr-size:40px}.md,.md .dark,.md [class*=color-]{--f7-ptr-preloader-bg-color:var(--f7-md-surface-1);--f7-ptr-preloader-color:var(--f7-md-primary)}.ptr-preloader{
|
|
1
|
+
.ios{--f7-ptr-preloader-size:28px;--f7-ptr-size:44px}.md{--f7-ptr-preloader-size:22px;--f7-ptr-size:40px}.md,.md .dark,.md [class*=color-]{--f7-ptr-preloader-bg-color:var(--f7-md-surface-1);--f7-ptr-preloader-color:var(--f7-md-primary)}.ptr-preloader{height:var(--f7-ptr-size);pointer-events:none;position:relative;top:var(--f7-ptr-top,0)}.ptr-preloader .preloader{height:var(--f7-ptr-preloader-size);left:50%;margin-left:calc(var(--f7-ptr-preloader-size)*-1/2);margin-top:calc(var(--f7-ptr-preloader-size)*-1/2);position:absolute;top:50%;visibility:hidden;width:var(--f7-ptr-preloader-size)}.ptr-bottom .ptr-preloader{bottom:0;position:fixed;top:auto}.ptr-with-navbar-large-transparent .ptr-preloader,.ptr-with-navbar-transparent .ptr-preloader{top:calc(var(--f7-page-navbar-offset, 0px)*-1 + var(--f7-safe-area-top))}.ios .ptr-preloader{left:0;margin-bottom:calc(var(--f7-ptr-size)*-1);position:relative;top:0;width:100%}.ios .ptr-preloader .preloader{visibility:visible}.ios .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader,.ios .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader-inner{animation:none}.ios .ptr-content.ptr-closing .ptr-preloader .preloader-inner-line,.ios .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up):not(.ptr-pull-down) .ptr-preloader .preloader-inner-line{opacity:0!important}.ios .ptr-refreshing>*,.ios .ptr-transitioning>*{transition-duration:.2s;transition-property:transform}.ios .ptr-transitioning .ptr-preloader .preloader-inner-line{transition-duration:.2s}.ios .ptr-pull-up .ptr-preloader .preloader{animation:ios-ptr-preloader-spin 1s ease-out forwards}.ios .ptr-refreshing:not(.ptr-bottom){transform:none}.ios .ptr-refreshing:not(.ptr-bottom)>*{transform:translate3d(0,var(--f7-ptr-size),0)}.ios .ptr-refreshing:not(.ptr-bottom)>.ptr-preloader{transform:translateZ(0)}.ios .ptr-bottom .ptr-preloader{margin-bottom:0;margin-top:calc(var(--f7-ptr-size)*-1);position:relative}.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(var(--f7-ptr-size)*-1),0)}.ios .ptr-bottom.ptr-refreshing>.ptr-preloader{transform:translateZ(0)}@keyframes ios-ptr-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(135deg)}}.md{--f7-ptr-top:-4px}.md .ptr-preloader{background:var(--f7-ptr-preloader-bg-color);border-radius:50%;width:var(--f7-ptr-size);--f7-preloader-color:var(--f7-ptr-preloader-color);box-shadow:0 2px 1px -1px #0003,0 1px 1px 0 #00000024,0 1px 3px 0 #0000001f;margin-right:calc(var(--f7-ptr-size)*-1/2);margin-top:calc(var(--f7-ptr-size)*-1);right:50%;z-index:100}.md .ptr-preloader .preloader circle{stroke-width:4}.md .ptr-arrow{border:3px solid var(--f7-preloader-color);border-left:3px solid #0000;border-radius:50%;box-sizing:border-box;height:22px;left:50%;margin-left:-11px;margin-top:-11px;opacity:1;position:absolute;top:50%;transform:rotate(150deg);width:22px}.md .ptr-arrow:after{border-bottom-color:inherit;border-bottom-style:solid;border-bottom-width:6px;border-left:5px solid #0000;border-right:5px solid #0000;bottom:0;content:"";height:0;left:-5px;position:absolute;transform:rotate(-40deg);width:0}.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-inner,.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader circle{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{opacity:0;transform:rotate(620deg)!important;transition:.4s}.md .ptr-refreshing .ptr-preloader,.md .ptr-transitioning .ptr-preloader{transition-duration:.3s;transition-property:transform,opacity}.md .ptr-bottom .ptr-preloader{margin-bottom:calc(var(--f7-ptr-size)*-1 - 4px);margin-top:0}.md .ptr-bottom.ptr-refreshing .ptr-preloader{transform:translate3d(0,-66px,0)}.md .ptr-with-navbar-large-transparent .ptr-preloader,.md .ptr-with-navbar-transparent .ptr-preloader{opacity:0}.md .ptr-with-navbar-large-transparent.ptr-pull-down .ptr-preloader,.md .ptr-with-navbar-large-transparent.ptr-pull-up .ptr-preloader,.md .ptr-with-navbar-large-transparent.ptr-refreshing .ptr-preloader,.md .ptr-with-navbar-transparent.ptr-pull-down .ptr-preloader,.md .ptr-with-navbar-transparent.ptr-pull-up .ptr-preloader,.md .ptr-with-navbar-transparent.ptr-refreshing .ptr-preloader{opacity:1}.md .ptr-with-navbar-large-transparent.ptr-closing .ptr-preloader,.md .ptr-with-navbar-transparent.ptr-closing .ptr-preloader{opacity:0;transition-duration:.3s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ios{--f7-ptr-preloader-size:28px;--f7-ptr-size:44px}.md{--f7-ptr-preloader-size:22px;--f7-ptr-size:40px}.md,.md .dark,.md [class*=color-]{--f7-ptr-preloader-bg-color:var(--f7-md-surface-1);--f7-ptr-preloader-color:var(--f7-md-primary)}.ptr-preloader{
|
|
1
|
+
.ios{--f7-ptr-preloader-size:28px;--f7-ptr-size:44px}.md{--f7-ptr-preloader-size:22px;--f7-ptr-size:40px}.md,.md .dark,.md [class*=color-]{--f7-ptr-preloader-bg-color:var(--f7-md-surface-1);--f7-ptr-preloader-color:var(--f7-md-primary)}.ptr-preloader{height:var(--f7-ptr-size);pointer-events:none;position:relative;top:var(--f7-ptr-top,0)}.ptr-preloader .preloader{height:var(--f7-ptr-preloader-size);left:50%;margin-left:calc(var(--f7-ptr-preloader-size)*-1/2);margin-top:calc(var(--f7-ptr-preloader-size)*-1/2);position:absolute;top:50%;visibility:hidden;width:var(--f7-ptr-preloader-size)}.ptr-bottom .ptr-preloader{bottom:0;position:fixed;top:auto}.ptr-with-navbar-large-transparent .ptr-preloader,.ptr-with-navbar-transparent .ptr-preloader{top:calc(var(--f7-page-navbar-offset, 0px)*-1 + var(--f7-safe-area-top))}.ios .ptr-preloader{left:0;margin-bottom:calc(var(--f7-ptr-size)*-1);position:relative;top:0;width:100%}.ios .ptr-preloader .preloader{visibility:visible}.ios .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader,.ios .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader-inner{animation:none}.ios .ptr-content.ptr-closing .ptr-preloader .preloader-inner-line,.ios .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up):not(.ptr-pull-down) .ptr-preloader .preloader-inner-line{opacity:0!important}.ios .ptr-refreshing>*,.ios .ptr-transitioning>*{transition-duration:.2s;transition-property:transform}.ios .ptr-transitioning .ptr-preloader .preloader-inner-line{transition-duration:.2s}.ios .ptr-pull-up .ptr-preloader .preloader{animation:ios-ptr-preloader-spin 1s ease-out forwards}.ios .ptr-refreshing:not(.ptr-bottom){transform:none}.ios .ptr-refreshing:not(.ptr-bottom)>*{transform:translate3d(0,var(--f7-ptr-size),0)}.ios .ptr-refreshing:not(.ptr-bottom)>.ptr-preloader{transform:translateZ(0)}.ios .ptr-bottom .ptr-preloader{margin-bottom:0;margin-top:calc(var(--f7-ptr-size)*-1);position:relative}.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(var(--f7-ptr-size)*-1),0)}.ios .ptr-bottom.ptr-refreshing>.ptr-preloader{transform:translateZ(0)}@keyframes ios-ptr-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(135deg)}}.md{--f7-ptr-top:-4px}.md .ptr-preloader{background:var(--f7-ptr-preloader-bg-color);border-radius:50%;width:var(--f7-ptr-size);--f7-preloader-color:var(--f7-ptr-preloader-color);box-shadow:0 2px 1px -1px #0003,0 1px 1px 0 #00000024,0 1px 3px 0 #0000001f;left:50%;margin-left:calc(var(--f7-ptr-size)*-1/2);margin-top:calc(var(--f7-ptr-size)*-1);z-index:100}.md .ptr-preloader .preloader circle{stroke-width:4}.md .ptr-arrow{border:3px solid var(--f7-preloader-color);border-left:3px solid #0000;border-radius:50%;box-sizing:border-box;height:22px;left:50%;margin-left:-11px;margin-top:-11px;opacity:1;position:absolute;top:50%;transform:rotate(150deg);width:22px}.md .ptr-arrow:after{border-bottom-color:inherit;border-bottom-style:solid;border-bottom-width:6px;border-left:5px solid #0000;border-right:5px solid #0000;bottom:0;content:"";height:0;left:-5px;position:absolute;transform:rotate(-40deg);width:0}.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-inner,.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader circle{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{opacity:0;transform:rotate(620deg)!important;transition:.4s}.md .ptr-refreshing .ptr-preloader,.md .ptr-transitioning .ptr-preloader{transition-duration:.3s;transition-property:transform,opacity}.md .ptr-bottom .ptr-preloader{margin-bottom:calc(var(--f7-ptr-size)*-1 - 4px);margin-top:0}.md .ptr-bottom.ptr-refreshing .ptr-preloader{transform:translate3d(0,-66px,0)}.md .ptr-with-navbar-large-transparent .ptr-preloader,.md .ptr-with-navbar-transparent .ptr-preloader{opacity:0}.md .ptr-with-navbar-large-transparent.ptr-pull-down .ptr-preloader,.md .ptr-with-navbar-large-transparent.ptr-pull-up .ptr-preloader,.md .ptr-with-navbar-large-transparent.ptr-refreshing .ptr-preloader,.md .ptr-with-navbar-transparent.ptr-pull-down .ptr-preloader,.md .ptr-with-navbar-transparent.ptr-pull-up .ptr-preloader,.md .ptr-with-navbar-transparent.ptr-refreshing .ptr-preloader{opacity:1}.md .ptr-with-navbar-large-transparent.ptr-closing .ptr-preloader,.md .ptr-with-navbar-transparent.ptr-closing .ptr-preloader{opacity:0;transition-duration:.3s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--f7-radio-border-radius:50%;--f7-radio-extra-margin:0px}:root .dark,:root.dark{--f7-radio-inactive-color
|
|
1
|
+
:root{--f7-radio-border-radius:50%;--f7-radio-extra-margin:0px}:root .dark,:root.dark{--f7-radio-inactive-color:#ffffff4d}.ios{--f7-radio-size:22px;--f7-radio-border-width:1px;--f7-radio-inactive-color:#c7c7cc}.md{--f7-radio-size:20px;--f7-radio-border-width:2px;--f7-radio-inactive-color:#6d6d6d}.radio{display:inline-block;position:relative;vertical-align:middle;z-index:1;--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb),0.5)}.icon-radio{border-radius:var(--f7-radio-border-radius);box-sizing:border-box;display:block;flex-shrink:0;height:var(--f7-radio-size);position:relative;width:var(--f7-radio-size)}.color-white .icon-radio,.color-white .radio,.icon-radio.color-white,.radio.color-white{--f7-theme-color:#fff}.color-black .icon-radio,.color-black .radio,.icon-radio.color-black,.radio.color-black{--f7-theme-color:#000}.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:initial}.disabled label.item-radio,label.item-radio.disabled{opacity:.55;pointer-events:none}.ios .icon-radio:after{font-family:framework7-core-icons;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;color:var(--f7-radio-active-color,var(--f7-theme-color));content:"radio_ios";display:block;font-feature-settings:"liga";font-size:20px;height:100%;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);opacity:0;text-align:center;width:100%;width:calc(var(--f7-radio-size) - var(--f7-radio-border-width)*2)}.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:not(.item-radio-icon-start) input[type=radio]~.icon-radio{left:calc(var(--f7-safe-area-left) + 10px);margin-top:-11px;position:absolute;top:50%}.ios label.item-radio:not(.item-radio-icon-start) .item-inner{padding-left:calc(var(--f7-safe-area-left) + 36px)}.ios label.item-radio-icon-start>.icon-radio{margin-left:calc(var(--f7-list-item-media-margin) + var(--f7-checkbox-extra-margin))}.ios label.item-radio.active-state{transition-duration:0s}.md .icon-radio,.md .icon-radio:after{transition-duration:.2s}.md .icon-radio:after{background-color:var(--f7-radio-active-color,var(--f7-theme-color));border-radius:50%;content:"";height:10px;left:50%;margin-left:-5px;margin-top:-5px;position:absolute;top:50%;transform:scale(0);width:10px}.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{overflow:hidden;position:relative;z-index:0}.md label.item-radio:not(.item-radio-icon-end)>.icon-radio{margin-left:calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin))}.md label.item-radio-icon-end input[type=radio]~.icon-radio{left:calc(var(--f7-safe-area-left) + 16px);margin-top:-10px;position:absolute;top:50%}.md label.item-radio-icon-end .item-inner{padding-left:calc(var(--f7-safe-area-left) + 52px)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--f7-radio-border-radius:50%;--f7-radio-extra-margin:0px}:root .dark,:root.dark{--f7-radio-inactive-color
|
|
1
|
+
:root{--f7-radio-border-radius:50%;--f7-radio-extra-margin:0px}:root .dark,:root.dark{--f7-radio-inactive-color:#ffffff4d}.ios{--f7-radio-size:22px;--f7-radio-border-width:1px;--f7-radio-inactive-color:#c7c7cc}.md{--f7-radio-size:20px;--f7-radio-border-width:2px;--f7-radio-inactive-color:#6d6d6d}.radio{display:inline-block;position:relative;vertical-align:middle;z-index:1;--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb),0.5)}.icon-radio{border-radius:var(--f7-radio-border-radius);box-sizing:border-box;display:block;flex-shrink:0;height:var(--f7-radio-size);position:relative;width:var(--f7-radio-size)}.color-white .icon-radio,.color-white .radio,.icon-radio.color-white,.radio.color-white{--f7-theme-color:#fff}.color-black .icon-radio,.color-black .radio,.icon-radio.color-black,.radio.color-black{--f7-theme-color:#000}.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:initial}.disabled label.item-radio,label.item-radio.disabled{opacity:.55;pointer-events:none}.ios .icon-radio:after{font-family:framework7-core-icons;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;color:var(--f7-radio-active-color,var(--f7-theme-color));content:"radio_ios";display:block;font-feature-settings:"liga";font-size:20px;height:100%;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);opacity:0;text-align:center;width:100%;width:calc(var(--f7-radio-size) - var(--f7-radio-border-width)*2)}.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:not(.item-radio-icon-start) input[type=radio]~.icon-radio{margin-top:-11px;position:absolute;right:calc(var(--f7-safe-area-right) + 10px);top:50%}.ios label.item-radio:not(.item-radio-icon-start) .item-inner{padding-right:calc(var(--f7-safe-area-right) + 36px)}.ios label.item-radio-icon-start>.icon-radio{margin-right:calc(var(--f7-list-item-media-margin) + var(--f7-checkbox-extra-margin))}.ios label.item-radio.active-state{transition-duration:0s}.md .icon-radio,.md .icon-radio:after{transition-duration:.2s}.md .icon-radio:after{background-color:var(--f7-radio-active-color,var(--f7-theme-color));border-radius:50%;content:"";height:10px;left:50%;margin-left:-5px;margin-top:-5px;position:absolute;top:50%;transform:scale(0);width:10px}.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{overflow:hidden;position:relative;z-index:0}.md label.item-radio:not(.item-radio-icon-end)>.icon-radio{margin-right:calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin))}.md label.item-radio-icon-end input[type=radio]~.icon-radio{margin-top:-10px;position:absolute;right:calc(var(--f7-safe-area-right) + 16px);top:50%}.md label.item-radio-icon-end .item-inner{padding-right:calc(var(--f7-safe-area-right) + 52px)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--f7-range-scale-step-height:5px;--f7-range-scale-substep-width:1px;--f7-range-scale-substep-height:4px}.ios{--f7-range-size:28px;--f7-range-bar-size:6px;--f7-range-bar-border-radius:6px;--f7-range-knob-width:38px;--f7-range-knob-height:24px;--f7-range-knob-color:#fff;--f7-range-knob-box-shadow:0 2px 4px
|
|
1
|
+
:root{--f7-range-scale-step-height:5px;--f7-range-scale-substep-width:1px;--f7-range-scale-substep-height:4px}.ios{--f7-range-size:28px;--f7-range-bar-size:6px;--f7-range-bar-border-radius:6px;--f7-range-knob-width:38px;--f7-range-knob-height:24px;--f7-range-knob-color:#fff;--f7-range-knob-box-shadow:0 2px 4px #0000004d;--f7-range-label-size:24px;--f7-range-label-text-color:#000;--f7-range-label-bg-color:#fff;--f7-range-label-font-size:12px;--f7-range-label-font-weight:500;--f7-range-label-border-radius:5px;--f7-range-label-padding:0px 4px;--f7-range-scale-text-color:#666;--f7-range-scale-step-width:1px;--f7-range-scale-font-size:12px;--f7-range-scale-font-weight:400;--f7-range-scale-label-offset:4px;--f7-range-bar-bg-color:#0003}.ios .dark,.ios.dark{--f7-range-bar-bg-color:#fff3}.md{--f7-range-size:20px;--f7-range-bar-size:16px;--f7-range-bar-border-radius:16px;--f7-range-knob-width:16px;--f7-range-knob-height:44px;--f7-range-knob-box-shadow:none;--f7-range-label-size:26px;--f7-range-label-font-weight:normal;--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}.md,.md .dark,.md [class*=color-]{--f7-range-bar-bg-color:var(--f7-md-secondary-container);--f7-range-knob-color:var(--f7-theme-color);--f7-range-label-text-color:var(--f7-md-on-primary);--f7-range-label-bg-color:var(--f7-theme-color);--f7-range-scale-text-color:var(--f7-md-on-surface-variant)}.range-slider{align-self:center;cursor:pointer;display:block;position:relative;-webkit-user-select:none;user-select:none}.range-slider input[type=range]{display:none}.range-slider.range-slider-horizontal{height:var(--f7-range-size);touch-action:pan-y;width:100%}.range-slider.range-slider-vertical{height:100%;touch-action:pan-x;width:var(--f7-range-size)}.range-bar{background:var(--f7-range-bar-bg-color);border-radius:var(--f7-range-bar-border-radius);overflow:hidden;position:absolute}.range-slider-vertical .range-bar{height:100%;left:50%;margin-left:calc(var(--f7-range-bar-size)*-1/2);top:0;width:var(--f7-range-bar-size)}.range-slider-horizontal .range-bar{height:var(--f7-range-bar-size);left:0;margin-top:calc(var(--f7-range-bar-size)*-1/2);top:50%;width:100%}.range-bar-active{background:var(--f7-range-bar-active-bg-color,var(--f7-theme-color));position:absolute}.range-slider-horizontal .range-bar-active{height:100%;right:0;top:0}.range-slider-vertical .range-bar-active{bottom:0;left:0;width:100%}.range-slider-vertical-reversed .range-bar-active{bottom:auto;top:0}.range-knob-wrap{height:var(--f7-range-knob-height);position:absolute;width:var(--f7-range-knob-width);z-index:20}.range-slider-horizontal .range-knob-wrap{margin-right:calc(var(--f7-range-knob-width)*-1/2);margin-top:calc(var(--f7-range-knob-height)*-1/2);right:0;top:50%}.range-slider-vertical .range-knob-wrap{bottom:0;height:var(--f7-range-knob-width);left:50%;margin-bottom:calc(var(--f7-range-knob-width)*-1/2);margin-left:calc(var(--f7-range-knob-height)*-1/2);width:var(--f7-range-knob-height)}.range-slider-vertical-reversed .range-knob-wrap{bottom:auto;margin-bottom:0;margin-top:calc(var(--f7-range-knob-width)*-1/2);top:0}.range-knob{background:var(--f7-range-knob-color,var(--f7-range-knob-bg-color,var(--f7-theme-color)));box-shadow:var(--f7-range-knob-box-shadow);box-sizing:border-box;z-index:1}.range-knob-label{background-color:var(--f7-range-label-bg-color,var(--f7-theme-color));border-radius:var(--f7-range-label-border-radius);bottom:100%;box-sizing:border-box;color:var(--f7-range-label-text-color);font-size:var(--f7-range-label-font-size);font-weight:var(--f7-range-label-font-weight);height:var(--f7-range-label-size);left:50%;line-height:var(--f7-range-label-size);min-width:var(--f7-range-label-size);padding:var(--f7-range-label-padding);position:absolute;text-align:center;transform:translateY(100%) scale(0);transition-duration:.12s;transition-property:transform}.range-knob-active-state .range-knob-label{transform:translateY(0) scale(1)}.range-scale{position:absolute}.range-slider-horizontal .range-scale{left:0;margin-top:calc(var(--f7-range-bar-size)/2);top:50%;width:100%}.range-slider-vertical .range-scale{height:100%;margin-right:calc(var(--f7-range-bar-size)/2);right:50%;top:0}.range-scale-step{box-sizing:border-box;color:var(--f7-range-scale-text-color,var(--f7-range-bar-bg-color));display:flex;font-size:var(--f7-range-scale-font-size);font-weight:var(--f7-range-scale-font-weight);line-height:1;position:absolute}.range-scale-step:before{background:var(--f7-range-scale-step-bg-color,var(--f7-range-bar-bg-color));content:"";position:absolute}.range-slider-horizontal .range-scale-step{align-items:flex-start;height:var(--f7-range-scale-step-height);justify-content:center;margin-right:calc(var(--f7-range-scale-step-width)*-1/2);padding-top:calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset));top:0;width:var(--f7-range-scale-step-width)}.range-slider-horizontal .range-scale-step:before{height:var(--f7-range-scale-step-height);left:0;top:0;width:100%}.range-slider-horizontal .range-scale-step:first-child{margin-right:0}.range-slider-horizontal .range-scale-step:last-child{margin-right:calc(var(--f7-range-scale-step-width)*-1)}.range-slider-vertical .range-scale-step{align-items:center;height:var(--f7-range-scale-step-width);justify-content:flex-end;line-height:1;margin-bottom:calc(var(--f7-range-scale-step-width)*-1/2);padding-right:calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset));right:0;width:var(--f7-range-scale-step-height)}.range-slider-vertical .range-scale-step:first-child{margin-bottom:0}.range-slider-vertical .range-scale-step:last-child{margin-bottom:calc(var(--f7-range-scale-step-width)*-1)}.range-slider-vertical .range-scale-step:before{height:100%;right:0;top:0;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-bar-active{border-radius:inherit}.ios .range-knob{border-radius:var(--f7-range-knob-height);height:100%;left:0;position:absolute;top:0;transition-duration:.3s;width:100%}.ios .range-knob:after{height:44px;left:50%;top:50%;width:44px}.ios .range-knob:after,.ios .range-knob:before{content:"";position:absolute}.ios .range-knob:before{box-shadow:0 0 40px 15px rgba(var(--f7-theme-color-rgb),.75);height:1px;left:50%;margin-left:-.5px;margin-top:-.5px;opacity:0;top:50%;transition-duration:.3s;width:1px}.ios .range-knob:after{border-radius:inherit;box-shadow:var(--f7-glass-shadow-thumb);height:100%;inset:0;margin:0;opacity:0;transition-duration:.3s;width:100%}.ios .range-knob-label{margin-bottom:6px;transform:translateX(-50%) translateY(100%) scale(0);z-index:2}.ios .range-knob-active-state .range-knob-label{transform:translateX(-50%) translateY(0) scale(1)}.ios .range-knob-active-state .range-knob{background:#0000;transform:scale(1.4)}.ios .range-knob-active-state .range-knob:after,.ios .range-knob-active-state .range-knob:before{opacity:1}.md .range-knob,.md .range-knob-wrap{align-items:center;display:flex;justify-content:center}.md .range-knob{border-radius:4px;height:var(--f7-range-knob-height);transition-duration:.2s;transition-property:transform,background-color;width:4px}.md .range-knob-active-state .range-knob{transform:scaleX(.5)}.md .range-slider-vertical .range-knob{height:4px;width:var(--f7-range-knob-height)}.md .range-slider-vertical .range-knob-active-state .range-knob{transform:scaleY(.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{margin-bottom:8px}.md .range-knob-label,.md .range-knob-label:before{margin-left:calc(var(--f7-range-label-size)*-1/2);width:var(--f7-range-label-size)}.md .range-knob-label:before{background:var(--f7-range-label-bg-color,var(--f7-theme-color));border-radius:50% 50% 50% 0;content:"";height:var(--f7-range-label-size);left:50%;position:absolute;top:0;transform:rotate(-45deg);z-index:-1}.md .range-knob-active-state .range-knob-label{transform:translateY(0) scale(1)}.md .range-bar-active,.md .range-bar-inactive{border-radius:4px}.md .range-slider:after,.md .range-slider:before{background:var(--f7-range-knob-color);border-radius:50%;content:"";height:4px;pointer-events:none;position:absolute;top:calc(50% - 2px);transition-duration:.2s;width:4px;z-index:1}.md .range-slider:before{left:calc(var(--f7-range-knob-width)/2 - 2px)}.md .range-slider:after{right:calc(var(--f7-range-knob-width)/2 - 2px)}.md .range-slider:not(.range-slider-dual):before{content:none;display:none}.md .range-slider:has(.range-knob-active-state):after,.md .range-slider:has(.range-knob-active-state):before{transform:scale(.5)}.md .range-slider.range-slider-vertical:after,.md .range-slider.range-slider-vertical:before{left:calc(50% - 2px);right:auto;top:auto}.md .range-slider.range-slider-vertical:before{bottom:calc(var(--f7-range-knob-width)/2 - 2px)}.md .range-slider.range-slider-vertical:after{top:calc(var(--f7-range-knob-width)/2 - 2px)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--f7-range-scale-step-height:5px;--f7-range-scale-substep-width:1px;--f7-range-scale-substep-height:4px}.ios{--f7-range-size:28px;--f7-range-bar-size:6px;--f7-range-bar-border-radius:6px;--f7-range-knob-width:38px;--f7-range-knob-height:24px;--f7-range-knob-color:#fff;--f7-range-knob-box-shadow:0 2px 4px
|
|
1
|
+
:root{--f7-range-scale-step-height:5px;--f7-range-scale-substep-width:1px;--f7-range-scale-substep-height:4px}.ios{--f7-range-size:28px;--f7-range-bar-size:6px;--f7-range-bar-border-radius:6px;--f7-range-knob-width:38px;--f7-range-knob-height:24px;--f7-range-knob-color:#fff;--f7-range-knob-box-shadow:0 2px 4px #0000004d;--f7-range-label-size:24px;--f7-range-label-text-color:#000;--f7-range-label-bg-color:#fff;--f7-range-label-font-size:12px;--f7-range-label-font-weight:500;--f7-range-label-border-radius:5px;--f7-range-label-padding:0px 4px;--f7-range-scale-text-color:#666;--f7-range-scale-step-width:1px;--f7-range-scale-font-size:12px;--f7-range-scale-font-weight:400;--f7-range-scale-label-offset:4px;--f7-range-bar-bg-color:#0003}.ios .dark,.ios.dark{--f7-range-bar-bg-color:#fff3}.md{--f7-range-size:20px;--f7-range-bar-size:16px;--f7-range-bar-border-radius:16px;--f7-range-knob-width:16px;--f7-range-knob-height:44px;--f7-range-knob-box-shadow:none;--f7-range-label-size:26px;--f7-range-label-font-weight:normal;--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}.md,.md .dark,.md [class*=color-]{--f7-range-bar-bg-color:var(--f7-md-secondary-container);--f7-range-knob-color:var(--f7-theme-color);--f7-range-label-text-color:var(--f7-md-on-primary);--f7-range-label-bg-color:var(--f7-theme-color);--f7-range-scale-text-color:var(--f7-md-on-surface-variant)}.range-slider{align-self:center;cursor:pointer;display:block;position:relative;-webkit-user-select:none;user-select:none}.range-slider input[type=range]{display:none}.range-slider.range-slider-horizontal{height:var(--f7-range-size);touch-action:pan-y;width:100%}.range-slider.range-slider-vertical{height:100%;touch-action:pan-x;width:var(--f7-range-size)}.range-bar{background:var(--f7-range-bar-bg-color);border-radius:var(--f7-range-bar-border-radius);overflow:hidden;position:absolute}.range-slider-vertical .range-bar{height:100%;left:50%;margin-left:calc(var(--f7-range-bar-size)*-1/2);top:0;width:var(--f7-range-bar-size)}.range-slider-horizontal .range-bar{height:var(--f7-range-bar-size);left:0;margin-top:calc(var(--f7-range-bar-size)*-1/2);top:50%;width:100%}.range-bar-active{background:var(--f7-range-bar-active-bg-color,var(--f7-theme-color));position:absolute}.range-slider-horizontal .range-bar-active{height:100%;left:0;top:0}.range-slider-vertical .range-bar-active{bottom:0;left:0;width:100%}.range-slider-vertical-reversed .range-bar-active{bottom:auto;top:0}.range-knob-wrap{height:var(--f7-range-knob-height);position:absolute;width:var(--f7-range-knob-width);z-index:20}.range-slider-horizontal .range-knob-wrap{left:0;margin-left:calc(var(--f7-range-knob-width)*-1/2);margin-top:calc(var(--f7-range-knob-height)*-1/2);top:50%}.range-slider-vertical .range-knob-wrap{bottom:0;height:var(--f7-range-knob-width);left:50%;margin-bottom:calc(var(--f7-range-knob-width)*-1/2);margin-left:calc(var(--f7-range-knob-height)*-1/2);width:var(--f7-range-knob-height)}.range-slider-vertical-reversed .range-knob-wrap{bottom:auto;margin-bottom:0;margin-top:calc(var(--f7-range-knob-width)*-1/2);top:0}.range-knob{background:var(--f7-range-knob-color,var(--f7-range-knob-bg-color,var(--f7-theme-color)));box-shadow:var(--f7-range-knob-box-shadow);box-sizing:border-box;z-index:1}.range-knob-label{background-color:var(--f7-range-label-bg-color,var(--f7-theme-color));border-radius:var(--f7-range-label-border-radius);bottom:100%;box-sizing:border-box;color:var(--f7-range-label-text-color);font-size:var(--f7-range-label-font-size);font-weight:var(--f7-range-label-font-weight);height:var(--f7-range-label-size);left:50%;line-height:var(--f7-range-label-size);min-width:var(--f7-range-label-size);padding:var(--f7-range-label-padding);position:absolute;text-align:center;transform:translateY(100%) scale(0);transition-duration:.12s;transition-property:transform}.range-knob-active-state .range-knob-label{transform:translateY(0) scale(1)}.range-scale{position:absolute}.range-slider-horizontal .range-scale{left:0;margin-top:calc(var(--f7-range-bar-size)/2);top:50%;width:100%}.range-slider-vertical .range-scale{height:100%;margin-right:calc(var(--f7-range-bar-size)/2);right:50%;top:0}.range-scale-step{box-sizing:border-box;color:var(--f7-range-scale-text-color,var(--f7-range-bar-bg-color));display:flex;font-size:var(--f7-range-scale-font-size);font-weight:var(--f7-range-scale-font-weight);line-height:1;position:absolute}.range-scale-step:before{background:var(--f7-range-scale-step-bg-color,var(--f7-range-bar-bg-color));content:"";position:absolute}.range-slider-horizontal .range-scale-step{align-items:flex-start;height:var(--f7-range-scale-step-height);justify-content:center;margin-left:calc(var(--f7-range-scale-step-width)*-1/2);padding-top:calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset));top:0;width:var(--f7-range-scale-step-width)}.range-slider-horizontal .range-scale-step:before{height:var(--f7-range-scale-step-height);left:0;top:0;width:100%}.range-slider-horizontal .range-scale-step:first-child{margin-left:0}.range-slider-horizontal .range-scale-step:last-child{margin-left:calc(var(--f7-range-scale-step-width)*-1)}.range-slider-vertical .range-scale-step{align-items:center;height:var(--f7-range-scale-step-width);justify-content:flex-end;line-height:1;margin-bottom:calc(var(--f7-range-scale-step-width)*-1/2);padding-right:calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset));right:0;width:var(--f7-range-scale-step-height)}.range-slider-vertical .range-scale-step:first-child{margin-bottom:0}.range-slider-vertical .range-scale-step:last-child{margin-bottom:calc(var(--f7-range-scale-step-width)*-1)}.range-slider-vertical .range-scale-step:before{height:100%;right:0;top:0;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-bar-active{border-radius:inherit}.ios .range-knob{border-radius:var(--f7-range-knob-height);height:100%;left:0;position:absolute;top:0;transition-duration:.3s;width:100%}.ios .range-knob:after{height:44px;left:50%;top:50%;width:44px}.ios .range-knob:after,.ios .range-knob:before{content:"";position:absolute}.ios .range-knob:before{box-shadow:0 0 40px 15px rgba(var(--f7-theme-color-rgb),.75);height:1px;left:50%;margin-left:-.5px;margin-top:-.5px;opacity:0;top:50%;transition-duration:.3s;width:1px}.ios .range-knob:after{border-radius:inherit;box-shadow:var(--f7-glass-shadow-thumb);height:100%;inset:0;margin:0;opacity:0;transition-duration:.3s;width:100%}.ios .range-knob-label{margin-bottom:6px;transform:translateX(-50%) translateY(100%) scale(0);z-index:2}.ios .range-knob-active-state .range-knob-label{transform:translateX(-50%) translateY(0) scale(1)}.ios .range-knob-active-state .range-knob{background:#0000;transform:scale(1.4)}.ios .range-knob-active-state .range-knob:after,.ios .range-knob-active-state .range-knob:before{opacity:1}.md .range-knob,.md .range-knob-wrap{align-items:center;display:flex;justify-content:center}.md .range-knob{border-radius:4px;height:var(--f7-range-knob-height);transition-duration:.2s;transition-property:transform,background-color;width:4px}.md .range-knob-active-state .range-knob{transform:scaleX(.5)}.md .range-slider-vertical .range-knob{height:4px;width:var(--f7-range-knob-height)}.md .range-slider-vertical .range-knob-active-state .range-knob{transform:scaleY(.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{margin-bottom:8px}.md .range-knob-label,.md .range-knob-label:before{margin-left:calc(var(--f7-range-label-size)*-1/2);width:var(--f7-range-label-size)}.md .range-knob-label:before{background:var(--f7-range-label-bg-color,var(--f7-theme-color));border-radius:50% 50% 50% 0;content:"";height:var(--f7-range-label-size);left:50%;position:absolute;top:0;transform:rotate(-45deg);z-index:-1}.md .range-knob-active-state .range-knob-label{transform:translateY(0) scale(1)}.md .range-bar-active,.md .range-bar-inactive{border-radius:4px}.md .range-slider:after,.md .range-slider:before{background:var(--f7-range-knob-color);border-radius:50%;content:"";height:4px;pointer-events:none;position:absolute;top:calc(50% - 2px);transition-duration:.2s;width:4px;z-index:1}.md .range-slider:before{left:calc(var(--f7-range-knob-width)/2 - 2px)}.md .range-slider:after{right:calc(var(--f7-range-knob-width)/2 - 2px)}.md .range-slider:not(.range-slider-dual):before{content:none;display:none}.md .range-slider:has(.range-knob-active-state):after,.md .range-slider:has(.range-knob-active-state):before{transform:scale(.5)}.md .range-slider.range-slider-vertical:after,.md .range-slider.range-slider-vertical:before{left:calc(50% - 2px);right:auto;top:auto}.md .range-slider.range-slider-vertical:before{bottom:calc(var(--f7-range-knob-width)/2 - 2px)}.md .range-slider.range-slider-vertical:after{top:calc(var(--f7-range-knob-width)/2 - 2px)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--f7-searchbar-input-border-width:0px;--f7-searchbar-input-border-color:transparent}.ios{--f7-searchbar-bg-color:transparent;--f7-searchbar-height:44px;--f7-searchbar-inner-padding-left:0px;--f7-searchbar-inner-padding-right:0px;--f7-searchbar-link-color:var(--f7-bars-text-color);--f7-searchbar-input-font-size:17px;--f7-searchbar-input-border-radius:44px;--f7-searchbar-input-height:44px;--f7-searchbar-inline-input-height:44px;--f7-searchbar-input-padding-horizontal:44px;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.4);--f7-searchbar-in-page-content-margin:16px;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:44px;--f7-searchbar-in-page-content-input-border-radius:44px;--f7-searchbar-input-bg-color:var(--f7-glass-bg-color);--f7-searchbar-placeholder-color:rgba(0, 0, 0, 0.4);--f7-searchbar-input-text-color:#000;--f7-searchbar-search-icon-color:rgba(0, 0, 0, 0.4)}.ios .dark,.ios.dark{--f7-searchbar-placeholder-color:rgba(255, 255, 255, 0.4);--f7-searchbar-input-text-color:#fff;--f7-searchbar-search-icon-color:rgba(255, 255, 255, 0.4)}.md{--f7-searchbar-border-color:transparent;--f7-searchbar-height:48px;--f7-searchbar-inner-padding-left:8px;--f7-searchbar-inner-padding-right:8px;--f7-searchbar-input-font-size:16px;--f7-searchbar-input-border-radius:24px;--f7-searchbar-input-height:48px;--f7-searchbar-inline-input-height:48px;--f7-searchbar-inline-input-border-radius:24px;--f7-searchbar-input-padding-horizontal:16px;--f7-searchbar-inline-input-padding-horizontal:16px;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.25);--f7-searchbar-in-page-content-margin:16px 0;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:24px;--f7-searchbar-in-page-content-input-border-radius:24px;--f7-searchbar-bg-color:transparent}.md,.md .dark,.md [class*=color-]{--f7-searchbar-link-color:var(--f7-md-on-surface);--f7-searchbar-search-icon-color:var(--f7-md-on-surface);--f7-searchbar-input-clear-button-color:var(--f7-md-on-surface);--f7-searchbar-placeholder-color:var(--f7-md-on-surface-variant);--f7-searchbar-input-bg-color:var(--f7-md-secondary-container);--f7-searchbar-input-text-color:var(--f7-md-on-surface)}.searchbar{--f7-link-highlight-color:var(--f7-link-highlight-black);width:100%;position:relative;z-index:200;height:var(--f7-searchbar-height);background-color:var(--f7-searchbar-bg-color,var(--f7-bars-bg-color))}.dark .searchbar{--f7-link-highlight-color:var(--f7-link-highlight-white)}.searchbar input[type=search]::-webkit-search-decoration{display:none}.ios .subnavbar .searchbar{background-color:transparent;backdrop-filter:none}.ios .subnavbar .searchbar:after{display:none!important}.searchbar.no-outline:after{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}.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);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]::placeholder,.searchbar input[type=text]::placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input::-webkit-search-cancel-button{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:16px;right:16px;width:auto;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:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.navbar .searchbar.searchbar-expandable .searchbar-inner{top:var(--f7-safe-area-top);height:calc(100% - var(--f7-safe-area-top))}.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-icons .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-tabbar-icons-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;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;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}.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)}.page-with-navbar-large .page-content .searchbar{top:0;transform:none}.searchbar~*{--f7-page-searchbar-offset:var(--f7-searchbar-height)}.ios .page>.toolbar-top-ios~.searchbar,.md .page>.toolbar-top-md~.searchbar,.page>.toolbar-top~.searchbar{top:var(--f7-toolbar-height)}.ios .page>.tabbar-icons.toolbar-top-ios~.searchbar,.md .page>.tabbar-icons.toolbar-top-md~.searchbar,.page>.tabbar-icons.toolbar-top~.searchbar{top:var(--f7-tabbar-icons-height)}.ios .page>.navbar~.toolbar-top-ios~.searchbar,.md .page>.navbar~.toolbar-top-md~.searchbar,.page>.navbar~.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-safe-area-top))}.ios .page>.navbar~.tabbar-icons.toolbar-top-ios~.searchbar,.md .page>.navbar~.tabbar-icons.toolbar-top-md~.searchbar,.page>.navbar~.tabbar-icons.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-icons-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));border-radius:var(--f7-searchbar-inline-input-border-radius,var(--f7-searchbar-input-border-radius));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;backdrop-filter:saturate(180%) blur(16px);box-shadow:var(--f7-glass-shadow)}.ios .searchbar .input-clear-button{z-index:40;left:16px}.ios .searchbar-icon{width:13px;height:13px;position:absolute;top:50%;margin-top:-6px;z-index:40;right:16px}.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;height:var(--f7-searchbar-height);padding:0 12px;align-items:center;justify-content:center;border-radius:44px;background-color:var(--f7-searchbar-input-bg-color);box-shadow:var(--f7-glass-shadow);backdrop-filter:saturate(180%) blur(16px);transform:scale(0)}.ios .searchbar-disable-button.active-state{transition-duration:0s;opacity:.3!important}.ios .searchbar-enabled .searchbar-disable-button{pointer-events:auto;opacity:1;transform:scale(1);margin-right:16px}.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button{transition-duration:.3s!important}.ios .searchbar-input-wrap{border-radius:var(--f7-searchbar-input-border-radius)}.ios .searchbar-expandable{right:0;bottom:0;width:100%;height:var(--f7-searchbar-expandable-size);transform:translate3d(0,0,0);pointer-events:none}.ios .searchbar-expandable .searchbar-disable-button{margin-right:16px;opacity:1;display:flex}.ios .searchbar-expandable .searchbar-inner{left:16px;right:16px;width:auto;height:var(--f7-searchbar-expandable-size)}.ios .searchbar-expandable .searchbar-input-wrap{transform:scale(0);transition-duration:.3s}.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{height:var(--f7-searchbar-expandable-size);pointer-events:auto}.ios .searchbar-expandable.searchbar-enabled .searchbar-input-wrap{transform:scale(1)}.md .searchbar-disable-button,.md .searchbar-icon{position:absolute;top:50%;transition-duration:.3s}.md .searchbar-disable-button .icon-close{display:none}.md .searchbar-icon{width:48px;height:48px;left:0;top:0;display:flex;align-items:center;justify-content:center;right:var(--f7-safe-area-right)}.md .searchbar-icon:after{width:auto;height:auto;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)));right:calc(var(--f7-searchbar-inner-padding-right) + var(--f7-safe-area-right))}.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;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:34px}.md .searchbar .input-clear-button{width:48px;height:48px;margin-top:-24px;left:0}.md .searchbar .input-clear-button:after{line-height:48px;content:'delete_round_md';opacity:1}.md .searchbar .input-clear-button:before{display:none}.md .searchbar-inline{--f7-searchbar-input-extra-padding-left:32px}.md .page>.searchbar,.md .searchbar-expandable,.md .subnavbar .searchbar{--f7-searchbar-input-extra-padding-left:34px}.md .page>.searchbar .searchbar-disable-button,.md .searchbar-expandable .searchbar-disable-button,.md .subnavbar .searchbar .searchbar-disable-button{right:calc(var(--f7-searchbar-inner-padding-right) + var(--f7-safe-area-right))}.md .page>.searchbar .searchbar-icon,.md .searchbar-expandable .searchbar-icon,.md .subnavbar .searchbar .searchbar-icon{right:var(--f7-safe-area-right)}.md .searchbar-expandable{--f7-searchbar-inner-padding-left:4px;--f7-searchbar-inner-padding-right:4px;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);background-color:var(--f7-searchbar-input-bg-color);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}
|
|
1
|
+
:root{--f7-searchbar-input-border-width:0px;--f7-searchbar-input-border-color:#0000}.ios{--f7-searchbar-bg-color:#0000;--f7-searchbar-height:44px;--f7-searchbar-inner-padding-left:0px;--f7-searchbar-inner-padding-right:0px;--f7-searchbar-link-color:var(--f7-bars-text-color);--f7-searchbar-input-font-size:17px;--f7-searchbar-input-border-radius:44px;--f7-searchbar-input-height:44px;--f7-searchbar-inline-input-height:44px;--f7-searchbar-input-padding-horizontal:44px;--f7-searchbar-backdrop-bg-color:#0006;--f7-searchbar-in-page-content-margin:16px;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:44px;--f7-searchbar-in-page-content-input-border-radius:44px;--f7-searchbar-input-bg-color:var(--f7-glass-bg-color);--f7-searchbar-placeholder-color:#0006;--f7-searchbar-input-text-color:#000;--f7-searchbar-search-icon-color:#0006}.ios .dark,.ios.dark{--f7-searchbar-placeholder-color:#fff6;--f7-searchbar-input-text-color:#fff;--f7-searchbar-search-icon-color:#fff6}.md{--f7-searchbar-border-color:#0000;--f7-searchbar-height:48px;--f7-searchbar-inner-padding-left:8px;--f7-searchbar-inner-padding-right:8px;--f7-searchbar-input-font-size:16px;--f7-searchbar-input-border-radius:24px;--f7-searchbar-input-height:48px;--f7-searchbar-inline-input-height:48px;--f7-searchbar-inline-input-border-radius:24px;--f7-searchbar-input-padding-horizontal:16px;--f7-searchbar-inline-input-padding-horizontal:16px;--f7-searchbar-backdrop-bg-color:#00000040;--f7-searchbar-in-page-content-margin:16px 0;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:24px;--f7-searchbar-in-page-content-input-border-radius:24px;--f7-searchbar-bg-color:#0000}.md,.md .dark,.md [class*=color-]{--f7-searchbar-link-color:var(--f7-md-on-surface);--f7-searchbar-search-icon-color:var(--f7-md-on-surface);--f7-searchbar-input-clear-button-color:var(--f7-md-on-surface);--f7-searchbar-placeholder-color:var(--f7-md-on-surface-variant);--f7-searchbar-input-bg-color:var(--f7-md-secondary-container);--f7-searchbar-input-text-color:var(--f7-md-on-surface)}.searchbar{--f7-link-highlight-color:var(--f7-link-highlight-black);background-color:var(--f7-searchbar-bg-color,var(--f7-bars-bg-color));height:var(--f7-searchbar-height);position:relative;width:100%;z-index:200}.dark .searchbar{--f7-link-highlight-color:var(--f7-link-highlight-white)}.searchbar input[type=search]::-webkit-search-decoration{display:none}.ios .subnavbar .searchbar{backdrop-filter:none;background-color:initial}.ios .subnavbar .searchbar:after,.searchbar.no-outline:after{display:none!important}.searchbar:after{background-color:var(--f7-searchbar-border-color,var(--f7-bars-border-color));bottom:0;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:auto;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 100%;width:100%;z-index:15}.page>.searchbar:not(.searchbar-inline){z-index:600}.searchbar input[type=search],.searchbar input[type=text]{appearance:none;background-color:var(--f7-searchbar-input-bg-color);border:var(--f7-searchbar-input-border-width) solid var(--f7-searchbar-input-border-color);border-radius:var(--f7-searchbar-input-border-radius);box-sizing:border-box;color:var(--f7-searchbar-input-text-color);display:block;font-family:inherit;font-size:var(--f7-searchbar-input-font-size);font-weight:400;height:100%;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));position:relative;width:100%}.searchbar input[type=search]::placeholder,.searchbar input[type=text]::placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input::-webkit-search-cancel-button{appearance:none}.searchbar .searchbar-input-wrap{flex-shrink:1;height:var(--f7-searchbar-input-height);position:relative;width:100%}.searchbar a{color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.page>.searchbar:not(.searchbar-inline){left:16px;position:absolute;right:16px;top:0;width:auto}.page-content .searchbar:not(.searchbar-inline){border-radius:var(--f7-searchbar-in-page-content-border-radius);box-shadow:var(--f7-searchbar-in-page-content-box-shadow);margin:var(--f7-searchbar-in-page-content-margin);width:auto}.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);pointer-events:none;position:absolute;transition-duration:.3s}.navbar .searchbar-expandable{background:#0000}.navbar .searchbar-expandable:after{display:none!important}.navbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.navbar .searchbar.searchbar-expandable .searchbar-inner{height:calc(100% - var(--f7-safe-area-top));top:var(--f7-safe-area-top)}.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-icons .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-tabbar-icons-height)}.searchbar-inner{align-items:center;box-sizing:border-box;display:flex;height:100%;left:0;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));position:absolute;top:0;width:100%}.searchbar-disable-button{appearance:none;background:none;border:none;cursor:pointer;margin:0;opacity:0;outline:0;padding:0;pointer-events:none;width:auto}.searchbar-icon{background-position:50%;background-repeat:no-repeat;pointer-events:none}.searchbar-icon:after{color:var(--f7-searchbar-search-icon-color);font-family:framework7-core-icons;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;display:block;font-feature-settings:"liga";font-size:20px;height:100%;text-align:center;width:100%}.searchbar-backdrop{background:var(--f7-searchbar-backdrop-bg-color);height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:translateZ(0);transition-duration:.3s;width:100%;z-index:100}.searchbar-backdrop.searchbar-backdrop-in{opacity:1;pointer-events:auto}.page-content>.searchbar-backdrop{position:fixed}.searchbar-not-found{display:none}.hidden-by-searchbar,.list .hidden-by-searchbar,.list li.hidden-by-searchbar,.list.li.hidden-by-searchbar{display:none!important}.navbar.with-searchbar-expandable-enabled,.navbar.with-searchbar-expandable-enabled-no-transition{--f7-navbar-large-collapse-progress:1}.navbar.with-searchbar-expandable-closing .navbar-bg,.navbar.with-searchbar-expandable-closing .title-large,.navbar.with-searchbar-expandable-closing .title-large-text,.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}.page-content.with-searchbar-expandable-enabled{height:calc(100% + var(--f7-navbar-large-title-height));transform:translateY(calc(var(--f7-navbar-large-title-height)*-1));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(var(--f7-navbar-large-collapse-progress)*-1*var(--f7-navbar-large-title-height)),0)}.page-with-navbar-large .page-content .searchbar{top:0;transform:none}.searchbar~*{--f7-page-searchbar-offset:var(--f7-searchbar-height)}.ios .page>.toolbar-top-ios~.searchbar,.md .page>.toolbar-top-md~.searchbar,.page>.toolbar-top~.searchbar{top:var(--f7-toolbar-height)}.ios .page>.tabbar-icons.toolbar-top-ios~.searchbar,.md .page>.tabbar-icons.toolbar-top-md~.searchbar,.page>.tabbar-icons.toolbar-top~.searchbar{top:var(--f7-tabbar-icons-height)}.ios .page>.navbar~.toolbar-top-ios~.searchbar,.md .page>.navbar~.toolbar-top-md~.searchbar,.page>.navbar~.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-safe-area-top))}.ios .page>.navbar~.tabbar-icons.toolbar-top-ios~.searchbar,.md .page>.navbar~.tabbar-icons.toolbar-top-md~.searchbar,.page>.navbar~.tabbar-icons.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-icons-height) + var(--f7-safe-area-top))}.searchbar.searchbar-inline{background-color:initial;background-image:none;height:auto;width:auto}.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{height:auto;padding:0;position:static;width:auto}.searchbar.searchbar-inline input[type=search],.searchbar.searchbar-inline input[type=text]{border-radius:var(--f7-searchbar-inline-input-border-radius,var(--f7-searchbar-input-border-radius));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]{backdrop-filter:saturate(180%) blur(16px);box-shadow:var(--f7-glass-shadow);z-index:30}.ios .searchbar .input-clear-button{left:16px;z-index:40}.ios .searchbar-icon{height:13px;margin-top:-6px;position:absolute;right:16px;top:50%;width:13px;z-index:40}.ios .searchbar-icon:after{content:"search_ios";line-height:13px}.ios .searchbar-disable-button{align-items:center;backdrop-filter:saturate(180%) blur(16px);background-color:var(--f7-searchbar-input-bg-color);border-radius:44px;box-shadow:var(--f7-glass-shadow);color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));display:none;flex-shrink:0;font-size:17px;height:var(--f7-searchbar-height);justify-content:center;padding:0 12px;transform:translateZ(0);transform:scale(0);transition-duration:.3s}.ios .searchbar-disable-button.active-state{opacity:.3!important;transition-duration:0s}.ios .searchbar-enabled .searchbar-disable-button{margin-right:16px;opacity:1;pointer-events:auto;transform:scale(1)}.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button{transition-duration:.3s!important}.ios .searchbar-input-wrap{border-radius:var(--f7-searchbar-input-border-radius)}.ios .searchbar-expandable{bottom:0;height:var(--f7-searchbar-expandable-size);pointer-events:none;right:0;transform:translateZ(0);width:100%}.ios .searchbar-expandable .searchbar-disable-button{display:flex;margin-right:16px;opacity:1}.ios .searchbar-expandable .searchbar-inner{height:var(--f7-searchbar-expandable-size);left:16px;right:16px;width:auto}.ios .searchbar-expandable .searchbar-input-wrap{transform:scale(0);transition-duration:.3s}.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{opacity:0!important;transform:translateY(calc(var(--f7-navbar-height)*-1))}.ios .searchbar-expandable.searchbar-enabled{height:var(--f7-searchbar-expandable-size);pointer-events:auto}.ios .searchbar-expandable.searchbar-enabled .searchbar-input-wrap{transform:scale(1)}.md .searchbar-disable-button,.md .searchbar-icon{position:absolute;top:50%;transition-duration:.3s}.md .searchbar-disable-button .icon-close{display:none}.md .searchbar-icon{align-items:center;display:flex;height:48px;justify-content:center;left:0;right:var(--f7-safe-area-right);top:0;width:48px}.md .searchbar-icon:after{content:"search_md";height:auto;line-height:1.2;width:auto}.md .searchbar-disable-button{color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));display:block;font-size:0!important;height:48px;margin-top:-24px;right:calc(var(--f7-searchbar-inner-padding-right) + var(--f7-safe-area-right));transform:rotate(-90deg) scale(.5);width:48px}.md .searchbar-disable-button:after{font-family:framework7-core-icons;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;content:"arrow_right_md";display:block;font-feature-settings:"liga";font-size:20px;height:100%;line-height:48px;text-align:center;width:100%}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button{opacity:1;pointer-events:auto;transform:rotate(0deg) scale(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:34px}.md .searchbar .input-clear-button{height:48px;left:0;margin-top:-24px;width:48px}.md .searchbar .input-clear-button:after{content:"delete_round_md";line-height:48px;opacity:1}.md .searchbar .input-clear-button:before{display:none}.md .searchbar-inline{--f7-searchbar-input-extra-padding-left:32px}.md .page>.searchbar,.md .searchbar-expandable,.md .subnavbar .searchbar{--f7-searchbar-input-extra-padding-left:34px}.md .page>.searchbar .searchbar-disable-button,.md .searchbar-expandable .searchbar-disable-button,.md .subnavbar .searchbar .searchbar-disable-button{right:calc(var(--f7-searchbar-inner-padding-right) + var(--f7-safe-area-right))}.md .page>.searchbar .searchbar-icon,.md .searchbar-expandable .searchbar-icon,.md .subnavbar .searchbar .searchbar-icon{right:var(--f7-safe-area-right)}.md .searchbar-expandable{--f7-searchbar-inner-padding-left:4px;--f7-searchbar-inner-padding-right:4px;background-color:var(--f7-searchbar-input-bg-color);border-radius:calc(var(--f7-searchbar-expandable-size));bottom:0;height:var(--f7-searchbar-expandable-size);margin-right:calc(var(--f7-searchbar-expandable-size)*-1);margin-top:calc(var(--f7-searchbar-expandable-size)*-1/2);opacity:0;right:100%;transform:translateZ(0);width:calc(var(--f7-searchbar-expandable-size))}.md .searchbar-expandable.searchbar-enabled{border-radius:0;margin-right:0;margin-top:0;opacity:1;pointer-events:auto;right:0;width:100%}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--f7-searchbar-input-border-width:0px;--f7-searchbar-input-border-color:transparent}.ios{--f7-searchbar-bg-color:transparent;--f7-searchbar-height:44px;--f7-searchbar-inner-padding-left:0px;--f7-searchbar-inner-padding-right:0px;--f7-searchbar-link-color:var(--f7-bars-text-color);--f7-searchbar-input-font-size:17px;--f7-searchbar-input-border-radius:44px;--f7-searchbar-input-height:44px;--f7-searchbar-inline-input-height:44px;--f7-searchbar-input-padding-horizontal:44px;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.4);--f7-searchbar-in-page-content-margin:16px;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:44px;--f7-searchbar-in-page-content-input-border-radius:44px;--f7-searchbar-input-bg-color:var(--f7-glass-bg-color);--f7-searchbar-placeholder-color:rgba(0, 0, 0, 0.4);--f7-searchbar-input-text-color:#000;--f7-searchbar-search-icon-color:rgba(0, 0, 0, 0.4)}.ios .dark,.ios.dark{--f7-searchbar-placeholder-color:rgba(255, 255, 255, 0.4);--f7-searchbar-input-text-color:#fff;--f7-searchbar-search-icon-color:rgba(255, 255, 255, 0.4)}.md{--f7-searchbar-border-color:transparent;--f7-searchbar-height:48px;--f7-searchbar-inner-padding-left:8px;--f7-searchbar-inner-padding-right:8px;--f7-searchbar-input-font-size:16px;--f7-searchbar-input-border-radius:24px;--f7-searchbar-input-height:48px;--f7-searchbar-inline-input-height:48px;--f7-searchbar-inline-input-border-radius:24px;--f7-searchbar-input-padding-horizontal:16px;--f7-searchbar-inline-input-padding-horizontal:16px;--f7-searchbar-backdrop-bg-color:rgba(0, 0, 0, 0.25);--f7-searchbar-in-page-content-margin:16px 0;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:24px;--f7-searchbar-in-page-content-input-border-radius:24px;--f7-searchbar-bg-color:transparent}.md,.md .dark,.md [class*=color-]{--f7-searchbar-link-color:var(--f7-md-on-surface);--f7-searchbar-search-icon-color:var(--f7-md-on-surface);--f7-searchbar-input-clear-button-color:var(--f7-md-on-surface);--f7-searchbar-placeholder-color:var(--f7-md-on-surface-variant);--f7-searchbar-input-bg-color:var(--f7-md-secondary-container);--f7-searchbar-input-text-color:var(--f7-md-on-surface)}.searchbar{--f7-link-highlight-color:var(--f7-link-highlight-black);width:100%;position:relative;z-index:200;height:var(--f7-searchbar-height);background-color:var(--f7-searchbar-bg-color,var(--f7-bars-bg-color))}.dark .searchbar{--f7-link-highlight-color:var(--f7-link-highlight-white)}.searchbar input[type=search]::-webkit-search-decoration{display:none}.ios .subnavbar .searchbar{background-color:transparent;backdrop-filter:none}.ios .subnavbar .searchbar:after{display:none!important}.searchbar.no-outline:after{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}.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);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]::placeholder,.searchbar input[type=text]::placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input::-webkit-search-cancel-button{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:16px;right:16px;width:auto;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:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.navbar .searchbar.searchbar-expandable .searchbar-inner{top:var(--f7-safe-area-top);height:calc(100% - var(--f7-safe-area-top))}.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-icons .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-tabbar-icons-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;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;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}.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)}.page-with-navbar-large .page-content .searchbar{top:0;transform:none}.searchbar~*{--f7-page-searchbar-offset:var(--f7-searchbar-height)}.ios .page>.toolbar-top-ios~.searchbar,.md .page>.toolbar-top-md~.searchbar,.page>.toolbar-top~.searchbar{top:var(--f7-toolbar-height)}.ios .page>.tabbar-icons.toolbar-top-ios~.searchbar,.md .page>.tabbar-icons.toolbar-top-md~.searchbar,.page>.tabbar-icons.toolbar-top~.searchbar{top:var(--f7-tabbar-icons-height)}.ios .page>.navbar~.toolbar-top-ios~.searchbar,.md .page>.navbar~.toolbar-top-md~.searchbar,.page>.navbar~.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-safe-area-top))}.ios .page>.navbar~.tabbar-icons.toolbar-top-ios~.searchbar,.md .page>.navbar~.tabbar-icons.toolbar-top-md~.searchbar,.page>.navbar~.tabbar-icons.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-icons-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));border-radius:var(--f7-searchbar-inline-input-border-radius,var(--f7-searchbar-input-border-radius));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;backdrop-filter:saturate(180%) blur(16px);box-shadow:var(--f7-glass-shadow)}.ios .searchbar .input-clear-button{z-index:40;right:16px}.ios .searchbar-icon{width:13px;height:13px;position:absolute;top:50%;margin-top:-6px;z-index:40;left:16px}.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;height:var(--f7-searchbar-height);padding:0 12px;align-items:center;justify-content:center;border-radius:44px;background-color:var(--f7-searchbar-input-bg-color);box-shadow:var(--f7-glass-shadow);backdrop-filter:saturate(180%) blur(16px);transform:scale(0)}.ios .searchbar-disable-button.active-state{transition-duration:0s;opacity:.3!important}.ios .searchbar-enabled .searchbar-disable-button{pointer-events:auto;opacity:1;transform:scale(1);margin-left:16px}.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button{transition-duration:.3s!important}.ios .searchbar-input-wrap{border-radius:var(--f7-searchbar-input-border-radius)}.ios .searchbar-expandable{left:0;bottom:0;width:100%;height:var(--f7-searchbar-expandable-size);transform:translate3d(0,0,0);pointer-events:none}.ios .searchbar-expandable .searchbar-disable-button{margin-left:16px;opacity:1;display:flex}.ios .searchbar-expandable .searchbar-inner{left:16px;right:16px;width:auto;height:var(--f7-searchbar-expandable-size)}.ios .searchbar-expandable .searchbar-input-wrap{transform:scale(0);transition-duration:.3s}.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{height:var(--f7-searchbar-expandable-size);pointer-events:auto}.ios .searchbar-expandable.searchbar-enabled .searchbar-input-wrap{transform:scale(1)}.md .searchbar-disable-button,.md .searchbar-icon{position:absolute;top:50%;transition-duration:.3s}.md .searchbar-disable-button .icon-close{display:none}.md .searchbar-icon{width:48px;height:48px;left:0;top:0;display:flex;align-items:center;justify-content:center;left:var(--f7-safe-area-left)}.md .searchbar-icon:after{width:auto;height:auto;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)));left:calc(var(--f7-searchbar-inner-padding-left) + var(--f7-safe-area-left))}.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;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:34px}.md .searchbar .input-clear-button{width:48px;height:48px;margin-top:-24px;right:0}.md .searchbar .input-clear-button:after{line-height:48px;content:'delete_round_md';opacity:1}.md .searchbar .input-clear-button:before{display:none}.md .searchbar-inline{--f7-searchbar-input-extra-padding-left:32px}.md .page>.searchbar,.md .searchbar-expandable,.md .subnavbar .searchbar{--f7-searchbar-input-extra-padding-left:34px}.md .page>.searchbar .searchbar-disable-button,.md .searchbar-expandable .searchbar-disable-button,.md .subnavbar .searchbar .searchbar-disable-button{left:calc(var(--f7-searchbar-inner-padding-left) + var(--f7-safe-area-left))}.md .page>.searchbar .searchbar-icon,.md .searchbar-expandable .searchbar-icon,.md .subnavbar .searchbar .searchbar-icon{left:var(--f7-safe-area-left)}.md .searchbar-expandable{--f7-searchbar-inner-padding-left:4px;--f7-searchbar-inner-padding-right:4px;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);background-color:var(--f7-searchbar-input-bg-color);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}
|
|
1
|
+
:root{--f7-searchbar-input-border-width:0px;--f7-searchbar-input-border-color:#0000}.ios{--f7-searchbar-bg-color:#0000;--f7-searchbar-height:44px;--f7-searchbar-inner-padding-left:0px;--f7-searchbar-inner-padding-right:0px;--f7-searchbar-link-color:var(--f7-bars-text-color);--f7-searchbar-input-font-size:17px;--f7-searchbar-input-border-radius:44px;--f7-searchbar-input-height:44px;--f7-searchbar-inline-input-height:44px;--f7-searchbar-input-padding-horizontal:44px;--f7-searchbar-backdrop-bg-color:#0006;--f7-searchbar-in-page-content-margin:16px;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:44px;--f7-searchbar-in-page-content-input-border-radius:44px;--f7-searchbar-input-bg-color:var(--f7-glass-bg-color);--f7-searchbar-placeholder-color:#0006;--f7-searchbar-input-text-color:#000;--f7-searchbar-search-icon-color:#0006}.ios .dark,.ios.dark{--f7-searchbar-placeholder-color:#fff6;--f7-searchbar-input-text-color:#fff;--f7-searchbar-search-icon-color:#fff6}.md{--f7-searchbar-border-color:#0000;--f7-searchbar-height:48px;--f7-searchbar-inner-padding-left:8px;--f7-searchbar-inner-padding-right:8px;--f7-searchbar-input-font-size:16px;--f7-searchbar-input-border-radius:24px;--f7-searchbar-input-height:48px;--f7-searchbar-inline-input-height:48px;--f7-searchbar-inline-input-border-radius:24px;--f7-searchbar-input-padding-horizontal:16px;--f7-searchbar-inline-input-padding-horizontal:16px;--f7-searchbar-backdrop-bg-color:#00000040;--f7-searchbar-in-page-content-margin:16px 0;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:24px;--f7-searchbar-in-page-content-input-border-radius:24px;--f7-searchbar-bg-color:#0000}.md,.md .dark,.md [class*=color-]{--f7-searchbar-link-color:var(--f7-md-on-surface);--f7-searchbar-search-icon-color:var(--f7-md-on-surface);--f7-searchbar-input-clear-button-color:var(--f7-md-on-surface);--f7-searchbar-placeholder-color:var(--f7-md-on-surface-variant);--f7-searchbar-input-bg-color:var(--f7-md-secondary-container);--f7-searchbar-input-text-color:var(--f7-md-on-surface)}.searchbar{--f7-link-highlight-color:var(--f7-link-highlight-black);background-color:var(--f7-searchbar-bg-color,var(--f7-bars-bg-color));height:var(--f7-searchbar-height);position:relative;width:100%;z-index:200}.dark .searchbar{--f7-link-highlight-color:var(--f7-link-highlight-white)}.searchbar input[type=search]::-webkit-search-decoration{display:none}.ios .subnavbar .searchbar{backdrop-filter:none;background-color:initial}.ios .subnavbar .searchbar:after,.searchbar.no-outline:after{display:none!important}.searchbar:after{background-color:var(--f7-searchbar-border-color,var(--f7-bars-border-color));bottom:0;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:auto;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 100%;width:100%;z-index:15}.page>.searchbar:not(.searchbar-inline){z-index:600}.searchbar input[type=search],.searchbar input[type=text]{appearance:none;background-color:var(--f7-searchbar-input-bg-color);border:var(--f7-searchbar-input-border-width) solid var(--f7-searchbar-input-border-color);border-radius:var(--f7-searchbar-input-border-radius);box-sizing:border-box;color:var(--f7-searchbar-input-text-color);display:block;font-family:inherit;font-size:var(--f7-searchbar-input-font-size);font-weight:400;height:100%;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));position:relative;width:100%}.searchbar input[type=search]::placeholder,.searchbar input[type=text]::placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}.searchbar input::-webkit-search-cancel-button{appearance:none}.searchbar .searchbar-input-wrap{flex-shrink:1;height:var(--f7-searchbar-input-height);position:relative;width:100%}.searchbar a{color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.page>.searchbar:not(.searchbar-inline){left:16px;position:absolute;right:16px;top:0;width:auto}.page-content .searchbar:not(.searchbar-inline){border-radius:var(--f7-searchbar-in-page-content-border-radius);box-shadow:var(--f7-searchbar-in-page-content-box-shadow);margin:var(--f7-searchbar-in-page-content-margin);width:auto}.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);pointer-events:none;position:absolute;transition-duration:.3s}.navbar .searchbar-expandable{background:#0000}.navbar .searchbar-expandable:after{display:none!important}.navbar .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.navbar .searchbar.searchbar-expandable .searchbar-inner{height:calc(100% - var(--f7-safe-area-top));top:var(--f7-safe-area-top)}.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-icons .searchbar.searchbar-expandable{--f7-searchbar-expandable-size:var(--f7-tabbar-icons-height)}.searchbar-inner{align-items:center;box-sizing:border-box;display:flex;height:100%;left:0;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));position:absolute;top:0;width:100%}.searchbar-disable-button{appearance:none;background:none;border:none;cursor:pointer;margin:0;opacity:0;outline:0;padding:0;pointer-events:none;width:auto}.searchbar-icon{background-position:50%;background-repeat:no-repeat;pointer-events:none}.searchbar-icon:after{color:var(--f7-searchbar-search-icon-color);font-family:framework7-core-icons;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;display:block;font-feature-settings:"liga";font-size:20px;height:100%;text-align:center;width:100%}.searchbar-backdrop{background:var(--f7-searchbar-backdrop-bg-color);height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:translateZ(0);transition-duration:.3s;width:100%;z-index:100}.searchbar-backdrop.searchbar-backdrop-in{opacity:1;pointer-events:auto}.page-content>.searchbar-backdrop{position:fixed}.searchbar-not-found{display:none}.hidden-by-searchbar,.list .hidden-by-searchbar,.list li.hidden-by-searchbar,.list.li.hidden-by-searchbar{display:none!important}.navbar.with-searchbar-expandable-enabled,.navbar.with-searchbar-expandable-enabled-no-transition{--f7-navbar-large-collapse-progress:1}.navbar.with-searchbar-expandable-closing .navbar-bg,.navbar.with-searchbar-expandable-closing .title-large,.navbar.with-searchbar-expandable-closing .title-large-text,.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}.page-content.with-searchbar-expandable-enabled{height:calc(100% + var(--f7-navbar-large-title-height));transform:translateY(calc(var(--f7-navbar-large-title-height)*-1));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(var(--f7-navbar-large-collapse-progress)*-1*var(--f7-navbar-large-title-height)),0)}.page-with-navbar-large .page-content .searchbar{top:0;transform:none}.searchbar~*{--f7-page-searchbar-offset:var(--f7-searchbar-height)}.ios .page>.toolbar-top-ios~.searchbar,.md .page>.toolbar-top-md~.searchbar,.page>.toolbar-top~.searchbar{top:var(--f7-toolbar-height)}.ios .page>.tabbar-icons.toolbar-top-ios~.searchbar,.md .page>.tabbar-icons.toolbar-top-md~.searchbar,.page>.tabbar-icons.toolbar-top~.searchbar{top:var(--f7-tabbar-icons-height)}.ios .page>.navbar~.toolbar-top-ios~.searchbar,.md .page>.navbar~.toolbar-top-md~.searchbar,.page>.navbar~.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-safe-area-top))}.ios .page>.navbar~.tabbar-icons.toolbar-top-ios~.searchbar,.md .page>.navbar~.tabbar-icons.toolbar-top-md~.searchbar,.page>.navbar~.tabbar-icons.toolbar-top~.searchbar{top:calc(var(--f7-navbar-height) + var(--f7-tabbar-icons-height) + var(--f7-safe-area-top))}.searchbar.searchbar-inline{background-color:initial;background-image:none;height:auto;width:auto}.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{height:auto;padding:0;position:static;width:auto}.searchbar.searchbar-inline input[type=search],.searchbar.searchbar-inline input[type=text]{border-radius:var(--f7-searchbar-inline-input-border-radius,var(--f7-searchbar-input-border-radius));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]{backdrop-filter:saturate(180%) blur(16px);box-shadow:var(--f7-glass-shadow);z-index:30}.ios .searchbar .input-clear-button{right:16px;z-index:40}.ios .searchbar-icon{height:13px;left:16px;margin-top:-6px;position:absolute;top:50%;width:13px;z-index:40}.ios .searchbar-icon:after{content:"search_ios";line-height:13px}.ios .searchbar-disable-button{align-items:center;backdrop-filter:saturate(180%) blur(16px);background-color:var(--f7-searchbar-input-bg-color);border-radius:44px;box-shadow:var(--f7-glass-shadow);color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));display:none;flex-shrink:0;font-size:17px;height:var(--f7-searchbar-height);justify-content:center;padding:0 12px;transform:translateZ(0);transform:scale(0);transition-duration:.3s}.ios .searchbar-disable-button.active-state{opacity:.3!important;transition-duration:0s}.ios .searchbar-enabled .searchbar-disable-button{margin-left:16px;opacity:1;pointer-events:auto;transform:scale(1)}.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button{transition-duration:.3s!important}.ios .searchbar-input-wrap{border-radius:var(--f7-searchbar-input-border-radius)}.ios .searchbar-expandable{bottom:0;height:var(--f7-searchbar-expandable-size);left:0;pointer-events:none;transform:translateZ(0);width:100%}.ios .searchbar-expandable .searchbar-disable-button{display:flex;margin-left:16px;opacity:1}.ios .searchbar-expandable .searchbar-inner{height:var(--f7-searchbar-expandable-size);left:16px;right:16px;width:auto}.ios .searchbar-expandable .searchbar-input-wrap{transform:scale(0);transition-duration:.3s}.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{opacity:0!important;transform:translateY(calc(var(--f7-navbar-height)*-1))}.ios .searchbar-expandable.searchbar-enabled{height:var(--f7-searchbar-expandable-size);pointer-events:auto}.ios .searchbar-expandable.searchbar-enabled .searchbar-input-wrap{transform:scale(1)}.md .searchbar-disable-button,.md .searchbar-icon{position:absolute;top:50%;transition-duration:.3s}.md .searchbar-disable-button .icon-close{display:none}.md .searchbar-icon{align-items:center;display:flex;height:48px;justify-content:center;left:0;left:var(--f7-safe-area-left);top:0;width:48px}.md .searchbar-icon:after{content:"search_md";height:auto;line-height:1.2;width:auto}.md .searchbar-disable-button{color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)));display:block;font-size:0!important;height:48px;left:calc(var(--f7-searchbar-inner-padding-left) + var(--f7-safe-area-left));margin-top:-24px;transform:rotate(-90deg) scale(.5);width:48px}.md .searchbar-disable-button:after{font-family:framework7-core-icons;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;content:"arrow_left_md";display:block;font-feature-settings:"liga";font-size:20px;height:100%;line-height:48px;text-align:center;width:100%}.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button{opacity:1;pointer-events:auto;transform:rotate(0deg) scale(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:34px}.md .searchbar .input-clear-button{height:48px;margin-top:-24px;right:0;width:48px}.md .searchbar .input-clear-button:after{content:"delete_round_md";line-height:48px;opacity:1}.md .searchbar .input-clear-button:before{display:none}.md .searchbar-inline{--f7-searchbar-input-extra-padding-left:32px}.md .page>.searchbar,.md .searchbar-expandable,.md .subnavbar .searchbar{--f7-searchbar-input-extra-padding-left:34px}.md .page>.searchbar .searchbar-disable-button,.md .searchbar-expandable .searchbar-disable-button,.md .subnavbar .searchbar .searchbar-disable-button{left:calc(var(--f7-searchbar-inner-padding-left) + var(--f7-safe-area-left))}.md .page>.searchbar .searchbar-icon,.md .searchbar-expandable .searchbar-icon,.md .subnavbar .searchbar .searchbar-icon{left:var(--f7-safe-area-left)}.md .searchbar-expandable{--f7-searchbar-inner-padding-left:4px;--f7-searchbar-inner-padding-right:4px;background-color:var(--f7-searchbar-input-bg-color);border-radius:calc(var(--f7-searchbar-expandable-size));bottom:0;height:var(--f7-searchbar-expandable-size);left:100%;margin-left:calc(var(--f7-searchbar-expandable-size)*-1);margin-top:calc(var(--f7-searchbar-expandable-size)*-1/2);opacity:0;transform:translateZ(0);width:calc(var(--f7-searchbar-expandable-size))}.md .searchbar-expandable.searchbar-enabled{border-radius:0;left:0;margin-left:0;margin-top:0;opacity:1;pointer-events:auto;width:100%}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--f7-sheet-height:260px;--f7-sheet-push-offset:var(--f7-safe-area-top)}.ios{--f7-sheet-border-radius:32px;--f7-sheet-border-color
|
|
1
|
+
:root{--f7-sheet-height:260px;--f7-sheet-push-offset:var(--f7-safe-area-top)}.ios{--f7-sheet-border-radius:32px;--f7-sheet-border-color:#0000;--f7-sheet-transition-timing-function:initial;--f7-sheet-push-border-radius:32px;--f7-sheet-transition-duration:300ms;--f7-sheet-bg-color:var(--f7-glass-bg-color)}.md{--f7-sheet-border-radius:16px;--f7-sheet-push-border-radius:16px;--f7-sheet-border-color:#0000;--f7-sheet-transition-timing-function:cubic-bezier(0,0.8,0.34,1);--f7-sheet-transition-duration:400ms}.md,.md .dark,.md [class*=color-]{--f7-sheet-bg-color:var(--f7-md-surface)}.sheet-backdrop{z-index:11000}.sheet-backdrop-unique,.sheet-modal{z-index:12500}.sheet-modal{background:var(--f7-sheet-bg-color);bottom:0;box-sizing:border-box;display:none;height:var(--f7-sheet-height);left:0;overflow:hidden;position:absolute;transform:translate3d(0,100%,0);transition-property:transform;width:100%;will-change:transform,opacity}.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:translateZ(0)}.sheet-modal.modal-in-breakpoint,.sheet-modal.modal-in-swipe-step{display:block;transform:translate3d(0,var(--f7-sheet-breakpoint,var(--f7-sheet-swipe-step,0)),0)}.sheet-modal.modal-out{transform:translate3d(0,100%,0)}.sheet-modal .sheet-modal-inner{height:100%;overflow:hidden;position:relative}.sheet-modal .toolbar{--f7-safe-area-top:0px;--f7-safe-area-bottom:0px}.sheet-backdrop,.sheet-modal{transition-timing-function:var(--f7-sheet-transition-timing-function)}.sheet-modal-top{border-radius:0 0 var(--f7-sheet-border-radius) var(--f7-sheet-border-radius)}.sheet-modal-top:after{backface-visibility:hidden;background-color:var(--f7-sheet-border-color);bottom:0;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:auto;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 100%;transform-style:preserve-3d;width:100%;z-index:15;z-index:700}.sheet-modal-bottom,.sheet-modal:not(.sheet-modal-top){--f7-safe-area-top:0px;border-radius:var(--f7-sheet-border-radius) var(--f7-sheet-border-radius) 0 0}.sheet-modal-bottom:before,.sheet-modal:not(.sheet-modal-top):before{backface-visibility:hidden;background-color:var(--f7-sheet-border-color);bottom:auto;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:0;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 0;transform-style:preserve-3d;width:100%;z-index:15;z-index:700}.sheet-modal-top{--f7-safe-area-bottom:0px;bottom:auto;top:0}.sheet-modal-top,.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:has(.sheet-modal-push-in,.sheet-modal-push-closing) .sheet-modal-push{--f7-sheet-border-color:#0000;border-radius:var(--f7-sheet-push-border-radius) var(--f7-sheet-push-border-radius) 0 0;overflow:hidden}html:has(.sheet-modal-push-in,.sheet-modal-push-closing) .sheet-modal-push .page,html:has(.sheet-modal-push-in,.sheet-modal-push-closing) .sheet-modal-push .view{--f7-safe-area-top:0px}html:has(.sheet-modal-push-in,.sheet-modal-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:has(.sheet-modal-push-in,.sheet-modal-push-closing) .framework7-root{background:#000}html:has(.sheet-modal-push-in,.sheet-modal-push-closing) .framework7-root>.view,html:has(.sheet-modal-push-in,.sheet-modal-push-closing) .framework7-root>.views{transition-duration:var(--f7-sheet-transition-duration);transition-timing-function:var(--f7-sheet-transition-timing-function)}html:has(.sheet-modal-push-in,.sheet-modal-push-closing) .dark .framework7-root>.view:after,html:has(.sheet-modal-push-in,.sheet-modal-push-closing) .dark .framework7-root>.views:after,html:has(.sheet-modal-push-in,.sheet-modal-push-closing) .dark.framework7-root>.view:after,html:has(.sheet-modal-push-in,.sheet-modal-push-closing) .dark.framework7-root>.views:after,html:has(.sheet-modal-push-in,.sheet-modal-push-closing) .framework7-root>.view.dark:after,html:has(.sheet-modal-push-in,.sheet-modal-push-closing) .framework7-root>.views.dark:after,html:has(.sheet-modal-push-in,.sheet-modal-push-closing).dark .framework7-root>.view:after,html:has(.sheet-modal-push-in,.sheet-modal-push-closing).dark .framework7-root>.views:after{animation:sheet-dark-push-overlay-fade-in var(--f7-sheet-transition-duration);animation-timing-function:var(--f7-sheet-transition-timing-function);background:#ffffff1a;content:"";height:100%;left:0;opacity:1;pointer-events:none;position:absolute;top:0;transition-duration:var(--f7-sheet-transition-duration);transition-timing-function:var(--f7-sheet-transition-timing-function);width:100%;z-index:13000}html:has(.sheet-modal-push-in) .framework7-root>.view,html:has(.sheet-modal-push-in) .framework7-root>.views{border-radius:var(--f7-sheet-push-border-radius);transform:translateZ(0) scale(var(--f7-sheet-push-scale,1))!important}html:has(.sheet-modal-push-closing) .dark .framework7-root>.view:after,html:has(.sheet-modal-push-closing) .dark .framework7-root>.views:after,html:has(.sheet-modal-push-closing) .dark.framework7-root>.view:after,html:has(.sheet-modal-push-closing) .dark.framework7-root>.views:after,html:has(.sheet-modal-push-closing) .framework7-root>.view.dark:after,html:has(.sheet-modal-push-closing) .framework7-root>.views.dark:after,html:has(.sheet-modal-push-closing).dark .framework7-root>.view:after,html:has(.sheet-modal-push-closing).dark .framework7-root>.views:after{animation:none;opacity:0}@keyframes sheet-dark-push-overlay-fade-in{0%{opacity:0}to{opacity:1}}.ios .sheet-modal{backdrop-filter:saturate(180%) blur(16px);box-shadow:var(--f7-glass-shadow)}.ios .sheet-modal .toolbar{position:absolute}.ios:not(.device-ios) .sheet-modal .toolbar:before{display:none}.md .sheet-modal .toolbar{--f7-safe-area-bottom:0px;position:relative;width:100%}.md .sheet-modal .toolbar:after,.md .sheet-modal .toolbar:before{display:none}.md .sheet-modal .toolbar+.sheet-modal-inner{height:calc(100% - var(--f7-toolbar-height))}.md .sheet-modal .toolbar+.sheet-modal-inner .page-content{--f7-page-toolbar-top-offset:0px;--f7-page-toolbar-bottom-offset:0px}.md .sheet-modal .toolbar a.link:not(.tab-link){flex-shrink:0}
|