framework7 8.3.4 → 9.0.0-beta.1

package/framework7.css

@@ -1,13 +1,13 @@
 /**
- * Framework7 8.3.4
+ * Framework7 9.0.0-beta.1
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
- * Copyright 2014-2024 Vladimir Kharlampidi
+ * Copyright 2014-2025 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: September 18, 2024
+ * Released on: November 10, 2025
  */
 
 /*====================
@@ -62,12 +62,12 @@
     --f7-safe-area-outer-right: 0px;
   }
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+@media (min-resolution: 2dppx) {
   :root {
     --f7-device-pixel-ratio: 2;
   }
 }
-@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
+@media (min-resolution: 3dppx) {
   :root {
     --f7-device-pixel-ratio: 3;
   }
@@ -83,22 +83,25 @@
 .ios {
   --f7-font-family: -apple-system, SF Pro Text, SF UI Text, system-ui, Helvetica Neue, Helvetica, Arial, sans-serif;
   --f7-line-height: 1.4;
+  --f7-bars-border-color: transparent;
   /*
   --f7-bars-link-color: var(--f7-theme-color);
   */
+  --f7-glass-bg-color: rgba(255, 255, 255, 0.75);
+  --f7-glass-shadow: inset -1px -1px 0px -0.5px #ffffff, inset 1px 1px 0px -0.5px #ffffff, inset 3px 3px 10px -3px #ddd, inset -3px -3px 10px -3px #ddd, inset 0 0 5px 1px #fff, inset 0 0 0 0.5px rgba(0, 0, 0, 0.25), inset 0 0 24px 0 rgba(0, 0, 0, 0.1), 0 0 25px 0 rgba(0, 0, 0, 0.2);
+  --f7-glass-shadow-thumb: inset -3px -3px 0px -3.5px #ffffff, inset 3px 3px 0px -3.5px #ffffff, inset 0px 0px 0px 0.5px rgba(255, 255, 255, 0.5), inset 3px 3px 10px -2px #eee, inset -3px -3px 10px -2px #eee, inset 0 0 5px 1px #fff;
   --f7-bars-text-color: #000;
   --f7-text-color: #000;
-  --f7-bars-bg-color: #f7f7f8;
-  --f7-bars-bg-color-rgb: 247, 247, 248;
-  --f7-bars-border-color: rgba(0, 0, 0, 0.25);
+  --f7-bars-bg-color: #efeff4;
 }
 .ios .dark,
 .ios.dark {
+  --f7-glass-bg-color: rgba(50, 50, 50, 0.5);
+  --f7-glass-shadow: inset -2px -2px 0.5px -2.5px rgba(255, 255, 255, 0.4), inset 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.4), inset 2px 2px 0.5px -2px #262626, inset -2px -2px 0.5px -2px #262626, inset 0 0 5px 1px #141414, inset 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 0 10px 0 rgba(255, 255, 255, 0.075), inset 0 0 24px 0 rgba(255, 255, 255, 0.05), 0 0 25px 0 rgba(0, 0, 0, 0.15);
+  --f7-glass-shadow-thumb: inset 3px 3px 0px -3.5px #ffffff, inset -3px -3px 0px -3.5px #ffffff, inset -0.5px -0.5px 0px rgba(255, 255, 255, 0.5), inset 0.5px 0.5px 0px rgba(255, 255, 255, 0.1), inset -3px 3px 0px -3.5px rgba(255, 255, 255, 0.25), inset 0px -5px 0px -3.5px rgba(255, 255, 255, 0.25), inset 0px -5px 5px rgba(255, 255, 255, 0.25);
   --f7-bars-text-color: #fff;
   --f7-text-color: #fff;
-  --f7-bars-bg-color: #121212;
-  --f7-bars-bg-color-rgb: 22, 22, 22;
-  --f7-bars-border-color: rgba(255, 255, 255, 0.16);
+  --f7-bars-bg-color: rgba(0, 0, 0, 0.5);
 }
 .md {
   --f7-font-family: Roboto, system-ui, Noto, Helvetica, Arial, sans-serif;
@@ -134,7 +137,7 @@
 }
 @font-face {
   font-family: 'framework7-core-icons';
-  src: url('data:application/font-woff;charset=utf-8;base64, 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') format('woff');
+  src: url('data:application/font-woff;charset=utf-8;base64, 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') format('woff');
   font-weight: 400;
   font-style: normal;
 }
@@ -166,8 +169,7 @@ body {
   scrollbar-color: transparent;
 }
 body::-webkit-scrollbar {
-  -webkit-appearance: none;
-          appearance: none;
+  appearance: none;
   width: 0px;
   display: none;
   opacity: 0;
@@ -369,6 +371,9 @@ html.device-full-viewport body {
   background-color: var(--f7-page-bg-color);
   z-index: 1;
 }
+.page-transparent {
+  background-color: transparent;
+}
 .page-with-navbar-large-collapsed {
   --f7-navbar-large-collapse-progress: 1;
 }
@@ -385,6 +390,12 @@ html.device-full-viewport body {
   padding-top: calc(var(--f7-page-navbar-offset, 0px) + var(--f7-page-toolbar-top-offset, 0px) + var(--f7-page-subnavbar-offset, 0px) + var(--f7-page-searchbar-offset, 0px) + var(--f7-page-content-extra-padding-top, 0px));
   padding-bottom: calc(var(--f7-page-toolbar-bottom-offset, 0px) + var(--f7-safe-area-bottom) + var(--f7-page-content-extra-padding-bottom, 0px));
 }
+.page-previous .page-opacity-effect {
+  opacity: 1;
+}
+.page-previous:after {
+  opacity: 1;
+}
 .page-transitioning,
 .page-transitioning .page-shadow-effect,
 .page-transitioning .page-opacity-effect {
@@ -429,12 +440,6 @@ html.device-full-viewport body {
 .ios .page-next {
   transform: translate3d(100%, 0, 0);
 }
-.ios .page-previous .page-opacity-effect {
-  opacity: 1;
-}
-.ios .page-previous:after {
-  opacity: 1;
-}
 .ios .page-current .page-shadow-effect {
   opacity: 1;
 }
@@ -547,11 +552,11 @@ html.device-full-viewport body {
   }
 }
 .md .page-previous {
-  transform: translate3d(0, -20px, 0);
+  transform: translate3d(-24px, 0px, 0);
 }
 .md .page-next {
   pointer-events: none;
-  transform: translate3d(0, 128px, 0);
+  transform: translate3d(128px, 0px, 0);
   opacity: 0;
 }
 .md .page-next.page-next-on-right {
@@ -566,17 +571,17 @@ html.device-full-viewport body {
   animation: md-page-current-to-previous var(--f7-page-transition-duration) forwards cubic-bezier(0, 0.8, 0.3, 1);
 }
 .md .router-transition-backward .page-current {
-  animation: md-page-current-to-next calc(var(--f7-page-transition-duration) / 4) forwards cubic-bezier(0.8, 0, 1, 0.3), md-page-current-to-next-opacity 0ms calc(var(--f7-page-transition-duration) / 4) forwards;
+  animation: md-page-current-to-next calc(var(--f7-page-transition-duration) / 2) forwards cubic-bezier(0, 1, 0.8, 1), md-page-current-to-next-opacity calc(var(--f7-page-transition-duration) / 2) forwards;
 }
 .md .router-transition-backward .page-previous {
-  animation: md-page-previous-to-current var(--f7-page-transition-duration) forwards;
+  animation: md-page-previous-to-current calc(var(--f7-page-transition-duration) / 2) forwards cubic-bezier(0, 1, 0.8, 1);
 }
 @keyframes md-page-next-to-current {
   from {
-    transform: translate3d(0, 128px, 0);
+    transform: translate3d(128px, 0px, 0);
   }
   to {
-    transform: translate3d(0, 0px, 0);
+    transform: translate3d(0px, 0px, 0);
   }
 }
 @keyframes md-page-current-to-next {
@@ -584,7 +589,7 @@ html.device-full-viewport body {
     transform: translate3d(0, 0, 0);
   }
   to {
-    transform: translate3d(0, 128px, 0);
+    transform: translate3d(128px, 0px, 0);
   }
 }
 @keyframes md-page-current-to-next-opacity {
@@ -600,12 +605,12 @@ html.device-full-viewport body {
     transform: translate3d(0, 0, 0);
   }
   to {
-    transform: translate3d(0, -20px, 0);
+    transform: translate3d(-24px, 0px, 0);
   }
 }
 @keyframes md-page-previous-to-current {
   from {
-    transform: translate3d(0, -20px, 0);
+    transform: translate3d(-24px, 0px, 0);
   }
   to {
     transform: translate3d(0, 0px, 0);
@@ -614,28 +619,18 @@ html.device-full-viewport body {
 .view:not(.view-master-detail) .page-master-stacked {
   display: none;
 }
-.view:not(.view-master-detail) .navbar-master-stacked {
-  display: none;
-}
-.view-master-detail .page-master,
-.view-master-detail .navbar-master {
+.view-master-detail .page-master {
   width: var(--f7-page-master-width);
   --f7-safe-area-right: 0px;
   --f7-safe-area-outer-right: 0px;
   border-right: var(--f7-page-master-border-width) solid var(--f7-page-master-border-color);
 }
-.view-master-detail .page-master-detail,
-.view-master-detail .navbar-master-detail {
+.view-master-detail .page-master-detail {
   width: calc(100% - var(--f7-page-master-width));
   --f7-safe-area-left: 0px;
   --f7-safe-area-outer-left: 0px;
   left: var(--f7-page-master-width);
 }
-.view-master-detail .page-master-detail > .navbar-master-detail {
-  left: 0;
-  right: 0;
-  width: 100%;
-}
 .view-master-detail .page-master {
   z-index: 2;
   transform: none;
@@ -1015,8 +1010,7 @@ html.device-full-viewport body {
 }
 .router-transition-f7-flip-forward .page,
 .router-transition-f7-flip-backward .page {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   overflow: hidden;
   pointer-events: none;
 }
@@ -1232,11 +1226,12 @@ html.device-full-viewport body {
   --f7-navbar-link-color: var(--f7-bars-link-color);
   --f7-navbar-text-color: var(--f7-bars-text-color);
   */
-  --f7-navbar-height: 44px;
+  --f7-navbar-link-color: var(--f7-bars-text-color);
+  --f7-navbar-height: 76px;
   --f7-navbar-font-size: 17px;
   --f7-navbar-title-font-size: inherit;
-  --f7-navbar-inner-padding-left: 8px;
-  --f7-navbar-inner-padding-right: 8px;
+  --f7-navbar-inner-padding-left: 16px;
+  --f7-navbar-inner-padding-right: 16px;
   --f7-navbar-title-font-weight: 600;
   --f7-navbar-title-margin-left: 0;
   --f7-navbar-title-margin-right: 0;
@@ -1304,8 +1299,7 @@ html.device-full-viewport body {
 .navbar {
   --f7-navbar-large-collapse-progress: 0;
   position: relative;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   box-sizing: border-box;
   margin: 0;
   height: calc(var(--f7-navbar-height) + var(--f7-safe-area-top));
@@ -1321,8 +1315,6 @@ html.device-full-viewport body {
 .navbar a.link {
   display: flex;
   justify-content: flex-start;
-  line-height: var(--f7-navbar-link-line-height, var(--f7-navbar-height));
-  height: var(--f7-navbar-link-height, var(--f7-navbar-height));
 }
 .navbar .title,
 .navbar .left,
@@ -1356,7 +1348,7 @@ html.device-full-viewport body {
 .navbar .right {
   flex-shrink: 0;
   display: flex;
-  justify-content: flex-start;
+  justify-content: center;
   align-items: center;
 }
 .navbar .right:first-child {
@@ -1383,40 +1375,8 @@ html.device-full-viewport body {
   height: 100%;
   pointer-events: none;
   z-index: 0;
-  background: var(--f7-navbar-bg-color);
-  background-color: var(--f7-navbar-bg-color, var(--f7-bars-bg-color));
   transition-property: transform;
 }
-@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
-  .ios-translucent-bars .navbar-bg {
-    background-color: rgba(var(--f7-navbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), var(--f7-bars-translucent-opacity));
-    -webkit-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
-            backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
-  }
-}
-.navbar-bg:after,
-.navbar-bg:before {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
-}
-.navbar-bg:after {
-  content: '';
-  position: absolute;
-  background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color));
-  display: block;
-  z-index: 15;
-  top: auto;
-  right: auto;
-  bottom: 0;
-  left: 0;
-  height: 1px;
-  width: 100%;
-  transform-origin: 50% 100%;
-  transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
-}
-.navbar-bg:after {
-  z-index: 1;
-}
 .navbar-transitioning,
 .navbar-transitioning .left,
 .navbar-transitioning .title,
@@ -1427,13 +1387,6 @@ html.device-full-viewport body {
 .navbar-transitioning .navbar-bg:before {
   transition-duration: var(--f7-navbar-hide-show-transition-duration);
 }
-.navbar-page-transitioning {
-  transition-duration: var(--f7-page-swipeback-transition-duration) !important;
-}
-.navbar-page-transitioning .title-large-text,
-.navbar-page-transitioning .navbar-bg {
-  transition-duration: var(--f7-page-swipeback-transition-duration) !important;
-}
 .navbar-hidden {
   transform: translate3d(0, calc(-1 * var(--f7-navbar-height)), 0);
 }
@@ -1469,34 +1422,9 @@ html.device-full-viewport body {
 }
 .views > .navbar,
 .view > .navbar,
-.page > .navbar,
-.navbars > .navbar {
+.page > .navbar {
   position: absolute;
 }
-.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible):not(
-    .with-searchbar-expandable-enabled
-  ) .navbar-bg,
-.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible):not(
-    .with-searchbar-expandable-enabled
-  ) .title {
-  opacity: 0;
-}
-.navbar-large .navbar-bg {
-  height: calc(100% + var(--f7-navbar-large-title-height));
-  transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0);
-}
-.navbar-large-transparent .navbar-bg,
-.navbar-large.navbar-transparent .navbar-bg {
-  opacity: var(--f7-navbar-large-collapse-progress);
-}
-.ios .router-navbar-transition-to-large .navbar-bg,
-.ios .router-navbar-transition-from-large .navbar-bg,
-.navbar-bg.ios-swipeback-navbar-bg-large,
-.navbar-large-transparent .navbar-bg.ios-swipeback-navbar-bg-large,
-.navbar-large.navbar-transparent .navbar-bg.ios-swipeback-navbar-bg-large {
-  height: calc(100% + var(--f7-navbar-large-title-height));
-  transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0);
-}
 .ios .navbar:not(.navbar-large) .navbar-bg {
   --f7-navbar-large-collapse-progress: 1;
 }
@@ -1509,6 +1437,9 @@ html.device-full-viewport body {
 .navbar-large-collapsed .title-large {
   pointer-events: none;
 }
+.navbar-large-collapsed .title-large-text {
+  opacity: 0;
+}
 .navbar .title-large {
   box-sizing: border-box;
   position: absolute;
@@ -1517,7 +1448,6 @@ html.device-full-viewport body {
   top: 100%;
   display: flex;
   white-space: nowrap;
-  overflow: hidden;
   height: var(--f7-navbar-large-title-height);
   z-index: 5;
 }
@@ -1542,14 +1472,11 @@ html.device-full-viewport body {
 .navbar-no-title-large-transition .title-large-text {
   transition-duration: 0ms;
 }
-.navbar ~ *,
-.navbars ~ * {
+.navbar ~ * {
   --f7-page-navbar-offset: calc(var(--f7-navbar-height) + var(--f7-safe-area-top));
 }
 .navbar ~ * .page-with-navbar-large,
 .navbar ~ .page-with-navbar-large,
-.navbars ~ * .page-with-navbar-large,
-.navbars ~ .page-with-navbar-large,
 .page-with-navbar-large .navbar ~ * {
   --f7-page-navbar-offset: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height) + var(--f7-safe-area-top));
 }
@@ -1560,17 +1487,15 @@ html.device-full-viewport body {
 .ios {
   --f7-navbarLeftTextOffset: calc(4px + 12px + var(--f7-navbar-inner-padding-left));
   --f7-navbarTitleLargeOffset: var(--f7-navbar-large-title-padding-left);
-  --f7-navbar-large-bg-center-top: translateX(0) translateY(calc(-1 * var(--f7-navbar-large-title-height)));
-  --f7-navbar-large-bg-center-bottom: translateX(0) translateY(0);
-  --f7-navbar-large-bg-left-top: translateX(-100%) translateY(calc(-1 * var(--f7-navbar-large-title-height)));
-  --f7-navbar-large-bg-left-bottom: translateX(-100%) translateY(0);
-  --f7-navbar-large-bg-right-top: translateX(100%) translateY(calc(-1 * var(--f7-navbar-large-title-height)));
-  --f7-navbar-large-bg-right-bottom: translateX(100%) translateY(0);
 }
 .ios .navbar .title-large {
   align-items: flex-end;
 }
-.ios .navbar a.icon-only {
+.ios .navbar a.link {
+  height: 100%;
+  padding: 0 12px;
+}
+.ios .navbar a:is(.icon-only, :has(i:only-child), :has(svg:only-child)) {
   width: 44px;
   margin: 0;
   justify-content: center;
@@ -1591,8 +1516,41 @@ html.device-full-viewport body {
 .ios .navbar .right:first-child {
   right: calc(8px + var(--f7-safe-area-right));
 }
+.ios .navbar-bg {
+  height: 100%;
+}
+.ios .navbar-bg::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  backdrop-filter: blur(2px);
+  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
+}
+.ios .navbar-bg::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background-image: linear-gradient(to bottom, var(--f7-navbar-bg-color, var(--f7-bars-bg-color)) 0%, transparent 100%);
+}
 .ios .navbar-inner {
   justify-content: space-between;
+  padding-top: calc(16px + var(--f7-safe-area-top));
+  padding-bottom: 16px;
+}
+.ios .navbar .left,
+.ios .navbar .right,
+.ios .navbar .navbar-pane {
+  height: 100%;
+  backdrop-filter: saturate(180%) blur(16px);
+  box-shadow: var(--f7-glass-shadow);
+  background-color: var(--f7-glass-bg-color);
+  border-radius: 64px;
+  min-width: 44px;
+}
+.ios .navbar-pane {
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 .ios .navbar-inner-left-title {
   justify-content: flex-start;
@@ -1604,544 +1562,17 @@ html.device-full-viewport body {
   text-align: left;
   margin-right: 10px;
 }
-.ios .view-master-detail .navbar-previous:not(.navbar-master) .left,
-.ios .view:not(.view-master-detail) .navbar-previous .left,
-.ios .navbar-next .left,
-.ios .view-master-detail .navbar-previous:not(.navbar-master) .title,
-.ios .view:not(.view-master-detail) .navbar-previous .title,
-.ios .navbar-next .title,
-.ios .view-master-detail .navbar-previous:not(.navbar-master) .right,
-.ios .view:not(.view-master-detail) .navbar-previous .right,
-.ios .navbar-next .right,
-.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar,
-.ios .view:not(.view-master-detail) .navbar-previous .subnavbar,
-.ios .navbar-next .subnavbar,
-.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading,
-.ios .view:not(.view-master-detail) .navbar-previous .fading,
-.ios .navbar-next .fading {
-  opacity: 0;
-}
-.ios .view-master-detail .navbar-previous:not(.navbar-master),
-.ios .view:not(.view-master-detail) .navbar-previous {
-  pointer-events: none;
-}
-.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large,
-.ios .view:not(.view-master-detail) .navbar-previous .title-large {
+.ios .navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible):not(
+      .with-searchbar-expandable-enabled
+    ) .title {
   opacity: 0;
-  transition-duration: 0ms;
-}
-.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-text,
-.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-text {
-  transform: scale(0.5);
-  transition-duration: 0ms;
-}
-.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding,
-.ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding,
-.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding .subnavbar,
-.ios .view:not(.view-master-detail) .navbar-previous .sliding .subnavbar {
-  opacity: 1;
-  transform: translate3d(-100%, 0, 0);
-}
-.ios .view:not(.view-master-detail) .navbar-previous .navbar-bg,
-.ios .view-master-detail .navbar-previous:not(.navbar-master) .navbar-bg {
-  transform: translateX(-100%);
-}
-.ios .navbar-next {
-  pointer-events: none;
-}
-.ios .navbar-next .navbar-bg {
-  transform: translateX(100%);
-}
-.ios .navbar-next .title-large .title-large-text {
-  transition-duration: 0ms;
-  transform: translateX(100%) translateY(calc(-1 * var(--f7-navbar-large-title-height)));
-}
-.ios .navbar-next .subnavbar.sliding,
-.ios .navbar-next .sliding .subnavbar {
-  opacity: 1;
-  transform: translate3d(100%, 0, 0);
-}
-.ios .router-transition .navbar,
-.ios .router-transition .navbar-bg {
-  transition-duration: var(--f7-page-transition-duration);
-}
-.ios .router-transition .navbar-bg {
-  animation-duration: var(--f7-page-transition-duration);
-  animation-fill-mode: forwards;
-}
-.ios .router-transition .title-large,
-.ios .router-transition .title-large-text {
-  transition-duration: 0ms;
-}
-.ios .router-transition .navbar-current .left,
-.ios .router-transition .navbar-current .title,
-.ios .router-transition .navbar-current .right,
-.ios .router-transition .navbar-current .subnavbar {
-  animation: ios-navbar-element-fade-out var(--f7-page-transition-duration) forwards;
-}
-.ios .router-transition .navbar-current .sliding.left,
-.ios .router-transition .navbar-current .sliding.left .icon + span,
-.ios .router-transition .navbar-current .sliding.title,
-.ios .router-transition .navbar-current .sliding.right,
-.ios .router-transition .navbar-current .sliding .left,
-.ios .router-transition .navbar-current .sliding .left .icon + span,
-.ios .router-transition .navbar-current .sliding .title,
-.ios .router-transition .navbar-current .sliding .right {
-  transition-duration: var(--f7-page-transition-duration);
-  opacity: 0 !important;
-  animation: none;
-}
-.ios .router-transition .navbar-current .sliding .subnavbar,
-.ios .router-transition .navbar-current .sliding.subnavbar {
-  transition-duration: var(--f7-page-transition-duration);
-  animation: none;
-  opacity: 1;
-}
-.ios .router-transition-forward .navbar-next .left,
-.ios .router-transition-backward .navbar-previous .left,
-.ios .router-transition-forward .navbar-next .title,
-.ios .router-transition-backward .navbar-previous .title,
-.ios .router-transition-forward .navbar-next .right,
-.ios .router-transition-backward .navbar-previous .right,
-.ios .router-transition-forward .navbar-next .subnavbar,
-.ios .router-transition-backward .navbar-previous .subnavbar {
-  animation: ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards;
-}
-.ios .router-transition-forward .navbar-next .sliding.left,
-.ios .router-transition-backward .navbar-previous .sliding.left,
-.ios .router-transition-forward .navbar-next .sliding.left .icon + span,
-.ios .router-transition-backward .navbar-previous .sliding.left .icon + span,
-.ios .router-transition-forward .navbar-next .sliding.title,
-.ios .router-transition-backward .navbar-previous .sliding.title,
-.ios .router-transition-forward .navbar-next .sliding.right,
-.ios .router-transition-backward .navbar-previous .sliding.right,
-.ios .router-transition-forward .navbar-next .sliding .left,
-.ios .router-transition-backward .navbar-previous .sliding .left,
-.ios .router-transition-forward .navbar-next .sliding .left .icon + span,
-.ios .router-transition-backward .navbar-previous .sliding .left .icon + span,
-.ios .router-transition-forward .navbar-next .sliding .title,
-.ios .router-transition-backward .navbar-previous .sliding .title,
-.ios .router-transition-forward .navbar-next .sliding .right,
-.ios .router-transition-backward .navbar-previous .sliding .right,
-.ios .router-transition-forward .navbar-next .sliding .subnavbar,
-.ios .router-transition-backward .navbar-previous .sliding .subnavbar {
-  transition-duration: var(--f7-page-transition-duration);
-  animation: none;
-  transform: translate3d(0, 0, 0) !important;
-  opacity: 1 !important;
-}
-.ios .router-transition-forward .navbar-next.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible) .title,
-.ios .router-transition-backward .navbar-previous.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible) .title {
-  animation: none;
-}
-.ios .router-transition-forward .navbar-next.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible) .sliding.title,
-.ios .router-transition-backward .navbar-previous.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible) .sliding.title,
-.ios .router-transition-forward .navbar-next.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible) .sliding .title,
-.ios .router-transition-backward .navbar-previous.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible) .sliding .title {
-  opacity: 0 !important;
-}
-.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .left,
-.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .left,
-.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .title,
-.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .title,
-.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .right,
-.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .right,
-.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .subnavbar,
-.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .subnavbar {
-  animation: none;
-}
-.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large,
-.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large {
-  overflow: visible;
-}
-.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text,
-.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text {
-  animation: ios-navbar-large-title-text-slide-up var(--f7-page-transition-duration) forwards, ios-navbar-large-title-text-fade-out var(--f7-page-transition-duration) forwards;
-}
-.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large .left .back span {
-  animation: ios-navbar-back-text-next-to-current var(--f7-page-transition-duration) forwards;
-  transition: none;
-  transform-origin: left center;
-}
-.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large {
-  overflow: visible;
-}
-.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text {
-  animation: ios-navbar-large-title-text-slide-left var(--f7-page-transition-duration) forwards;
-}
-.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text {
-  animation: ios-navbar-large-title-text-slide-left var(--f7-page-transition-duration) forwards;
-}
-.ios .router-transition-forward .navbar-next.navbar-large:not(.navbar-large-collapsed) .title,
-.ios .router-transition-forward .navbar-current.navbar-large:not(.navbar-large-collapsed) .title {
-  animation: none;
-  opacity: 0 !important;
-  transition-duration: 0;
-}
-.ios .router-transition-backward .navbar-current.router-navbar-transition-to-large .left .back span {
-  animation: ios-navbar-back-text-current-to-previous var(--f7-page-transition-duration) forwards;
-  transition: none;
-  transform-origin: left center;
-}
-.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large {
-  overflow: visible;
-}
-.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text {
-  animation: ios-navbar-large-title-text-slide-right var(--f7-page-transition-duration) forwards;
-}
-.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text {
-  animation: ios-navbar-large-title-text-slide-right var(--f7-page-transition-duration) forwards;
-}
-.ios .router-transition-backward .navbar-current.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large {
-  opacity: 0;
-}
-.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large,
-.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large {
-  overflow: visible;
-  opacity: 1;
-}
-.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text,
-.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text {
-  animation: ios-navbar-large-title-text-slide-down var(--f7-page-transition-duration) forwards, ios-navbar-large-title-text-fade-in var(--f7-page-transition-duration) forwards;
-}
-.ios .router-transition-backward .navbar-current.navbar-large:not(.navbar-large-collapsed) .title,
-.ios .router-transition-backward .navbar-previous.navbar-large:not(.navbar-large-collapsed) .title {
-  animation: none;
-  opacity: 0 !important;
-  transition-duration: 0;
-}
-.ios .router-transition-forward .navbar-current .navbar-bg {
-  animation-name: ios-navbar-bg-from-cb-to-lb;
-}
-.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .navbar-bg {
-  animation-name: ios-navbar-bg-from-cb-to-lb;
-}
-.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .navbar-bg {
-  animation-name: ios-navbar-bg-from-cb-to-lt;
-}
-.ios .router-transition-forward .navbar-current:not(.router-navbar-transition-from-large).router-navbar-transition-to-large .navbar-bg {
-  animation-name: ios-navbar-bg-from-ct-to-lb;
-}
-.ios .router-transition-forward .navbar-current.navbar-large-collapsed:not(.router-navbar-transition-to-large) .navbar-bg {
-  animation-name: ios-navbar-bg-from-ct-to-lt;
-}
-.ios .router-transition-forward .navbar-next .navbar-bg {
-  animation-name: ios-navbar-bg-from-rb-to-cb;
-}
-.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .navbar-bg {
-  animation-name: ios-navbar-bg-from-rb-to-cb;
-}
-.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .navbar-bg {
-  animation-name: ios-navbar-bg-from-rb-to-ct;
-}
-.ios .router-transition-forward .navbar-next:not(.router-navbar-transition-from-large).router-navbar-transition-to-large .navbar-bg {
-  animation-name: ios-navbar-bg-from-rt-to-cb;
-}
-.ios .router-transition-backward .navbar-current .navbar-bg {
-  animation-name: ios-navbar-bg-from-cb-to-rb;
-}
-.ios .router-transition-backward .navbar-current:not(.router-navbar-transition-from-large).router-navbar-transition-to-large .navbar-bg {
-  animation-name: ios-navbar-bg-from-ct-to-rb;
-}
-.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .navbar-bg {
-  animation-name: ios-navbar-bg-from-cb-to-rt;
-}
-.ios .router-transition-backward .navbar-current.navbar-large-collapsed .navbar-bg {
-  animation-name: ios-navbar-bg-from-ct-to-rt;
-}
-.ios .router-transition-backward .navbar-current.navbar-large-collapsed.router-navbar-transition-to-large .navbar-bg {
-  animation-name: ios-navbar-bg-from-ct-to-rb;
-}
-.ios .router-transition-backward .navbar-previous .navbar-bg {
-  animation-name: ios-navbar-bg-from-lb-to-cb;
-}
-.ios .router-transition-backward .navbar-previous:not(.router-navbar-transition-from-large).router-navbar-transition-to-large .navbar-bg {
-  animation-name: ios-navbar-bg-from-lt-to-cb;
-}
-.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .navbar-bg {
-  animation-name: ios-navbar-bg-from-lb-to-ct;
-}
-.ios .router-transition-backward .navbar-previous.navbar-large-collapsed .navbar-bg {
-  animation-name: ios-navbar-bg-from-lt-to-ct;
-}
-.view-master-detail .navbars {
-  z-index: auto;
 }
 .view-master-detail .page-master {
   z-index: 525;
 }
-.view-master-detail .navbar-master .navbar-inner,
-.view-master-detail .navbar-master .navbar-bg {
-  z-index: 550;
-}
-.view-master-detail .navbar-master-detail .navbar-inner,
-.view-master-detail .navbar-master-detail .navbar-bg {
-  z-index: 500;
-}
-.view-master-detail .navbar-master.navbar-previous {
-  pointer-events: auto;
-}
-.view-master-detail .navbar-master.navbar-previous .left,
-.view-master-detail .navbar-master.navbar-previous:not(.navbar-large) .title,
-.view-master-detail .navbar-master.navbar-previous .right,
-.view-master-detail .navbar-master.navbar-previous .subnavbar {
-  opacity: 1;
-}
-.view-master-detail.router-transition .navbar-master .left,
-.view-master-detail.router-transition .navbar-master .left .icon + span,
-.view-master-detail.router-transition .navbar-master:not(.navbar-large) .title,
-.view-master-detail.router-transition .navbar-master .right,
-.view-master-detail.router-transition .navbar-master .subnavbar,
-.view-master-detail.router-transition .navbar-master .fading {
-  opacity: 1 !important;
-  transition-duration: 0ms;
-  transform: none !important;
-  animation: none !important;
-}
-.view-master-detail.router-transition .navbar-master .navbar-bg {
-  transition-duration: 0ms;
-  animation: none !important;
-}
-.view-master-detail.router-transition .navbar-master.navbar-large .title {
-  opacity: calc(-1 + 2 * var(--f7-navbar-large-collapse-progress)) !important;
-  transition-duration: 0ms;
-  transform: none !important;
-  animation: none !important;
-}
-.view-master-detail.router-transition .navbar-master.navbar-large .title-large,
-.view-master-detail.router-transition .navbar-master.navbar-large .title-large-text {
-  transition-duration: 0ms;
-  animation: none !important;
-}
-.view-master-detail.router-transition .navbar-master.navbar-large-transparent .navbar-bg,
-.view-master-detail.router-transition .navbar-master.navbar-large.navbar-transparent .navbar-bg {
-  height: 100% !important;
-  opacity: var(--f7-navbar-large-collapse-progress) !important;
-}
-@keyframes ios-navbar-element-fade-in {
-  0% {
-    opacity: 0;
-  }
-  25% {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@keyframes ios-navbar-element-fade-out {
-  from {
-    opacity: 1;
-  }
-  75% {
-    opacity: 0;
-  }
-  to {
-    opacity: 0;
-  }
-}
-@keyframes ios-navbar-large-title-text-slide-up {
-  0% {
-    transform: translateX(0px) translateY(0%) scale(1);
-  }
-  100% {
-    transform: translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * var(--f7-navbar-large-title-height) + var(--f7-navbar-large-title-padding-vertical))) scale(0.5);
-  }
-}
-@keyframes ios-navbar-large-title-text-slide-down {
-  0% {
-    transform: translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * var(--f7-navbar-large-title-height) + var(--f7-navbar-large-title-padding-vertical) / 2)) scale(0.5);
-  }
-  100% {
-    transform: translateX(0px) translateY(0%) scale(1);
-  }
-}
-@keyframes ios-navbar-large-title-text-slide-left {
-  0% {
-    transform: translateX(100%);
-  }
-  100% {
-    transform: translateX(0%);
-  }
-}
-@keyframes ios-navbar-large-title-text-slide-right {
-  0% {
-    transform: translateX(0%);
-  }
-  100% {
-    transform: translateX(100%);
-  }
-}
-@keyframes ios-navbar-large-title-text-fade-out {
-  0% {
-    opacity: 1;
-  }
-  80% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-@keyframes ios-navbar-large-title-text-fade-in {
-  0% {
-    opacity: 0;
-  }
-  20% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes ios-navbar-back-text-current-to-previous {
-  0% {
-    opacity: 1;
-    transform: translateY(0px) translateX(0px) scale(1);
-  }
-  80% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 0;
-    transform: translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc(1 * var(--f7-navbar-large-title-height) - var(--f7-navbar-large-title-padding-vertical) / 2)) scale(2);
-  }
-}
-@keyframes ios-navbar-back-text-next-to-current {
-  0% {
-    opacity: 0;
-    transform: translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc(1 * var(--f7-navbar-large-title-height) + var(--f7-navbar-large-title-padding-vertical) / 2)) scale(2);
-  }
-  20% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0px) translateY(0px) scale(1);
-  }
-}
-@keyframes ios-navbar-bg-from-cb-to-lb {
-  from {
-    transform: var(--f7-navbar-large-bg-center-bottom);
-  }
-  to {
-    transform: var(--f7-navbar-large-bg-left-bottom);
-  }
-}
-@keyframes ios-navbar-bg-from-cb-to-lt {
-  from {
-    transform: var(--f7-navbar-large-bg-center-bottom);
-  }
-  to {
-    transform: var(--f7-navbar-large-bg-left-top);
-  }
-}
-@keyframes ios-navbar-bg-from-ct-to-lb {
-  from {
-    transform: var(--f7-navbar-large-bg-center-top);
-  }
-  to {
-    transform: var(--f7-navbar-large-bg-left-bottom);
-  }
-}
-@keyframes ios-navbar-bg-from-ct-to-lt {
-  from {
-    transform: var(--f7-navbar-large-bg-center-top);
-  }
-  to {
-    transform: var(--f7-navbar-large-bg-left-top);
-  }
-}
-@keyframes ios-navbar-bg-from-rb-to-cb {
-  from {
-    transform: var(--f7-navbar-large-bg-right-bottom);
-  }
-  to {
-    transform: var(--f7-navbar-large-bg-center-bottom);
-  }
-}
-@keyframes ios-navbar-bg-from-rb-to-ct {
-  from {
-    transform: var(--f7-navbar-large-bg-right-bottom);
-  }
-  to {
-    transform: var(--f7-navbar-large-bg-center-top);
-  }
-}
-@keyframes ios-navbar-bg-from-rt-to-cb {
-  from {
-    transform: var(--f7-navbar-large-bg-right-top);
-  }
-  to {
-    transform: var(--f7-navbar-large-bg-center-bottom);
-  }
-}
-@keyframes ios-navbar-bg-from-cb-to-rb {
-  from {
-    transform: var(--f7-navbar-large-bg-center-bottom);
-  }
-  to {
-    transform: var(--f7-navbar-large-bg-right-bottom);
-  }
-}
-@keyframes ios-navbar-bg-from-ct-to-rb {
-  from {
-    transform: var(--f7-navbar-large-bg-center-top);
-  }
-  to {
-    transform: var(--f7-navbar-large-bg-right-bottom);
-  }
-}
-@keyframes ios-navbar-bg-from-cb-to-rt {
-  from {
-    transform: var(--f7-navbar-large-bg-center-bottom);
-  }
-  to {
-    transform: var(--f7-navbar-large-bg-right-top);
-  }
-}
-@keyframes ios-navbar-bg-from-ct-to-rt {
-  from {
-    transform: var(--f7-navbar-large-bg-center-top);
-  }
-  to {
-    transform: var(--f7-navbar-large-bg-right-top);
-  }
-}
-@keyframes ios-navbar-bg-from-lb-to-cb {
-  from {
-    transform: var(--f7-navbar-large-bg-left-bottom);
-  }
-  to {
-    transform: var(--f7-navbar-large-bg-center-bottom);
-  }
-}
-@keyframes ios-navbar-bg-from-lt-to-cb {
-  from {
-    transform: var(--f7-navbar-large-bg-left-top);
-  }
-  to {
-    transform: var(--f7-navbar-large-bg-center-bottom);
-  }
-}
-@keyframes ios-navbar-bg-from-lb-to-ct {
-  from {
-    transform: var(--f7-navbar-large-bg-left-bottom);
-  }
-  to {
-    transform: var(--f7-navbar-large-bg-center-top);
-  }
-}
-@keyframes ios-navbar-bg-from-lt-to-ct {
-  from {
-    transform: var(--f7-navbar-large-bg-left-top);
-  }
-  to {
-    transform: var(--f7-navbar-large-bg-center-top);
-  }
-}
 .md .navbar .title-large {
   align-items: center;
+  overflow: hidden;
 }
 .md .navbar .left {
   margin-left: 4px;
@@ -2150,8 +1581,9 @@ html.device-full-viewport body {
 .md .navbar a.link {
   padding: 0 12px;
   min-width: 48px;
+  height: var(--f7-navbar-link-height, var(--f7-navbar-height));
 }
-.md .navbar a.icon-only {
+.md .navbar a:is(.icon-only, :has(i:only-child), :has(svg:only-child)) {
   min-width: 0;
   flex-shrink: 0;
   width: 48px;
@@ -2163,6 +1595,35 @@ html.device-full-viewport body {
 .md .navbar .right:first-child {
   right: var(--f7-safe-area-right);
 }
+.md .navbar-pane {
+  display: contents;
+}
+.md .navbar-bg {
+  background: var(--f7-navbar-bg-color);
+  background-color: var(--f7-navbar-bg-color, var(--f7-bars-bg-color));
+}
+.md .navbar-bg:after,
+.md .navbar-bg:before {
+  backface-visibility: hidden;
+}
+.md .navbar-bg:after {
+  content: '';
+  position: absolute;
+  background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color));
+  display: block;
+  z-index: 15;
+  top: auto;
+  right: auto;
+  bottom: 0;
+  left: 0;
+  height: 1px;
+  width: 100%;
+  transform-origin: 50% 100%;
+  transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
+}
+.md .navbar-bg:after {
+  z-index: 1;
+}
 .md .navbar-inner {
   justify-content: flex-start;
   overflow: hidden;
@@ -2185,13 +1646,28 @@ html.device-full-viewport body {
 .md .navbar-inner-centered-title .title {
   text-align: center;
 }
+.md .navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible):not(
+      .with-searchbar-expandable-enabled
+    ) .navbar-bg,
+.md .navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible):not(
+      .with-searchbar-expandable-enabled
+    ) .title {
+  opacity: 0;
+}
+.md .navbar-large .navbar-bg {
+  height: calc(100% + var(--f7-navbar-large-title-height));
+  transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0);
+}
+.md .navbar-large-transparent .navbar-bg,
+.md .navbar-large.navbar-transparent .navbar-bg {
+  opacity: var(--f7-navbar-large-collapse-progress);
+}
 /* === Toolbar === */
 :root {
   /*
   --f7-toolbar-bg-color: var(--f7-bars-bg-color);
   --f7-toolbar-bg-color-rgb: var(--f7-bars-bg-color-rgb);
   --f7-toolbar-border-color: var(--f7-bars-border-color);
-  --f7-toolbar-link-color: var(--f7-bars-link-color);
   --f7-toolbar-text-color: var(--f7-bars-text-color);
   */
   --f7-tabbar-link-active-bg-color: transparent;
@@ -2199,18 +1675,20 @@ html.device-full-viewport body {
   --f7-toolbar-hide-show-transition-duration: 400ms;
 }
 .ios {
-  --f7-toolbar-height: 44px;
+  --f7-toolbar-height: 64px;
   --f7-toolbar-font-size: 17px;
-  --f7-toolbar-inner-padding-left: 8px;
-  --f7-toolbar-inner-padding-right: 8px;
+  --f7-toolbar-inner-padding-left: 16px;
+  --f7-toolbar-inner-padding-right: 16px;
   --f7-toolbar-link-font-weight: 400;
+  --f7-toolbar-link-color: var(--f7-bars-text-color);
+  --f7-tabbar-link-inactive-color: var(--f7-bars-text-color);
   /*
   --f7-toolbar-link-height: var(--f7-toolbar-height);
   --f7-toolbar-link-line-height: var(--f7-toolbar-height);
   --f7-tabbar-link-active-color: var(--f7-theme-color);
   */
-  --f7-tabbar-icons-height: 50px;
-  --f7-tabbar-icons-tablet-height: 50px;
+  --f7-tabbar-icons-height: 80px;
+  --f7-tabbar-icons-tablet-height: 80px;
   --f7-tabbar-icon-size: 28px;
   --f7-tabbar-link-text-transform: none;
   --f7-tabbar-link-font-weight: 400;
@@ -2219,11 +1697,13 @@ html.device-full-viewport body {
   --f7-tabbar-label-tablet-font-size: 14px;
   --f7-tabbar-label-font-weight: 500;
   --f7-tabbar-label-letter-spacing: 0.01;
-  --f7-tabbar-link-inactive-color: rgba(0, 0, 0, 0.4);
+  --f7-tabbar-link-highlight-bg-color: rgba(0, 0, 0, 0.1);
+  --f7-tabbar-link-highlight-active-bg-color: rgba(0, 0, 0, 0.05);
 }
 .ios .dark,
 .ios.dark {
-  --f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.54);
+  --f7-tabbar-link-highlight-bg-color: rgba(255, 255, 255, 0.15);
+  --f7-tabbar-link-highlight-active-bg-color: rgba(255, 255, 255, 0.1);
 }
 .md {
   --f7-toolbar-height: 56px;
@@ -2231,6 +1711,7 @@ html.device-full-viewport body {
   --f7-toolbar-inner-padding-left: 0px;
   --f7-toolbar-inner-padding-right: 0px;
   /*
+  --f7-toolbar-link-color: var(--f7-bars-link-color);
   --f7-toolbar-link-height: var(--f7-toolbar-height);
   --f7-toolbar-link-line-height: var(--f7-toolbar-height);
   */
@@ -2259,23 +1740,15 @@ html.device-full-viewport body {
   position: relative;
   margin: 0;
   transform: translate3d(0, 0, 0);
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   z-index: 600;
   box-sizing: border-box;
   left: 0;
   height: var(--f7-toolbar-height);
-  background-color: var(--f7-toolbar-bg-color, var(--f7-bars-bg-color));
+  flex-shrink: 0;
   color: var(--f7-toolbar-text-color, var(--f7-bars-text-color));
   font-size: var(--f7-toolbar-font-size);
 }
-@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
-  .ios-translucent-bars .toolbar {
-    background-color: rgba(var(--f7-toolbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), var(--f7-bars-translucent-opacity));
-    -webkit-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
-            backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
-  }
-}
 .toolbar b {
   font-weight: 600;
 }
@@ -2289,8 +1762,6 @@ html.device-full-viewport body {
 }
 .toolbar .link {
   display: flex;
-  line-height: var(--f7-toolbar-link-line-height, var(--f7-toolbar-height));
-  height: var(--f7-toolbar-link-height, var(--f7-toolbar-height));
   font-weight: var(--f7-toolbar-link-font-weight);
 }
 .toolbar i.icon {
@@ -2298,8 +1769,7 @@ html.device-full-viewport body {
 }
 .toolbar:after,
 .toolbar:before {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
 }
 .views > .toolbar,
 .view > .toolbar,
@@ -2311,58 +1781,12 @@ html.device-full-viewport body {
 .md .toolbar-top-md {
   top: 0;
 }
-.toolbar-top .tab-link-highlight,
-.ios .toolbar-top-ios .tab-link-highlight,
-.md .toolbar-top-md .tab-link-highlight {
-  bottom: 0;
-}
-.toolbar-top.no-outline:after,
-.ios .toolbar-top-ios.no-outline:after,
-.md .toolbar-top-md.no-outline:after {
-  display: none !important;
-}
-.toolbar-top.toolbar-hidden:before,
-.ios .toolbar-top-ios.toolbar-hidden:before,
-.md .toolbar-top-md.toolbar-hidden:before {
-  display: none !important;
-}
-.toolbar-top:after,
-.ios .toolbar-top-ios:after,
-.md .toolbar-top-md:after,
-.toolbar-top:before,
-.ios .toolbar-top-ios:before,
-.md .toolbar-top-md:before {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
-}
-.toolbar-top:after,
-.ios .toolbar-top-ios:after,
-.md .toolbar-top-md:after {
-  content: '';
-  position: absolute;
-  background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color));
-  display: block;
-  z-index: 15;
-  top: auto;
-  right: auto;
-  bottom: 0;
-  left: 0;
-  height: 1px;
-  width: 100%;
-  transform-origin: 50% 100%;
-  transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
-}
 .toolbar-bottom,
 .ios .toolbar-bottom-ios,
 .md .toolbar-bottom-md {
   bottom: 0;
   height: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom));
 }
-.toolbar-bottom .tab-link-highlight,
-.ios .toolbar-bottom-ios .tab-link-highlight,
-.md .toolbar-bottom-md .tab-link-highlight {
-  top: 0;
-}
 .toolbar-bottom .toolbar-inner,
 .ios .toolbar-bottom-ios .toolbar-inner,
 .md .toolbar-bottom-md .toolbar-inner {
@@ -2370,45 +1794,17 @@ html.device-full-viewport body {
   top: 0;
   bottom: var(--f7-safe-area-bottom);
 }
-.toolbar-bottom.no-outline:before,
-.ios .toolbar-bottom-ios.no-outline:before,
-.md .toolbar-bottom-md.no-outline:before {
-  display: none !important;
-}
-.toolbar-bottom.toolbar-hidden:after,
-.ios .toolbar-bottom-ios.toolbar-hidden:after,
-.md .toolbar-bottom-md.toolbar-hidden:after {
-  display: none !important;
-}
-.toolbar-bottom:before,
-.ios .toolbar-bottom-ios:before,
-.md .toolbar-bottom-md:before {
-  content: '';
-  position: absolute;
-  background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color));
-  display: block;
-  z-index: 15;
-  top: 0;
-  right: auto;
-  bottom: auto;
-  left: 0;
-  height: 1px;
-  width: 100%;
-  transform-origin: 50% 0%;
-  transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
-}
 .toolbar-inner {
   position: absolute;
+  z-index: 1;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   display: flex;
-  justify-content: space-between;
   box-sizing: border-box;
   align-items: center;
   align-content: center;
-  overflow: hidden;
   padding: 0 calc(var(--f7-toolbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-toolbar-inner-padding-left) + var(--f7-safe-area-left));
 }
 .views > .tabbar,
@@ -2450,18 +1846,6 @@ html.device-full-viewport body {
   height: var(--f7-tabbar-icon-size);
   line-height: var(--f7-tabbar-icon-size);
 }
-.md .tabbar.tabbar-icons .tab-link-highlight,
-.md .tabbar-icons.tabbar-icons .tab-link-highlight {
-  display: none;
-}
-.md .tabbar:not(.tabbar-icons) .tab-link-highlight,
-.md .tabbar-icons:not(.tabbar-icons) .tab-link-highlight {
-  position: absolute;
-  height: 2px;
-  background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color));
-  transition-duration: 300ms;
-  left: 0;
-}
 .tabbar-icons {
   --f7-toolbar-height: var(--f7-tabbar-icons-height);
 }
@@ -2497,8 +1881,7 @@ html.device-full-viewport body {
   scrollbar-color: transparent;
 }
 .tabbar-scrollable .toolbar-inner::-webkit-scrollbar {
-  -webkit-appearance: none;
-          appearance: none;
+  appearance: none;
   width: 0px;
   display: none;
   opacity: 0;
@@ -2541,12 +1924,14 @@ html.device-full-viewport body {
 }
 .toolbar-top ~ *,
 .ios .toolbar-top-ios ~ *,
-.md .toolbar-top-md ~ * {
+.md .toolbar-top-md ~ *,
+.sheet-modal-bottom > .toolbar:not(.toolbar-bottom) ~ * {
   --f7-page-toolbar-top-offset: var(--f7-toolbar-height);
 }
 .toolbar-top.tabbar-icons ~ *,
 .ios .toolbar-top-ios.tabbar-icons ~ *,
-.md .toolbar-top-md.tabbar-icons ~ * {
+.md .toolbar-top-md.tabbar-icons ~ *,
+.sheet-modal-bottom > .toolbar:not(.toolbar-bottom).tabbar-icons ~ * {
   --f7-page-toolbar-top-offset: var(--f7-tabbar-icons-height);
 }
 .toolbar-top.toolbar-hidden,
@@ -2621,13 +2006,124 @@ html.device-full-viewport body {
 .md .navbar-large-hidden ~ * .toolbar-top-md:not(.toolbar-hidden) {
   transform: translate3d(0, calc(0px - var(--f7-navbar-height) - var(--f7-navbar-large-title-height)), 0);
 }
-.ios .toolbar a.icon-only {
-  min-height: var(--f7-toolbar-height);
+.ios .toolbar-pane {
+  -webkit-user-select: none;
+          user-select: none;
+}
+.ios .toolbar-pane,
+.ios .toolbar .left,
+.ios .toolbar .right {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  position: relative;
+  z-index: 1;
+  border-radius: 32px;
+  backdrop-filter: saturate(180%) blur(16px);
+  box-shadow: var(--f7-glass-shadow);
+  background-color: var(--f7-glass-bg-color);
+}
+.ios .toolbar .left {
+  margin-right: auto;
+}
+.ios .toolbar .right {
+  margin-left: auto;
+}
+.ios .toolbar .left:empty,
+.ios .toolbar .right:empty {
+  display: none;
+}
+.ios .toolbar a:is(.icon-only, :has(i:only-child), :has(svg:only-child)) {
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 0;
-  min-width: 44px;
+  min-width: 48px;
+  min-height: 48px;
+  padding: 0;
+}
+.ios .toolbar .link {
+  padding: 0 12px;
+  height: 100%;
+}
+.ios .toolbar::before,
+.ios .toolbar::after {
+  pointer-events: none;
+  content: '';
+  position: absolute;
+  inset: 0;
+}
+.ios .toolbar::before {
+  backdrop-filter: blur(2px);
+  mask-image: linear-gradient(to top, black 50%, transparent 100%);
+}
+.ios .toolbar::after {
+  background-image: linear-gradient(to top, var(--f7-toolbar-bg-color, var(--f7-bars-bg-color)) 0%, transparent 100%);
+}
+.ios .toolbar.toolbar-bottom::before,
+.ios .toolbar.messagebar::before,
+.ios .toolbar.toolbar-bottom::after,
+.ios .toolbar.messagebar::after {
+  top: -16px;
+}
+.ios .toolbar.toolbar-bottom .toolbar-inner,
+.ios .toolbar.messagebar .toolbar-inner {
+  padding-bottom: 16px;
+}
+.ios .toolbar.toolbar-top::before,
+.ios .toolbar:not(.toolbar-bottom, .toolbar-top, .messagebar)::before {
+  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
+}
+.ios .toolbar.toolbar-top::after,
+.ios .toolbar:not(.toolbar-bottom, .toolbar-top, .messagebar)::after {
+  background-image: linear-gradient(to bottom, var(--f7-toolbar-bg-color, var(--f7-bars-bg-color)) 0%, transparent 100%);
+}
+.ios .toolbar.toolbar-top::before,
+.ios .toolbar:not(.toolbar-bottom, .toolbar-top, .messagebar)::before,
+.ios .toolbar.toolbar-top::after,
+.ios .toolbar:not(.toolbar-bottom, .toolbar-top, .messagebar)::after {
+  bottom: -16px;
+}
+.ios .toolbar.toolbar-top .toolbar-inner,
+.ios .toolbar:not(.toolbar-bottom, .toolbar-top, .messagebar) .toolbar-inner {
+  padding-top: 16px;
+}
+.ios .navbar ~ .toolbar-top::before,
+.ios .navbar ~ .toolbar-top::after {
+  display: none;
+}
+.ios .toolbar-inner {
+  justify-content: center;
+  overflow: visible;
+  gap: 16px;
+}
+.ios .tabbar-scrollable .toolbar-pane {
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+  scrollbar-color: transparent;
+  justify-content: flex-start;
+}
+.ios .tabbar-scrollable .toolbar-pane::-webkit-scrollbar {
+  appearance: none;
+  width: 0px;
+  display: none;
+  opacity: 0;
+  background: transparent;
+}
+.ios .tabbar-scrollable .toolbar-pane::-webkit-scrollbar-track {
+  box-shadow: none;
+  background: transparent;
+}
+.ios .tabbar-scrollable .toolbar-pane::-webkit-scrollbar-thumb {
+  background-color: transparent;
+  outline: none;
+  border-radius: 9999px;
+  position: relative;
+}
+.ios .tabbar:not(.tabbar-scrollable) {
+  touch-action: none;
 }
 .ios .tabbar-icons .tab-link,
 .ios .tabbar-icons .link {
@@ -2639,19 +2135,16 @@ html.device-full-viewport body {
   margin: 0;
   margin-top: 4px;
 }
-@media (min-width: 768px) and (min-height: 600px) {
-  .ios .tabbar .tab-link,
-  .ios .tabbar-icons .tab-link,
-  .ios .tabbar .link,
-  .ios .tabbar-icons .link {
-    justify-content: center;
-    flex-direction: row;
+@media (max-width: 767px) {
+  .ios .tabbar .toolbar-pane {
+    width: 100%;
   }
-  .ios .tabbar .tab-link i + span,
-  .ios .tabbar-icons .tab-link i + span,
-  .ios .tabbar .link i + span,
-  .ios .tabbar-icons .link i + span {
-    margin-left: 5px;
+}
+@media (min-width: 768px) {
+  .ios .tabbar .tab-link {
+    padding-left: 16px;
+    padding-right: 16px;
+    min-width: 96px;
   }
 }
 .ios .tabbar-scrollable .toolbar-inner {
@@ -2661,14 +2154,116 @@ html.device-full-viewport body {
 .ios .tabbar-scrollable .link {
   padding: 0 8px;
 }
+.ios .tab-link-highlight {
+  position: absolute;
+  height: 100%;
+  top: 0;
+  transition-duration: 300ms;
+  border-radius: inherit;
+  left: 0;
+}
+.ios .tab-link-highlight::before,
+.ios .tab-link-highlight::after {
+  content: '';
+  position: absolute;
+  inset: 4px;
+  border-radius: inherit;
+  transition-duration: 300ms;
+}
+.ios .tab-link-highlight::before {
+  background-color: var(--f7-tabbar-link-highlight-bg-color);
+}
+.ios .tab-link-highlight::after {
+  opacity: 0;
+  box-shadow: var(--f7-glass-shadow-thumb);
+  background-color: var(--f7-tabbar-link-highlight-active-bg-color);
+}
+.ios .tab-link-highlight-pressed::before {
+  opacity: 0;
+}
+.ios .tab-link-highlight-pressed::after {
+  opacity: 1;
+}
+.ios .tab-link-highlight-pressed::before,
+.ios .tab-link-highlight-pressed::after {
+  scale: 1.4;
+}
+.md .toolbar-pane {
+  display: contents;
+}
+.md .toolbar {
+  background-color: var(--f7-toolbar-bg-color, var(--f7-bars-bg-color));
+}
 .md .toolbar .link {
   justify-content: center;
   padding: 0 12px;
   min-width: 48px;
+  min-height: 48px;
+  line-height: var(--f7-toolbar-link-line-height, var(--f7-toolbar-height));
+  height: var(--f7-toolbar-link-height, var(--f7-toolbar-height));
 }
-.md .toolbar a.icon-only {
-  min-width: 0;
+.md .toolbar a:is(.icon-only, :has(i:only-child), :has(svg:only-child)) {
+  min-width: 48px;
   flex-shrink: 0;
+  padding: 0;
+}
+.md .toolbar-top.no-outline:after,
+.md .md .toolbar-top-md.no-outline:after {
+  display: none !important;
+}
+.md .toolbar-top.toolbar-hidden:before,
+.md .md .toolbar-top-md.toolbar-hidden:before {
+  display: none !important;
+}
+.md .toolbar-top:after,
+.md .md .toolbar-top-md:after,
+.md .toolbar-top:before,
+.md .md .toolbar-top-md:before {
+  backface-visibility: hidden;
+}
+.md .toolbar-top:after,
+.md .md .toolbar-top-md:after {
+  content: '';
+  position: absolute;
+  background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color));
+  display: block;
+  z-index: 15;
+  top: auto;
+  right: auto;
+  bottom: 0;
+  left: 0;
+  height: 1px;
+  width: 100%;
+  transform-origin: 50% 100%;
+  transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
+}
+.md .toolbar-bottom.no-outline:before,
+.md .md .toolbar-bottom-md.no-outline:before {
+  display: none !important;
+}
+.md .toolbar-bottom.toolbar-hidden:after,
+.md .md .toolbar-bottom-md.toolbar-hidden:after {
+  display: none !important;
+}
+.md .toolbar-bottom:before,
+.md .md .toolbar-bottom-md:before {
+  content: '';
+  position: absolute;
+  background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color));
+  display: block;
+  z-index: 15;
+  top: 0;
+  right: auto;
+  bottom: auto;
+  left: 0;
+  height: 1px;
+  width: 100%;
+  transform-origin: 50% 0%;
+  transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
+}
+.md .toolbar-inner {
+  justify-content: space-between;
+  overflow: hidden;
 }
 .md .tabbar .tab-link,
 .md .tabbar-icons .tab-link,
@@ -2677,8 +2272,8 @@ html.device-full-viewport body {
   padding-left: 0;
   padding-right: 0;
 }
-.md .tabbar a.icon-only,
-.md .tabbar-icons a.icon-only {
+.md .tabbar a:is(.icon-only, :has(i:only-child), :has(svg:only-child)),
+.md .tabbar-icons a:is(.icon-only, :has(i:only-child), :has(svg:only-child)) {
   flex-shrink: initial;
 }
 .md .tabbar .tab-link,
@@ -2732,10 +2327,30 @@ html.device-full-viewport body {
 .md .tabbar-scrollable .link {
   padding: 0 12px;
 }
+.md .toolbar-top-md .tab-link-highlight,
+.md .toolbar-top .tab-link-highlight {
+  bottom: 0;
+}
+.md .toolbar-bottom .tab-link-highlight,
+.md .toolbar-bottom-md .tab-link-highlight {
+  top: 0;
+}
+.md .tabbar.tabbar-icons .tab-link-highlight,
+.md .tabbar-icons.tabbar-icons .tab-link-highlight {
+  display: none;
+}
+.md .tabbar:not(.tabbar-icons) .tab-link-highlight,
+.md .tabbar-icons:not(.tabbar-icons) .tab-link-highlight {
+  position: absolute;
+  height: 2px;
+  background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color));
+  transition-duration: 300ms;
+  left: 0;
+}
 /* === Subnavbar === */
 :root {
   /*
-  --f7-subnavbar-bg-color: var(--f7-bars-bg-color);
+
   --f7-subnavbar-bg-color-rgb: var(--f7-bars-bg-color-rgb);
   --f7-subnavbar-border-color: var(--f7-bars-border-color);
   --f7-subnavbar-link-color: var(--f7-bars-link-color);
@@ -2745,12 +2360,15 @@ html.device-full-viewport body {
 }
 .ios {
   --f7-subnavbar-height: 44px;
-  --f7-subnavbar-inner-padding-left: 8px;
-  --f7-subnavbar-inner-padding-right: 8px;
-  --f7-subnavbar-title-font-size: 34px;
+  --f7-subnavbar-offset-left: calc(16px + var(--f7-safe-area-left));
+  --f7-subnavbar-offset-right: calc(16px + var(--f7-safe-area-right));
+  --f7-subnavbar-inner-padding-left: 5px;
+  --f7-subnavbar-inner-padding-right: 5px;
+  --f7-subnavbar-title-font-size: 24px;
   --f7-subnavbar-title-font-weight: 700;
   --f7-subnavbar-title-letter-spacing: -0.03em;
   --f7-subnavbar-title-margin-left: 8px;
+  --f7-subnavbar-bg-color: var(--f7-glass-bg-color);
   /*
   --f7-subnavbar-link-height: var(--f7-subnavbar-height);
   --f7-subnavbar-link-line-height: var(--f7-subnavbar-height);
@@ -2758,21 +2376,24 @@ html.device-full-viewport body {
 }
 .md {
   --f7-subnavbar-height: 64px;
-  --f7-subnavbar-inner-padding-left: 16px;
-  --f7-subnavbar-inner-padding-right: 16px;
+  --f7-subnavbar-offset-left: 0;
+  --f7-subnavbar-offset-right: 0;
+  --f7-subnavbar-inner-padding-left: calc(16px + var(--f7-safe-area-left));
+  --f7-subnavbar-inner-padding-right: calc(16px + var(--f7-safe-area-right));
   --f7-subnavbar-title-font-size: 22px;
   --f7-subnavbar-title-font-weight: 400;
   --f7-subnavbar-title-letter-spacing: 0;
   --f7-subnavbar-title-margin-left: 0px;
   /*
+  --f7-subnavbar-bg-color: var(--f7-bars-bg-color);
   --f7-subnavbar-link-height: var(--f7-subnavbar-height);
   --f7-subnavbar-link-line-height: var(--f7-subnavbar-height);
   */
 }
 .subnavbar {
-  width: 100%;
   position: absolute;
-  left: 0;
+  left: var(--f7-subnavbar-offset-left);
+  right: var(--f7-subnavbar-offset-right);
   top: 0;
   z-index: 600;
   box-sizing: border-box;
@@ -2782,13 +2403,6 @@ html.device-full-viewport body {
   background-color: var(--f7-subnavbar-bg-color, var(--f7-bars-bg-color));
   color: var(--f7-subnavbar-text-color, var(--f7-bars-text-color));
 }
-@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
-  .ios-translucent-bars .subnavbar {
-    background-color: rgba(var(--f7-subnavbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), var(--f7-bars-translucent-opacity));
-    -webkit-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
-            backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
-  }
-}
 .subnavbar .subnavbar-title {
   position: relative;
   overflow: hidden;
@@ -2820,7 +2434,7 @@ html.device-full-viewport body {
   line-height: var(--f7-subnavbar-link-line-height, var(--f7-subnavbar-height));
   height: var(--f7-subnavbar-link-height, var(--f7-subnavbar-height));
 }
-.subnavbar a.icon-only {
+.subnavbar a:is(.icon-only, :has(i:only-child), :has(svg:only-child)) {
   min-width: var(--f7-subnavbar-height);
 }
 .subnavbar.no-outline:after {
@@ -2831,8 +2445,7 @@ html.device-full-viewport body {
 }
 .subnavbar:after,
 .subnavbar:before {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
 }
 .subnavbar:after {
   content: '';
@@ -2857,7 +2470,7 @@ html.device-full-viewport body {
   box-sizing: border-box;
   justify-content: space-between;
   overflow: hidden;
-  padding: 0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left));
+  padding: 0 var(--f7-subnavbar-inner-padding-left) 0 var(--f7-subnavbar-inner-padding-right);
 }
 .navbar .subnavbar {
   top: 100%;
@@ -2893,6 +2506,18 @@ html.device-full-viewport body {
   height: calc(var(--f7-subnavbar-height) + 1px);
   margin-top: -1px;
   padding-top: 1px;
+  border-radius: var(--f7-subnavbar-height);
+  box-shadow: var(--f7-glass-shadow);
+  backdrop-filter: saturate(180%) blur(16px);
+  --f7-segmented-strong-bg-color: transparent;
+}
+.ios .subnavbar:has(> .searchbar) {
+  background: transparent;
+  backdrop-filter: none;
+  box-shadow: none;
+}
+.ios .subnavbar .subnavbar-inner {
+  border-radius: inherit;
 }
 .ios .subnavbar .title {
   align-self: flex-start;
@@ -2914,7 +2539,7 @@ html.device-full-viewport body {
 .ios .subnavbar a.link {
   justify-content: flex-start;
 }
-.ios .subnavbar a.icon-only {
+.ios .subnavbar a:is(.icon-only, :has(i:only-child), :has(svg:only-child)) {
   justify-content: center;
   margin: 0;
 }
@@ -2931,7 +2556,7 @@ html.device-full-viewport body {
   justify-content: center;
   padding: 0 12px;
 }
-.md .subnavbar a.icon-only {
+.md .subnavbar a:is(.icon-only, :has(i:only-child), :has(svg:only-child)) {
   flex-shrink: 0;
   padding: 0 12px;
 }
@@ -2964,18 +2589,18 @@ html.device-full-viewport body {
   --f7-block-text-color: inherit;
   --f7-block-margin-vertical: 35px;
   --f7-block-outline-border-color: rgba(0, 0, 0, 0.22);
-  --f7-block-title-font-size: 16px;
+  --f7-block-title-font-size: 17px;
   --f7-block-title-font-weight: 600;
   --f7-block-title-line-height: 20px;
   --f7-block-title-margin-bottom: 10px;
-  --f7-block-title-medium-font-size: 22px;
+  --f7-block-title-medium-font-size: 20px;
   --f7-block-title-medium-font-weight: bold;
   --f7-block-title-medium-line-height: 1.4;
-  --f7-block-title-large-font-size: 30px;
+  --f7-block-title-large-font-size: 22px;
   --f7-block-title-large-font-weight: bold;
   --f7-block-title-large-line-height: 1.3;
-  --f7-block-inset-border-radius: 8px;
-  --f7-block-title-text-color: #000;
+  --f7-block-inset-border-radius: 24px;
+  --f7-block-title-text-color: rgba(0, 0, 0, 0.6);
   --f7-block-strong-text-color: #000;
   --f7-block-header-text-color: rgba(0, 0, 0, 0.45);
   --f7-block-footer-text-color: rgba(0, 0, 0, 0.45);
@@ -2985,7 +2610,7 @@ html.device-full-viewport body {
 }
 .ios .dark,
 .ios.dark {
-  --f7-block-title-text-color: #fff;
+  --f7-block-title-text-color: rgba(255, 255, 255, 0.6);
   --f7-block-header-text-color: rgba(255, 255, 255, 0.55);
   --f7-block-footer-text-color: rgba(255, 255, 255, 0.55);
   --f7-block-strong-text-color: #fff;
@@ -3391,7 +3016,6 @@ html.device-full-viewport body {
 :root {
   --f7-list-inset-side-margin: 16px;
   --f7-list-item-padding-horizontal: 16px;
-  --f7-list-item-padding-vertical: 8px;
   --f7-list-media-item-padding-horizontal: 16px;
   --f7-list-item-text-max-lines: 2;
   --f7-list-chevron-icon-font-size: 20px;
@@ -3435,8 +3059,9 @@ html.device-full-viewport body {
   --f7-list-chevron-icon-color: rgba(255, 255, 255, 0.3);
 }
 .ios {
+  --f7-list-item-padding-vertical: 12px;
   --f7-list-in-list-padding-left: 30px;
-  --f7-list-inset-border-radius: 8px;
+  --f7-list-inset-border-radius: 24px;
   --f7-list-margin-vertical: 35px;
   --f7-list-font-size: 17px;
   --f7-list-chevron-icon-area: 20px;
@@ -3448,7 +3073,7 @@ html.device-full-viewport body {
   --f7-list-item-text-line-height: 21px;
   --f7-list-item-after-font-size: inherit;
   --f7-list-item-after-padding: 5px;
-  --f7-list-item-min-height: 44px;
+  --f7-list-item-min-height: 52px;
   --f7-list-item-media-icons-margin: 5px;
   --f7-list-media-item-padding-vertical: 10px;
   --f7-list-media-item-title-font-weight: 600;
@@ -3461,7 +3086,7 @@ html.device-full-viewport body {
   --f7-list-group-title-font-size: inherit;
   --f7-list-group-title-font-weight: 400;
   --f7-menu-list-offset: 8px;
-  --f7-menu-list-border-radius: 8px;
+  --f7-menu-list-border-radius: 16px;
   --f7-menu-list-item-bg-color: transparent;
   --f7-menu-list-item-text-color: inherit;
   --f7-menu-list-item-min-height: 44px;
@@ -3480,7 +3105,7 @@ html.device-full-viewport body {
 .ios .dark,
 .ios.dark {
   --f7-list-item-border-color: rgba(255, 255, 255, 0.15);
-  --f7-list-outline-inset-color: rgba(255, 255, 255, 0.15);
+  --f7-list-outline-inset-border-color: rgba(255, 255, 255, 0.15);
   --f7-list-strong-bg-color: #1c1c1d;
   --f7-list-item-after-text-color: rgba(255, 255, 255, 0.55);
   --f7-list-item-header-text-color: rgba(255, 255, 255, 0.55);
@@ -3493,6 +3118,7 @@ html.device-full-viewport body {
   --f7-menu-list-item-selected-bg-color: var(--f7-theme-color);
 }
 .md {
+  --f7-list-item-padding-vertical: 8px;
   --f7-list-in-list-padding-left: 24px;
   --f7-list-inset-border-radius: 16px;
   --f7-list-margin-vertical: 32px;
@@ -3703,8 +3329,8 @@ html.device-full-viewport body {
 .list label.item-content {
   color: inherit;
 }
-.list .item-link.active-state,
-.list label.item-content.active-state {
+.list .item-link.active-state:not(:has(.toggle-active-state)),
+.list label.item-content.active-state:not(:has(.toggle-active-state)) {
   background-color: var(--f7-list-link-pressed-bg-color);
 }
 .list .item-link .item-inner {
@@ -4514,7 +4140,6 @@ li.list-group-title:after,
   --f7-badge-bg-color: var(--f7-theme-color);
 }
 :root {
-  --f7-button-font-size: 14px;
   --f7-button-min-width: 32px;
   --f7-button-bg-color: transparent;
   --f7-button-border-width: 0px;
@@ -4526,8 +4151,7 @@ li.list-group-title:after,
   --f7-button-padding-vertical: 0px;
   */
   --f7-button-raised-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-  --f7-button-raised-pressed-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),
-    0 3px 6px rgba(0, 0, 0, 0.23);
+  --f7-button-raised-pressed-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
   --f7-segmented-raised-divider-color: rgba(0, 0, 0, 0.1);
   --f7-segmented-strong-padding: 2px;
   --f7-segmented-strong-between-buttons: 4px;
@@ -4546,12 +4170,13 @@ li.list-group-title:after,
   --f7-segmented-strong-button-active-text-color: #fff;
 }
 .ios {
+  --f7-button-font-size: 15px;
   --f7-button-fill-text-color: #fff;
-  --f7-button-text-transform: uppercase;
-  --f7-button-height: 28px;
+  --f7-button-text-transform: none;
+  --f7-button-height: 34px;
   --f7-button-padding-horizontal: 10px;
   --f7-button-border-radius: 4px;
-  --f7-button-font-weight: 600;
+  --f7-button-font-weight: 500;
   --f7-button-letter-spacing: 0;
   /*
   --f7-button-outline-border-color: var(--f7-theme-color);
@@ -4561,15 +4186,15 @@ li.list-group-title:after,
   --f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15);
   --f7-button-fill-pressed-bg-color: var(--f7-theme-color-tint);
   */
-  --f7-button-large-text-transform: uppercase;
-  --f7-button-large-height: 44px;
+  --f7-button-large-text-transform: none;
+  --f7-button-large-height: 48px;
   --f7-button-large-font-size: 17px;
   --f7-button-large-font-weight: 500;
   --f7-button-small-outline-border-width: 2px;
-  --f7-button-small-text-transform: uppercase;
-  --f7-button-small-height: 26px;
-  --f7-button-small-font-size: 13px;
-  --f7-button-small-font-weight: 600;
+  --f7-button-small-text-transform: none;
+  --f7-button-small-height: 28px;
+  --f7-button-small-font-size: 14px;
+  --f7-button-small-font-weight: 500;
   --f7-segmented-strong-button-text-transform: none;
   --f7-segmented-strong-button-active-font-weight: 600;
   --f7-button-tonal-bg-color: rgba(var(--f7-theme-color-rgb), 0.15);
@@ -4584,6 +4209,7 @@ li.list-group-title:after,
   --f7-segmented-strong-button-pressed-bg-color: rgba(255, 255, 255, 0.04);
 }
 .md {
+  --f7-button-font-size: 14px;
   /*
   --f7-button-pressed-bg-color: transparent;
   */
@@ -4619,8 +4245,7 @@ li.list-group-title:after,
   --f7-button-tonal-text-color: var(--f7-md-on-secondary-container);
 }
 button {
-  -webkit-appearance: none;
-          appearance: none;
+  appearance: none;
   width: 100%;
 }
 .button {
@@ -4628,8 +4253,7 @@ button {
   text-decoration: none;
   text-align: center;
   display: flex;
-  -webkit-appearance: none;
-          appearance: none;
+  appearance: none;
   background: none;
   margin: 0;
   white-space: nowrap;
@@ -5108,6 +4732,29 @@ button .ripple-wave,
     opacity: 0;
   }
 }
+/* === Touch Highlight === */
+.ios {
+  --f7-touch-highlight-bg-color: rgba(255, 255, 255, 0.5);
+}
+.ios .dark,
+.ios.dark {
+  --f7-touch-highlight-bg-color: rgba(255, 255, 255, 0.3);
+}
+.ios .toolbar-pane,
+.ios .navbar .left,
+.ios .navbar .right,
+.ios .popover-inner,
+.ios .actions-group:not(.actions-grid .actions-group),
+.ios .searchbar-input-wrap,
+.ios .searchbar-disable-button,
+.ios .subnavbar,
+.ios .searchbar-input-wrap .autocomplete-dropdown,
+.ios .messagebar-area,
+.ios .notification,
+.ios .toast,
+.ios .fab > a {
+  touch-action: none;
+}
 /* === Icon === */
 .f7-icons,
 .material-icons {
@@ -5126,7 +4773,8 @@ i.icon {
 .icon-back:after,
 .icon-prev:after,
 .icon-forward:after,
-.icon-next:after {
+.icon-next:after,
+.icon-close:after {
   font-family: 'framework7-core-icons';
   font-weight: normal;
   font-style: normal;
@@ -5167,6 +4815,15 @@ i.icon {
 .ios .icon-next:after {
   font-size: 16px;
 }
+.ios .icon-close {
+  width: 20px;
+  height: 20px;
+  line-height: 20px;
+  font-size: 20px;
+}
+.ios .icon-close:after {
+  content: 'close_ios';
+}
 .ios .icon-back:after,
 .ios .icon-prev:after {
   content: 'chevron_left_ios';
@@ -5188,6 +4845,15 @@ i.icon {
 .md .icon-prev:after {
   line-height: 1.2;
 }
+.md .icon-close {
+  width: 24px;
+  height: 24px;
+  line-height: 24px;
+  font-size: 24px;
+}
+.md .icon-close:after {
+  content: 'close_md';
+}
 .md .icon-back:after {
   content: 'arrow_left_md';
 }