framework7 7.1.5 → 8.0.0-beta.2

package/framework7-rtl.css

@@ -1,5 +1,5 @@
 /**
- * Framework7 7.1.5
+ * Framework7 8.0.0-beta.2
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -7,17 +7,13 @@
  *
  * Released under the MIT License
  *
- * Released on: February 2, 2023
+ * Released on: February 7, 2023
  */
 
 /*====================
   Core
   ==================== */
 :root {
-  --f7-theme-color: #007aff;
-  --f7-theme-color-rgb: 0, 122, 255;
-  --f7-theme-color-shade: #0066d6;
-  --f7-theme-color-tint: #298fff;
   --f7-safe-area-left: 0px;
   --f7-safe-area-right: 0px;
   --f7-safe-area-top: 0px;
@@ -81,30 +77,24 @@
   ==================== */
 :root {
   --f7-font-size: 14px;
-  /*
-  --f7-bars-link-color: var(--f7-theme-color);
-  */
-  --f7-bars-bg-image: none;
   --f7-bars-translucent-opacity: 0.8;
   --f7-bars-translucent-blur: 20px;
-  --f7-bars-shadow-bottom-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
-  --f7-bars-shadow-top-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
-  --f7-bars-text-color: #000;
-  --f7-bars-bg-color: #f7f7f8;
-  --f7-bars-bg-color-rgb: 247, 247, 248;
-}
-:root .dark,
-:root.dark {
-  --f7-bars-text-color: #fff;
 }
 .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-link-color: var(--f7-theme-color);
+  */
+  --f7-bars-text-color: #000;
   --f7-text-color: #000;
+  --f7-bars-bg-color: #f7f7f8;
+  --f7-bars-bg-color-rgb: 247, 247, 248;
   --f7-bars-border-color: rgba(0, 0, 0, 0.25);
 }
 .ios .dark,
 .ios.dark {
+  --f7-bars-text-color: #fff;
   --f7-text-color: #fff;
   --f7-bars-bg-color: #121212;
   --f7-bars-bg-color-rgb: 22, 22, 22;
@@ -119,19 +109,13 @@
 .md .dark,
 .md.dark {
   --f7-text-color: rgba(255, 255, 255, 0.87);
-  --f7-bars-bg-color: #202020;
-}
-.aurora {
-  --f7-font-family: -apple-system, system-ui, Helvetica, Arial, sans-serif;
-  --f7-line-height: 1.5;
-  --f7-text-color: #000;
-  --f7-bars-border-color: rgba(0, 0, 0, 0.2);
 }
-.aurora .dark,
-.aurora.dark {
-  --f7-text-color: #fff;
-  --f7-bars-bg-color: #202020;
-  --f7-bars-border-color: rgba(255, 255, 255, 0.1);
+.md,
+.md .dark,
+.md [class*='color-'] {
+  --f7-bars-link-color: var(--f7-md-on-surface);
+  --f7-bars-bg-color: var(--f7-md-surface-2);
+  --f7-bars-bg-color-rgb: var(--f7-md-surface-2-rgb);
 }
 /*====================
   Color Themes
@@ -148,446 +132,9 @@
 .ripple-color-primary {
   --f7-theme-color-ripple-color: rgba(var(--f7-theme-color-rgb), 0.3);
 }
-:root {
-  --f7-color-red: #ff3b30;
-  --f7-color-red-rgb: 255, 59, 48;
-  --f7-color-red-shade: #ff1407;
-  --f7-color-red-tint: #ff6259;
-  --f7-color-green: #4cd964;
-  --f7-color-green-rgb: 76, 217, 100;
-  --f7-color-green-shade: #2cd048;
-  --f7-color-green-tint: #6ee081;
-  --f7-color-blue: #2196f3;
-  --f7-color-blue-rgb: 33, 150, 243;
-  --f7-color-blue-shade: #0c82df;
-  --f7-color-blue-tint: #48a8f5;
-  --f7-color-pink: #ff2d55;
-  --f7-color-pink-rgb: 255, 45, 85;
-  --f7-color-pink-shade: #ff0434;
-  --f7-color-pink-tint: #ff5676;
-  --f7-color-yellow: #ffcc00;
-  --f7-color-yellow-rgb: 255, 204, 0;
-  --f7-color-yellow-shade: #d6ab00;
-  --f7-color-yellow-tint: #ffd429;
-  --f7-color-orange: #ff9500;
-  --f7-color-orange-rgb: 255, 149, 0;
-  --f7-color-orange-shade: #d67d00;
-  --f7-color-orange-tint: #ffa629;
-  --f7-color-purple: #9c27b0;
-  --f7-color-purple-rgb: 156, 39, 176;
-  --f7-color-purple-shade: #7e208f;
-  --f7-color-purple-tint: #b92fd1;
-  --f7-color-deeppurple: #673ab7;
-  --f7-color-deeppurple-rgb: 103, 58, 183;
-  --f7-color-deeppurple-shade: #563098;
-  --f7-color-deeppurple-tint: #7c52c8;
-  --f7-color-lightblue: #5ac8fa;
-  --f7-color-lightblue-rgb: 90, 200, 250;
-  --f7-color-lightblue-shade: #32bbf9;
-  --f7-color-lightblue-tint: #82d5fb;
-  --f7-color-teal: #009688;
-  --f7-color-teal-rgb: 0, 150, 136;
-  --f7-color-teal-shade: #006d63;
-  --f7-color-teal-tint: #00bfad;
-  --f7-color-lime: #cddc39;
-  --f7-color-lime-rgb: 205, 220, 57;
-  --f7-color-lime-shade: #bac923;
-  --f7-color-lime-tint: #d6e25c;
-  --f7-color-deeporange: #ff6b22;
-  --f7-color-deeporange-rgb: 255, 107, 34;
-  --f7-color-deeporange-shade: #f85200;
-  --f7-color-deeporange-tint: #ff864b;
-  --f7-color-gray: #8e8e93;
-  --f7-color-gray-rgb: 142, 142, 147;
-  --f7-color-gray-shade: #79797f;
-  --f7-color-gray-tint: #a3a3a7;
-  --f7-color-white: #ffffff;
-  --f7-color-white-rgb: 255, 255, 255;
-  --f7-color-white-shade: #ebebeb;
-  --f7-color-white-tint: #ffffff;
-  --f7-color-black: #000000;
-  --f7-color-black-rgb: 0, 0, 0;
-  --f7-color-black-shade: #000000;
-  --f7-color-black-tint: #141414;
-}
-.color-theme-red {
-  --f7-theme-color: #ff3b30;
-  --f7-theme-color-rgb: 255, 59, 48;
-  --f7-theme-color-shade: #ff1407;
-  --f7-theme-color-tint: #ff6259;
-}
-.color-theme-green {
-  --f7-theme-color: #4cd964;
-  --f7-theme-color-rgb: 76, 217, 100;
-  --f7-theme-color-shade: #2cd048;
-  --f7-theme-color-tint: #6ee081;
-}
-.color-theme-blue {
-  --f7-theme-color: #2196f3;
-  --f7-theme-color-rgb: 33, 150, 243;
-  --f7-theme-color-shade: #0c82df;
-  --f7-theme-color-tint: #48a8f5;
-}
-.color-theme-pink {
-  --f7-theme-color: #ff2d55;
-  --f7-theme-color-rgb: 255, 45, 85;
-  --f7-theme-color-shade: #ff0434;
-  --f7-theme-color-tint: #ff5676;
-}
-.color-theme-yellow {
-  --f7-theme-color: #ffcc00;
-  --f7-theme-color-rgb: 255, 204, 0;
-  --f7-theme-color-shade: #d6ab00;
-  --f7-theme-color-tint: #ffd429;
-}
-.color-theme-orange {
-  --f7-theme-color: #ff9500;
-  --f7-theme-color-rgb: 255, 149, 0;
-  --f7-theme-color-shade: #d67d00;
-  --f7-theme-color-tint: #ffa629;
-}
-.color-theme-purple {
-  --f7-theme-color: #9c27b0;
-  --f7-theme-color-rgb: 156, 39, 176;
-  --f7-theme-color-shade: #7e208f;
-  --f7-theme-color-tint: #b92fd1;
-}
-.color-theme-deeppurple {
-  --f7-theme-color: #673ab7;
-  --f7-theme-color-rgb: 103, 58, 183;
-  --f7-theme-color-shade: #563098;
-  --f7-theme-color-tint: #7c52c8;
-}
-.color-theme-lightblue {
-  --f7-theme-color: #5ac8fa;
-  --f7-theme-color-rgb: 90, 200, 250;
-  --f7-theme-color-shade: #32bbf9;
-  --f7-theme-color-tint: #82d5fb;
-}
-.color-theme-teal {
-  --f7-theme-color: #009688;
-  --f7-theme-color-rgb: 0, 150, 136;
-  --f7-theme-color-shade: #006d63;
-  --f7-theme-color-tint: #00bfad;
-}
-.color-theme-lime {
-  --f7-theme-color: #cddc39;
-  --f7-theme-color-rgb: 205, 220, 57;
-  --f7-theme-color-shade: #bac923;
-  --f7-theme-color-tint: #d6e25c;
-}
-.color-theme-deeporange {
-  --f7-theme-color: #ff6b22;
-  --f7-theme-color-rgb: 255, 107, 34;
-  --f7-theme-color-shade: #f85200;
-  --f7-theme-color-tint: #ff864b;
-}
-.color-theme-gray {
-  --f7-theme-color: #8e8e93;
-  --f7-theme-color-rgb: 142, 142, 147;
-  --f7-theme-color-shade: #79797f;
-  --f7-theme-color-tint: #a3a3a7;
-}
-.color-theme-white {
-  --f7-theme-color: #ffffff;
-  --f7-theme-color-rgb: 255, 255, 255;
-  --f7-theme-color-shade: #ebebeb;
-  --f7-theme-color-tint: #ffffff;
-}
-.color-theme-black {
-  --f7-theme-color: #000000;
-  --f7-theme-color-rgb: 0, 0, 0;
-  --f7-theme-color-shade: #000000;
-  --f7-theme-color-tint: #141414;
-}
-.color-red {
-  --f7-theme-color: #ff3b30;
-  --f7-theme-color-rgb: 255, 59, 48;
-  --f7-theme-color-shade: #ff1407;
-  --f7-theme-color-tint: #ff6259;
-}
-.text-color-red {
-  --f7-theme-color-text-color: #ff3b30;
-}
-.bg-color-red {
-  --f7-theme-color-bg-color: #ff3b30;
-}
-.border-color-red {
-  --f7-theme-color-border-color: #ff3b30;
-}
-.ripple-color-red,
-.ripple-red {
-  --f7-theme-color-ripple-color: rgba(255, 59, 48, 0.3);
-}
-.color-green {
-  --f7-theme-color: #4cd964;
-  --f7-theme-color-rgb: 76, 217, 100;
-  --f7-theme-color-shade: #2cd048;
-  --f7-theme-color-tint: #6ee081;
-}
-.text-color-green {
-  --f7-theme-color-text-color: #4cd964;
-}
-.bg-color-green {
-  --f7-theme-color-bg-color: #4cd964;
-}
-.border-color-green {
-  --f7-theme-color-border-color: #4cd964;
-}
-.ripple-color-green,
-.ripple-green {
-  --f7-theme-color-ripple-color: rgba(76, 217, 100, 0.3);
-}
-.color-blue {
-  --f7-theme-color: #2196f3;
-  --f7-theme-color-rgb: 33, 150, 243;
-  --f7-theme-color-shade: #0c82df;
-  --f7-theme-color-tint: #48a8f5;
-}
-.text-color-blue {
-  --f7-theme-color-text-color: #2196f3;
-}
-.bg-color-blue {
-  --f7-theme-color-bg-color: #2196f3;
-}
-.border-color-blue {
-  --f7-theme-color-border-color: #2196f3;
-}
-.ripple-color-blue,
-.ripple-blue {
-  --f7-theme-color-ripple-color: rgba(33, 150, 243, 0.3);
-}
-.color-pink {
-  --f7-theme-color: #ff2d55;
-  --f7-theme-color-rgb: 255, 45, 85;
-  --f7-theme-color-shade: #ff0434;
-  --f7-theme-color-tint: #ff5676;
-}
-.text-color-pink {
-  --f7-theme-color-text-color: #ff2d55;
-}
-.bg-color-pink {
-  --f7-theme-color-bg-color: #ff2d55;
-}
-.border-color-pink {
-  --f7-theme-color-border-color: #ff2d55;
-}
-.ripple-color-pink,
-.ripple-pink {
-  --f7-theme-color-ripple-color: rgba(255, 45, 85, 0.3);
-}
-.color-yellow {
-  --f7-theme-color: #ffcc00;
-  --f7-theme-color-rgb: 255, 204, 0;
-  --f7-theme-color-shade: #d6ab00;
-  --f7-theme-color-tint: #ffd429;
-}
-.text-color-yellow {
-  --f7-theme-color-text-color: #ffcc00;
-}
-.bg-color-yellow {
-  --f7-theme-color-bg-color: #ffcc00;
-}
-.border-color-yellow {
-  --f7-theme-color-border-color: #ffcc00;
-}
-.ripple-color-yellow,
-.ripple-yellow {
-  --f7-theme-color-ripple-color: rgba(255, 204, 0, 0.3);
-}
-.color-orange {
-  --f7-theme-color: #ff9500;
-  --f7-theme-color-rgb: 255, 149, 0;
-  --f7-theme-color-shade: #d67d00;
-  --f7-theme-color-tint: #ffa629;
-}
-.text-color-orange {
-  --f7-theme-color-text-color: #ff9500;
-}
-.bg-color-orange {
-  --f7-theme-color-bg-color: #ff9500;
-}
-.border-color-orange {
-  --f7-theme-color-border-color: #ff9500;
-}
-.ripple-color-orange,
-.ripple-orange {
-  --f7-theme-color-ripple-color: rgba(255, 149, 0, 0.3);
-}
-.color-purple {
-  --f7-theme-color: #9c27b0;
-  --f7-theme-color-rgb: 156, 39, 176;
-  --f7-theme-color-shade: #7e208f;
-  --f7-theme-color-tint: #b92fd1;
-}
-.text-color-purple {
-  --f7-theme-color-text-color: #9c27b0;
-}
-.bg-color-purple {
-  --f7-theme-color-bg-color: #9c27b0;
-}
-.border-color-purple {
-  --f7-theme-color-border-color: #9c27b0;
-}
-.ripple-color-purple,
-.ripple-purple {
-  --f7-theme-color-ripple-color: rgba(156, 39, 176, 0.3);
-}
-.color-deeppurple {
-  --f7-theme-color: #673ab7;
-  --f7-theme-color-rgb: 103, 58, 183;
-  --f7-theme-color-shade: #563098;
-  --f7-theme-color-tint: #7c52c8;
-}
-.text-color-deeppurple {
-  --f7-theme-color-text-color: #673ab7;
-}
-.bg-color-deeppurple {
-  --f7-theme-color-bg-color: #673ab7;
-}
-.border-color-deeppurple {
-  --f7-theme-color-border-color: #673ab7;
-}
-.ripple-color-deeppurple,
-.ripple-deeppurple {
-  --f7-theme-color-ripple-color: rgba(103, 58, 183, 0.3);
-}
-.color-lightblue {
-  --f7-theme-color: #5ac8fa;
-  --f7-theme-color-rgb: 90, 200, 250;
-  --f7-theme-color-shade: #32bbf9;
-  --f7-theme-color-tint: #82d5fb;
-}
-.text-color-lightblue {
-  --f7-theme-color-text-color: #5ac8fa;
-}
-.bg-color-lightblue {
-  --f7-theme-color-bg-color: #5ac8fa;
-}
-.border-color-lightblue {
-  --f7-theme-color-border-color: #5ac8fa;
-}
-.ripple-color-lightblue,
-.ripple-lightblue {
-  --f7-theme-color-ripple-color: rgba(90, 200, 250, 0.3);
-}
-.color-teal {
-  --f7-theme-color: #009688;
-  --f7-theme-color-rgb: 0, 150, 136;
-  --f7-theme-color-shade: #006d63;
-  --f7-theme-color-tint: #00bfad;
-}
-.text-color-teal {
-  --f7-theme-color-text-color: #009688;
-}
-.bg-color-teal {
-  --f7-theme-color-bg-color: #009688;
-}
-.border-color-teal {
-  --f7-theme-color-border-color: #009688;
-}
-.ripple-color-teal,
-.ripple-teal {
-  --f7-theme-color-ripple-color: rgba(0, 150, 136, 0.3);
-}
-.color-lime {
-  --f7-theme-color: #cddc39;
-  --f7-theme-color-rgb: 205, 220, 57;
-  --f7-theme-color-shade: #bac923;
-  --f7-theme-color-tint: #d6e25c;
-}
-.text-color-lime {
-  --f7-theme-color-text-color: #cddc39;
-}
-.bg-color-lime {
-  --f7-theme-color-bg-color: #cddc39;
-}
-.border-color-lime {
-  --f7-theme-color-border-color: #cddc39;
-}
-.ripple-color-lime,
-.ripple-lime {
-  --f7-theme-color-ripple-color: rgba(205, 220, 57, 0.3);
-}
-.color-deeporange {
-  --f7-theme-color: #ff6b22;
-  --f7-theme-color-rgb: 255, 107, 34;
-  --f7-theme-color-shade: #f85200;
-  --f7-theme-color-tint: #ff864b;
-}
-.text-color-deeporange {
-  --f7-theme-color-text-color: #ff6b22;
-}
-.bg-color-deeporange {
-  --f7-theme-color-bg-color: #ff6b22;
-}
-.border-color-deeporange {
-  --f7-theme-color-border-color: #ff6b22;
-}
-.ripple-color-deeporange,
-.ripple-deeporange {
-  --f7-theme-color-ripple-color: rgba(255, 107, 34, 0.3);
-}
-.color-gray {
-  --f7-theme-color: #8e8e93;
-  --f7-theme-color-rgb: 142, 142, 147;
-  --f7-theme-color-shade: #79797f;
-  --f7-theme-color-tint: #a3a3a7;
-}
-.text-color-gray {
-  --f7-theme-color-text-color: #8e8e93;
-}
-.bg-color-gray {
-  --f7-theme-color-bg-color: #8e8e93;
-}
-.border-color-gray {
-  --f7-theme-color-border-color: #8e8e93;
-}
-.ripple-color-gray,
-.ripple-gray {
-  --f7-theme-color-ripple-color: rgba(142, 142, 147, 0.3);
-}
-.color-white {
-  --f7-theme-color: #ffffff;
-  --f7-theme-color-rgb: 255, 255, 255;
-  --f7-theme-color-shade: #ebebeb;
-  --f7-theme-color-tint: #ffffff;
-}
-.text-color-white {
-  --f7-theme-color-text-color: #ffffff;
-}
-.bg-color-white {
-  --f7-theme-color-bg-color: #ffffff;
-}
-.border-color-white {
-  --f7-theme-color-border-color: #ffffff;
-}
-.ripple-color-white,
-.ripple-white {
-  --f7-theme-color-ripple-color: rgba(255, 255, 255, 0.3);
-}
-.color-black {
-  --f7-theme-color: #000000;
-  --f7-theme-color-rgb: 0, 0, 0;
-  --f7-theme-color-shade: #000000;
-  --f7-theme-color-tint: #141414;
-}
-.text-color-black {
-  --f7-theme-color-text-color: #000000;
-}
-.bg-color-black {
-  --f7-theme-color-bg-color: #000000;
-}
-.border-color-black {
-  --f7-theme-color-border-color: #000000;
-}
-.ripple-color-black,
-.ripple-black {
-  --f7-theme-color-ripple-color: rgba(0, 0, 0, 0.3);
-}
 @font-face {
   font-family: 'framework7-core-icons';
-  src: url('data:application/font-woff;charset=utf-8;base64, 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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;
 }
@@ -684,8 +231,6 @@ html.device-full-viewport body {
 }
 .ios .md-only,
 .ios .if-md,
-.ios .aurora-only,
-.ios .if-aurora,
 .ios .if-not-ios,
 .ios .not-ios {
   display: none !important;
@@ -706,20 +251,10 @@ html.device-full-viewport body {
 }
 .md .ios-only,
 .md .if-ios,
-.md .aurora-only,
-.md .if-aurora,
 .md .if-not-md,
 .md .not-md {
   display: none !important;
 }
-.aurora .ios-only,
-.aurora .if-ios,
-.aurora .md-only,
-.aurora .if-md,
-.aurora .if-not-aurora,
-.aurora .not-aurora {
-  display: none !important;
-}
 /* === Statusbar === */
 /* === Views === */
 .views,
@@ -732,7 +267,7 @@ html.device-full-viewport body {
 }
 .framework7-root > .view,
 .framework7-root > .views {
-  height: calc(100% - var(--f7-appbar-app-offset, 0px));
+  height: 100%;
 }
 .view-resize-handler {
   width: 6px;
@@ -782,28 +317,16 @@ html.device-full-viewport body {
   --f7-page-bg-color: #000;
 }
 .md {
-  --f7-page-transition-duration: 250ms;
+  --f7-page-transition-duration: 400ms;
   --f7-page-title-font-size: 34px;
   --f7-page-title-font-weight: 500;
   --f7-page-title-letter-spacing: 0;
   --f7-page-title-padding-vertical: 8px;
-  --f7-page-bg-color: #fff;
 }
+.md,
 .md .dark,
-.md.dark {
-  --f7-page-bg-color: #121212;
-}
-.aurora {
-  --f7-page-transition-duration: 250ms;
-  --f7-page-title-font-size: 28px;
-  --f7-page-title-font-weight: bold;
-  --f7-page-title-letter-spacing: 0;
-  --f7-page-title-padding-vertical: 7px;
-  --f7-page-bg-color: #f3f4f6;
-}
-.aurora .dark,
-.aurora.dark {
-  --f7-page-bg-color: #121212;
+.md [class*='color-'] {
+  --f7-page-bg-color: var(--f7-md-surface);
 }
 .dark {
   --f7-page-master-border-color: rgba(255, 255, 255, 0.2);
@@ -825,9 +348,6 @@ html.device-full-viewport body {
   background-color: var(--f7-page-bg-color);
   z-index: 1;
 }
-.page.stacked {
-  display: none;
-}
 .page-with-navbar-large-collapsed {
   --f7-navbar-large-collapse-progress: 1;
 }
@@ -857,9 +377,7 @@ html.device-full-viewport body {
 .router-transition-forward .page-next,
 .router-transition-backward .page-next,
 .router-transition-forward .page-current,
-.router-transition-backward .page-current,
-.router-transition-forward .page-previous:not(.stacked),
-.router-transition-backward .page-previous:not(.stacked) {
+.router-transition-backward .page-current {
   pointer-events: none;
 }
 .page-shadow-effect {
@@ -1007,80 +525,69 @@ html.device-full-viewport body {
     opacity: 0;
   }
 }
+.md .page-previous {
+  transform: translate3d(0, -20px, 0);
+}
 .md .page-next {
-  opacity: 0;
   pointer-events: none;
-  transform: translate3d(0, 56px, 0);
+  transform: translate3d(0, 128px, 0);
+  opacity: 0;
 }
 .md .page-next.page-next-on-right {
   transform: translate3d(-100%, 0, 0);
+  opacity: 1;
 }
 .md .router-transition-forward .page-next {
-  animation: md-page-next-to-current var(--f7-page-transition-duration) forwards;
+  opacity: 1;
+  animation: md-page-next-to-current var(--f7-page-transition-duration) forwards cubic-bezier(0, 0.8, 0.3, 1);
 }
 .md .router-transition-forward .page-current {
-  animation: none;
+  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 var(--f7-page-transition-duration) forwards;
+  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;
 }
 .md .router-transition-backward .page-previous {
-  animation: none;
+  animation: md-page-previous-to-current var(--f7-page-transition-duration) forwards;
 }
 @keyframes md-page-next-to-current {
   from {
-    transform: translate3d(0, 56px, 0);
-    opacity: 0;
+    transform: translate3d(0, 128px, 0);
   }
   to {
     transform: translate3d(0, 0px, 0);
-    opacity: 1;
   }
 }
 @keyframes md-page-current-to-next {
   from {
     transform: translate3d(0, 0, 0);
+  }
+  to {
+    transform: translate3d(0, 128px, 0);
+  }
+}
+@keyframes md-page-current-to-next-opacity {
+  from {
     opacity: 1;
   }
   to {
-    transform: translate3d(0, 56px, 0);
     opacity: 0;
   }
 }
-.aurora .page-next {
-  opacity: 0;
-  pointer-events: none;
-  transform: translate3d(0, 0px, 0);
-}
-.aurora .page-next.page-next-on-right {
-  transform: translate3d(-100%, 0, 0);
-}
-.aurora .router-transition-forward .page-next {
-  animation: aurora-page-next-to-current var(--f7-page-transition-duration) forwards;
-}
-.aurora .router-transition-forward .page-current {
-  animation: none;
-}
-.aurora .router-transition-backward .page-current {
-  animation: aurora-page-current-to-next var(--f7-page-transition-duration) forwards;
-}
-.aurora .router-transition-backward .page-previous {
-  animation: none;
-}
-@keyframes aurora-page-next-to-current {
+@keyframes md-page-current-to-previous {
   from {
-    opacity: 0;
+    transform: translate3d(0, 0, 0);
   }
   to {
-    opacity: 1;
+    transform: translate3d(0, -20px, 0);
   }
 }
-@keyframes aurora-page-current-to-next {
+@keyframes md-page-previous-to-current {
   from {
-    opacity: 1;
+    transform: translate3d(0, -20px, 0);
   }
   to {
-    opacity: 0;
+    transform: translate3d(0, 0px, 0);
   }
 }
 .view:not(.view-master-detail) .page-master-stacked {
@@ -1124,16 +631,13 @@ html.device-full-viewport body {
 }
 .md .router-transition-custom .page-previous,
 .ios .router-transition-custom .page-previous,
-.aurora .router-transition-custom .page-previous,
 .md .router-transition-custom .page-next,
-.ios .router-transition-custom .page-next,
-.aurora .router-transition-custom .page-next {
+.ios .router-transition-custom .page-next {
   opacity: 1;
   transform: none;
 }
 .md .router-transition-custom.view-master-detail .page-master,
-.ios .router-transition-custom.view-master-detail .page-master,
-.aurora .router-transition-custom.view-master-detail .page-master {
+.ios .router-transition-custom.view-master-detail .page-master {
   animation: none;
 }
 .page-title {
@@ -1172,9 +676,10 @@ html.device-full-viewport body {
   border-radius: 50%;
   animation: f7-circle-circle-in 400ms forwards;
 }
-.router-transition-f7-circle-forward .page-next {
-  opacity: 0 !important;
-  transform: scale(0.9) !important;
+.ios .router-transition-f7-circle-forward .page-next,
+.md .router-transition-f7-circle-forward .page-next {
+  opacity: 0;
+  transform: scale(0.9);
   animation: f7-circle-next-to-current 300ms forwards;
   animation-delay: 300ms;
   z-index: 150;
@@ -1183,7 +688,8 @@ html.device-full-viewport body {
   animation: f7-circle-circle-out 300ms forwards;
   animation-delay: 350ms;
 }
-.router-transition-f7-circle-backward .page-current {
+.ios .router-transition-f7-circle-backward .page-current,
+.md .router-transition-f7-circle-backward .page-current {
   animation: f7-circle-current-to-next 700ms forwards;
   z-index: 150;
 }
@@ -1424,17 +930,21 @@ html.device-full-viewport body {
 .router-transition-f7-fade-backward {
   background: var(--f7-page-bg-color);
 }
-.router-transition-f7-fade-forward .page-next {
-  opacity: 0 !important;
+.ios .router-transition-f7-fade-forward .page-next,
+.md .router-transition-f7-fade-forward .page-next {
+  opacity: 0;
   animation: f7-fade-in var(--f7-page-fade-transition-duration) forwards;
 }
-.router-transition-f7-fade-forward .page-current {
+.ios .router-transition-f7-fade-forward .page-current,
+.md .router-transition-f7-fade-forward .page-current {
   animation: f7-fade-out var(--f7-page-fade-transition-duration) forwards;
 }
-.router-transition-f7-fade-backward .page-current {
+.ios .router-transition-f7-fade-backward .page-current,
+.md .router-transition-f7-fade-backward .page-current {
   animation: f7-fade-out var(--f7-page-fade-transition-duration) forwards;
 }
-.router-transition-f7-fade-backward .page-previous {
+.ios .router-transition-f7-fade-backward .page-previous,
+.md .router-transition-f7-fade-backward .page-previous {
   animation: f7-fade-in var(--f7-page-fade-transition-duration) forwards;
 }
 @keyframes f7-fade-in {
@@ -1468,22 +978,27 @@ html.device-full-viewport body {
 .router-transition-f7-flip-backward .page {
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
+  overflow: hidden;
 }
 .router-transition-f7-flip-forward .page-next {
+  transform-style: preserve-3d;
   animation: f7-flip-next-to-current var(--f7-page-flip-transition-duration) forwards;
 }
 .router-transition-f7-flip-forward .page-current {
+  transform-style: preserve-3d;
   animation: f7-flip-current-to-prev var(--f7-page-flip-transition-duration) forwards;
 }
 .router-transition-f7-flip-backward .page-current {
+  transform-style: preserve-3d;
   animation: f7-flip-current-to-next var(--f7-page-flip-transition-duration) forwards;
 }
 .router-transition-f7-flip-backward .page-previous {
+  transform-style: preserve-3d;
   animation: f7-flip-prev-to-current var(--f7-page-flip-transition-duration) forwards;
 }
 @keyframes f7-flip-next-to-current {
   from {
-    border-radius: 30px;
+    border-radius: 32px;
     transform: translateZ(-100vmax) rotateY(-180deg);
   }
   to {
@@ -1497,7 +1012,7 @@ html.device-full-viewport body {
     transform: translateZ(0px) rotateY(0deg);
   }
   to {
-    border-radius: 30px;
+    border-radius: 32px;
     transform: translateZ(-100vmax) rotateY(-180deg);
   }
 }
@@ -1507,13 +1022,13 @@ html.device-full-viewport body {
     transform: translateZ(0px) rotateY(0deg);
   }
   to {
-    border-radius: 30px;
+    border-radius: 32px;
     transform: translateZ(-100vmax) rotateY(180deg);
   }
 }
 @keyframes f7-flip-prev-to-current {
   from {
-    border-radius: 30px;
+    border-radius: 32px;
     transform: translateZ(-100vmax) rotateY(180deg);
   }
   to {
@@ -1618,10 +1133,6 @@ html.device-full-viewport body {
 .ios {
   --f7-link-pressed-opacity: 0.3;
 }
-.aurora {
-  --f7-link-pressed-opacity: 0.3;
-  --f7-link-hover-opacity: 0.65;
-}
 .link,
 .tab-link {
   display: inline-flex;
@@ -1639,6 +1150,9 @@ html.device-full-viewport body {
 .link span + span {
   margin-right: 4px;
 }
+.link[class*='color-'] {
+  color: var(--f7-theme-color);
+}
 .ios .link {
   transition: opacity 300ms;
 }
@@ -1646,30 +1160,15 @@ html.device-full-viewport body {
   opacity: var(--f7-link-pressed-opacity);
   transition-duration: 0ms;
 }
-.aurora .link {
-  transition: opacity 300ms;
-}
-.aurora .link.active-state {
-  opacity: var(--f7-link-pressed-opacity);
-  transition-duration: 0ms;
-}
-.aurora.device-desktop .link:not(.active-state):not(.no-hover):hover {
-  opacity: var(--f7-link-hover-opacity);
-  transition-duration: 0ms;
-}
 /* === Navbar === */
 :root {
   /*
   --f7-navbar-bg-color: var(--f7-bars-bg-color);
   --f7-navbar-bg-color-rgb: var(--f7-bars-bg-color-rgb);
-  --f7-navbar-bg-image: var(--f7-bars-bg-image);
   --f7-navbar-border-color: var(--f7-bars-border-color);
-  --f7-navbar-link-color: var(--f7-bars-link-color);
-  --f7-navbar-text-color: var(--f7-bars-text-color);
   */
   --f7-navbar-hide-show-transition-duration: 400ms;
   --f7-navbar-title-line-height: 1.2;
-  --f7-navbar-title-font-size: inherit;
   --f7-navbar-subtitle-text-align: inherit;
   --f7-navbar-large-title-line-height: 1.2;
   --f7-navbar-large-title-text-color: inherit;
@@ -1677,9 +1176,13 @@ html.device-full-viewport body {
   --f7-navbar-large-title-padding-right: 16px;
 }
 .ios {
+  /*
+  --f7-navbar-link-color: var(--f7-bars-link-color);
+  --f7-navbar-text-color: var(--f7-bars-text-color);
+  */
   --f7-navbar-height: 44px;
-  --f7-navbar-tablet-height: 44px;
   --f7-navbar-font-size: 17px;
+  --f7-navbar-title-font-size: inherit;
   --f7-navbar-inner-padding-left: 8px;
   --f7-navbar-inner-padding-right: 8px;
   --f7-navbar-title-font-weight: 600;
@@ -1688,7 +1191,6 @@ html.device-full-viewport body {
   --f7-navbar-title-text-align: center;
   --f7-navbar-subtitle-font-size: 10px;
   --f7-navbar-subtitle-line-height: 1;
-  --f7-navbar-shadow-image: none;
   --f7-navbar-large-title-height: 52px;
   --f7-navbar-large-title-font-size: 34px;
   --f7-navbar-large-title-font-weight: 700;
@@ -1705,56 +1207,31 @@ html.device-full-viewport body {
   --f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.55);
 }
 .md {
-  --f7-navbar-height: 56px;
-  --f7-navbar-tablet-height: 64px;
-  --f7-navbar-font-size: 20px;
-  --f7-navbar-inner-padding-left: 4px;
-  --f7-navbar-inner-padding-right: 4px;
-  --f7-navbar-title-font-weight: 500;
-  --f7-navbar-title-margin-left: 20px;
+  --f7-navbar-height: 64px;
+  --f7-navbar-font-size: 16px;
+  --f7-navbar-title-font-size: 22px;
+  --f7-navbar-inner-padding-left: 0px;
+  --f7-navbar-inner-padding-right: 0px;
+  --f7-navbar-title-font-weight: 400;
+  --f7-navbar-title-margin-left: 0px;
   --f7-navbar-title-margin-right: 16px;
   --f7-navbar-title-text-align: left;
   --f7-navbar-subtitle-font-size: 14px;
   --f7-navbar-subtitle-line-height: 1.2;
-  --f7-navbar-shadow-image: var(--f7-bars-shadow-bottom-image);
-  --f7-navbar-large-title-font-size: 34px;
-  --f7-navbar-large-title-height: 56px;
-  --f7-navbar-large-title-font-weight: 500;
+  --f7-navbar-large-title-font-size: 28px;
+  --f7-navbar-large-title-height: 88px;
+  --f7-navbar-large-title-font-weight: 400;
   --f7-navbar-large-title-letter-spacing: 0;
   --f7-navbar-large-title-padding-vertical: 8px;
   --f7-navbar-link-height: 48px;
   --f7-navbar-link-line-height: 48px;
-  --f7-navbar-subtitle-text-color: rgba(0, 0, 0, 0.85);
 }
+.md,
 .md .dark,
-.md.dark {
-  --f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.85);
-}
-.aurora {
-  --f7-navbar-height: 56px;
-  --f7-navbar-tablet-height: 56px;
-  --f7-navbar-font-size: 18px;
-  --f7-navbar-inner-padding-left: 16px;
-  --f7-navbar-inner-padding-right: 16px;
-  --f7-navbar-title-font-weight: bold;
-  --f7-navbar-title-margin-left: 0;
-  --f7-navbar-title-margin-right: 0;
-  --f7-navbar-title-text-align: center;
-  --f7-navbar-subtitle-font-size: 14px;
-  --f7-navbar-subtitle-line-height: 1;
-  --f7-navbar-shadow-image: none;
-  --f7-navbar-large-title-height: 48px;
-  --f7-navbar-large-title-font-size: 28px;
-  --f7-navbar-large-title-font-weight: bold;
-  --f7-navbar-large-title-letter-spacing: 0;
-  --f7-navbar-large-title-padding-vertical: 7px;
-  --f7-navbar-link-height: auto;
-  --f7-navbar-link-line-height: inherit;
-  --f7-navbar-subtitle-text-color: rgba(0, 0, 0, 0.6);
-}
-.aurora .dark,
-.aurora.dark {
-  --f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.5);
+.md [class*='color-'] {
+  --f7-navbar-link-color: var(--f7-md-on-surface);
+  --f7-navbar-text-color: var(--f7-md-on-surface);
+  --f7-navbar-subtitle-text-color: var(--f7-md-on-surface-variant);
 }
 .navbars,
 .navbar {
@@ -1783,9 +1260,6 @@ html.device-full-viewport body {
   color: var(--f7-navbar-text-color, var(--f7-bars-text-color));
   font-size: var(--f7-navbar-font-size);
 }
-.navbar.stacked {
-  display: none;
-}
 .navbar b {
   font-weight: 500;
 }
@@ -1837,20 +1311,12 @@ html.device-full-viewport body {
   position: absolute;
   height: 100%;
 }
-.navbar.no-hairline .navbar-bg:after,
-.navbar.no-border .navbar-bg:after,
-.navbar .no-hairline .navbar-bg:after,
-.navbar .no-border .navbar-bg:after {
-  display: none !important;
-}
-.navbar.no-hairline .title-large:after,
-.navbar.no-border .title-large:after,
-.navbar .no-hairline .title-large:after,
-.navbar .no-border .title-large:after {
+.navbar.no-outline .navbar-bg:after,
+.navbar .no-outline .navbar-bg:after {
   display: none !important;
 }
-.navbar.no-shadow .navbar-bg:before,
-.navbar .no-shadow .navbar-bg:before {
+.navbar.no-outline .title-large:after,
+.navbar .no-outline .title-large:after {
   display: none !important;
 }
 .navbar.navbar-hidden .navbar-bg:before,
@@ -1866,7 +1332,6 @@ html.device-full-viewport body {
   pointer-events: none;
   z-index: 0;
   background: var(--f7-navbar-bg-color);
-  background-image: var(--f7-navbar-bg-image, var(--f7-bars-bg-image));
   background-color: var(--f7-navbar-bg-color, var(--f7-bars-bg-color));
   transition-property: transform;
 }
@@ -1897,25 +1362,9 @@ html.device-full-viewport body {
   transform-origin: 50% 100%;
   transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
 }
-.navbar-bg:before {
-  content: '';
-  position: absolute;
-  right: 0;
-  width: 100%;
-  top: 100%;
-  bottom: auto;
-  height: 8px;
-  pointer-events: none;
-  background: var(--f7-navbar-shadow-image);
-}
 .navbar-bg:after {
   z-index: 1;
 }
-@media (min-width: 768px) and (min-height: 600px) {
-  :root {
-    --f7-navbar-height: var(--f7-navbar-tablet-height);
-  }
-}
 .navbar-transitioning,
 .navbar-transitioning .left,
 .navbar-transitioning .title,
@@ -1983,8 +1432,6 @@ html.device-full-viewport body {
 .navbar-large-transparent .navbar-bg,
 .navbar-large.navbar-transparent .navbar-bg {
   opacity: var(--f7-navbar-large-collapse-progress);
-  height: 100%;
-  transform: none;
 }
 .ios .router-navbar-transition-to-large .navbar-bg,
 .ios .router-navbar-transition-from-large .navbar-bg,
@@ -2013,7 +1460,6 @@ html.device-full-viewport body {
   right: 0;
   top: 100%;
   display: flex;
-  align-items: flex-end;
   white-space: nowrap;
   overflow: hidden;
   height: var(--f7-navbar-large-title-height);
@@ -2058,15 +1504,16 @@ 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-transparent-bg-center: translateX(0);
   --f7-navbar-large-bg-center-top: translateX(0) translateY(calc(-1 * var(--f7-navbar-large-title-height)));
   --f7-navbar-large-bg-center-bottom: translateX(0) translateY(0);
-  --f7-navbar-large-transparent-bg-left: translateX(100%);
   --f7-navbar-large-bg-left-top: translateX(100%) translateY(calc(-1 * var(--f7-navbar-large-title-height)));
   --f7-navbar-large-bg-left-bottom: translateX(100%) translateY(0);
   --f7-navbar-large-bg-right-top: translateX(-100%) translateY(calc(-1 * var(--f7-navbar-large-title-height)));
   --f7-navbar-large-bg-right-bottom: translateX(-100%) translateY(0);
 }
+.ios .navbar .title-large {
+  align-items: flex-end;
+}
 .ios .navbar a.icon-only {
   width: 44px;
   margin: 0;
@@ -2322,10 +1769,6 @@ html.device-full-viewport body {
 .ios .router-transition-forward .navbar-current.navbar-large-collapsed:not(.router-navbar-transition-to-large) .navbar-bg {
   animation-name: ios-navbar-bg-from-ct-to-lt;
 }
-.ios .router-transition-forward .navbar-current.navbar-large-collapsed.navbar-large-transparent:not(.router-navbar-transition-to-large) .navbar-bg,
-.ios .router-transition-forward .navbar-current.navbar-large-collapsed.navbar-large.navbar-transparent:not(.router-navbar-transition-to-large) .navbar-bg {
-  animation-name: ios-navbar-transparent-bg-from-c-to-l;
-}
 .ios .router-transition-forward .navbar-next .navbar-bg {
   animation-name: ios-navbar-bg-from-rb-to-cb;
 }
@@ -2350,10 +1793,6 @@ html.device-full-viewport body {
 .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.navbar-large-transparent .navbar-bg,
-.ios .router-transition-backward .navbar-current.navbar-large-collapsed.navbar-large.navbar-transparent .navbar-bg {
-  animation-name: ios-navbar-bg-from-cb-to-rb;
-}
 .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;
 }
@@ -2369,14 +1808,6 @@ html.device-full-viewport body {
 .ios .router-transition-backward .navbar-previous.navbar-large-collapsed .navbar-bg {
   animation-name: ios-navbar-bg-from-lt-to-ct;
 }
-.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large-transparent .navbar-bg,
-.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large.navbar-transparent .navbar-bg {
-  animation-name: ios-navbar-transparent-bg-from-l-to-c;
-}
-.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large-transparent.router-navbar-transition-from-large .navbar-bg,
-.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large.navbar-transparent.router-navbar-transition-from-large .navbar-bg {
-  animation-name: ios-navbar-bg-from-lb-to-ct;
-}
 .view-master-detail .navbars {
   z-index: auto;
 }
@@ -2653,21 +2084,12 @@ html.device-full-viewport body {
     transform: var(--f7-navbar-large-bg-center-top);
   }
 }
-@keyframes ios-navbar-transparent-bg-from-l-to-c {
-  from {
-    transform: var(--f7-navbar-large-transparent-bg-left);
-  }
-  to {
-    transform: var(--f7-navbar-large-transparent-bg-center);
-  }
+.md .navbar .title-large {
+  align-items: center;
 }
-@keyframes ios-navbar-transparent-bg-from-c-to-l {
-  from {
-    transform: var(--f7-navbar-large-transparent-bg-center);
-  }
-  to {
-    transform: var(--f7-navbar-large-transparent-bg-left);
-  }
+.md .navbar .left {
+  margin-left: 4px;
+  margin-right: 4px;
 }
 .md .navbar a.link {
   padding: 0 12px;
@@ -2710,6 +2132,7 @@ html.device-full-viewport body {
   width: 48px;
 }
 .md .navbar .right {
+  margin-left: 4px;
   margin-right: auto;
 }
 .md .navbar .right:first-child {
@@ -2725,6 +2148,9 @@ html.device-full-viewport body {
 .md .page.page-with-subnavbar .navbar-inner {
   overflow: visible;
 }
+.md .navbar-inner:not(.navbar-inner-centered-title) .title:first-child {
+  margin-left: 16px;
+}
 .md .navbar-inner-centered-title {
   justify-content: space-between;
 }
@@ -2734,49 +2160,14 @@ html.device-full-viewport body {
 .md .navbar-inner-centered-title .title {
   text-align: center;
 }
-.aurora .navbar a.icon-only {
-  margin: 0;
-  justify-content: center;
-}
-.aurora .navbar .left a + a,
-.aurora .navbar .right a + a {
-  margin-right: 10px;
-}
-.aurora .navbar b {
-  font-weight: bold;
-}
-.aurora .navbar .left {
-  margin-left: 16px;
-}
-.aurora .navbar .right {
-  margin-right: 16px;
-}
-.aurora .navbar .right:first-child {
-  left: calc(16px + var(--f7-safe-area-left));
-}
-.aurora .navbar-inner {
-  justify-content: space-between;
-}
-.aurora .navbar-inner-left-title {
-  justify-content: flex-start;
-}
-.aurora .navbar-inner-left-title .right {
-  margin-right: auto;
-}
-.aurora .navbar-inner-left-title .title {
-  text-align: left;
-  margin-left: 16px;
-}
 /* === Toolbar === */
 :root {
   /*
   --f7-toolbar-bg-color: var(--f7-bars-bg-color);
   --f7-toolbar-bg-color-rgb: var(--f7-bars-bg-color-rgb);
-  --f7-toolbar-bg-image: var(--f7-bars-bg-image);
   --f7-toolbar-border-color: var(--f7-bars-border-color);
   --f7-toolbar-link-color: var(--f7-bars-link-color);
   --f7-toolbar-text-color: var(--f7-bars-text-color);
-  --f7-tabbar-link-active-color: var(--f7-theme-color);
   */
   --f7-tabbar-link-active-bg-color: transparent;
   --f7-tabbar-label-text-transform: none;
@@ -2787,14 +2178,14 @@ html.device-full-viewport body {
   --f7-toolbar-font-size: 17px;
   --f7-toolbar-inner-padding-left: 8px;
   --f7-toolbar-inner-padding-right: 8px;
+  --f7-toolbar-link-font-weight: 400;
   /*
   --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-labels-height: 50px;
-  --f7-tabbar-labels-tablet-height: 50px;
-  --f7-toolbar-top-shadow-image: none;
-  --f7-toolbar-bottom-shadow-image: none;
+  --f7-tabbar-icons-height: 50px;
+  --f7-tabbar-icons-tablet-height: 50px;
   --f7-tabbar-icon-size: 28px;
   --f7-tabbar-link-text-transform: none;
   --f7-tabbar-link-font-weight: 400;
@@ -2810,7 +2201,7 @@ html.device-full-viewport body {
   --f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.54);
 }
 .md {
-  --f7-toolbar-height: 48px;
+  --f7-toolbar-height: 56px;
   --f7-toolbar-font-size: 14px;
   --f7-toolbar-inner-padding-left: 0px;
   --f7-toolbar-inner-padding-right: 0px;
@@ -2818,54 +2209,25 @@ html.device-full-viewport body {
   --f7-toolbar-link-height: var(--f7-toolbar-height);
   --f7-toolbar-link-line-height: var(--f7-toolbar-height);
   */
-  --f7-tabbar-labels-height: 56px;
-  --f7-tabbar-labels-tablet-height: 56px;
-  /*
-  --f7-tabbar-link-active-border-color: var(--f7-theme-color);
-  */
-  --f7-toolbar-top-shadow-image: var(--f7-bars-shadow-bottom-image);
-  --f7-toolbar-bottom-shadow-image: var(--f7-bars-shadow-top-image);
-  --f7-tabbar-icon-size: 24px;
-  --f7-tabbar-link-text-transform: uppercase;
-  --f7-tabbar-link-font-weight: 500;
-  --f7-tabbar-link-letter-spacing: 0.05em;
-  --f7-tabbar-label-font-size: 14px;
-  --f7-tabbar-label-tablet-font-size: 14px;
-  --f7-tabbar-label-font-weight: 400;
-  --f7-tabbar-label-letter-spacing: 0;
-  --f7-tabbar-link-inactive-color: rgba(0, 0, 0, 0.54);
-}
-.md .dark,
-.md.dark {
-  --f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.54);
-}
-.aurora {
-  --f7-toolbar-height: 48px;
-  --f7-toolbar-font-size: 16px;
-  --f7-toolbar-inner-padding-left: 16px;
-  --f7-toolbar-inner-padding-right: 16px;
-  --f7-toolbar-link-height: auto;
-  --f7-toolbar-link-line-height: inherit;
-  --f7-tabbar-labels-height: 52px;
-  --f7-tabbar-labels-tablet-height: 52px;
-  /*
-  --f7-tabbar-link-active-border-color: var(--f7-theme-color);
-  */
-  --f7-toolbar-top-shadow-image: none;
-  --f7-toolbar-bottom-shadow-image: none;
+  --f7-tabbar-icons-height: 80px;
+  --f7-tabbar-icons-tablet-height: 80px;
   --f7-tabbar-icon-size: 24px;
   --f7-tabbar-link-text-transform: none;
   --f7-tabbar-link-font-weight: 500;
   --f7-tabbar-link-letter-spacing: 0;
-  --f7-tabbar-label-font-size: 14px;
-  --f7-tabbar-label-tablet-font-size: 14px;
+  --f7-toolbar-link-font-weight: 500;
+  --f7-tabbar-label-font-size: 12px;
+  --f7-tabbar-label-tablet-font-size: 12px;
   --f7-tabbar-label-font-weight: 500;
   --f7-tabbar-label-letter-spacing: 0;
-  --f7-tabbar-link-inactive-color: rgba(0, 0, 0, 0.5);
 }
-.aurora .dark,
-.aurora.dark {
-  --f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.5);
+.md,
+.md .dark,
+.md [class*='color-'] {
+  --f7-tabbar-link-active-color: var(--f7-md-on-secondary-container);
+  --f7-tabbar-link-active-border-color: var(--f7-md-primary);
+  --f7-tabbar-link-inactive-color: var(--f7-md-on-surface-variant);
+  --f7-tabbar-link-active-icon-bg-color: var(--f7-md-secondary-container);
 }
 .toolbar {
   width: 100%;
@@ -2878,7 +2240,6 @@ html.device-full-viewport body {
   box-sizing: border-box;
   left: 0;
   height: var(--f7-toolbar-height);
-  background-image: var(--f7-toolbar-bg-image, var(--f7-bars-bg-image));
   background-color: var(--f7-toolbar-bg-color, var(--f7-bars-bg-color));
   color: var(--f7-toolbar-text-color, var(--f7-bars-text-color));
   font-size: var(--f7-toolbar-font-size);
@@ -2905,6 +2266,7 @@ html.device-full-viewport body {
   display: flex;
   line-height: var(--f7-toolbar-link-line-height, var(--f7-toolbar-height));
   height: var(--f7-toolbar-link-height, var(--f7-toolbar-height));
+  font-weight: var(--f7-toolbar-link-font-weight);
 }
 .toolbar i.icon {
   display: block;
@@ -2921,51 +2283,36 @@ html.device-full-viewport body {
 }
 .toolbar-top,
 .ios .toolbar-top-ios,
-.md .toolbar-top-md,
-.aurora .toolbar-top-aurora {
+.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,
-.aurora .toolbar-top-aurora .tab-link-highlight {
+.md .toolbar-top-md .tab-link-highlight {
   bottom: 0;
 }
-.toolbar-top.no-hairline:after,
-.ios .toolbar-top-ios.no-hairline:after,
-.md .toolbar-top-md.no-hairline:after,
-.aurora .toolbar-top-aurora.no-hairline:after,
-.toolbar-top.no-border:after,
-.ios .toolbar-top-ios.no-border:after,
-.md .toolbar-top-md.no-border:after,
-.aurora .toolbar-top-aurora.no-border:after {
+.toolbar-top.no-outline:after,
+.ios .toolbar-top-ios.no-outline:after,
+.md .toolbar-top-md.no-outline:after {
   display: none !important;
 }
-.toolbar-top.no-shadow:before,
-.ios .toolbar-top-ios.no-shadow:before,
-.md .toolbar-top-md.no-shadow:before,
-.aurora .toolbar-top-aurora.no-shadow:before,
 .toolbar-top.toolbar-hidden:before,
 .ios .toolbar-top-ios.toolbar-hidden:before,
-.md .toolbar-top-md.toolbar-hidden:before,
-.aurora .toolbar-top-aurora.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,
-.aurora .toolbar-top-aurora:after,
 .toolbar-top:before,
 .ios .toolbar-top-ios:before,
-.md .toolbar-top-md:before,
-.aurora .toolbar-top-aurora: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,
-.aurora .toolbar-top-aurora:after {
+.md .toolbar-top-md:after {
   content: '';
   position: absolute;
   background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color));
@@ -2980,65 +2327,37 @@ html.device-full-viewport body {
   transform-origin: 50% 100%;
   transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
 }
-.toolbar-top:before,
-.ios .toolbar-top-ios:before,
-.md .toolbar-top-md:before,
-.aurora .toolbar-top-aurora:before {
-  content: '';
-  position: absolute;
-  right: 0;
-  width: 100%;
-  top: 100%;
-  bottom: auto;
-  height: 8px;
-  pointer-events: none;
-  background: var(--f7-toolbar-top-shadow-image);
-}
 .toolbar-bottom,
 .ios .toolbar-bottom-ios,
-.md .toolbar-bottom-md,
-.aurora .toolbar-bottom-aurora {
+.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,
-.aurora .toolbar-bottom-aurora .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,
-.aurora .toolbar-bottom-aurora .toolbar-inner {
+.md .toolbar-bottom-md .toolbar-inner {
   height: auto;
   top: 0;
   bottom: var(--f7-safe-area-bottom);
 }
-.toolbar-bottom.no-hairline:before,
-.ios .toolbar-bottom-ios.no-hairline:before,
-.md .toolbar-bottom-md.no-hairline:before,
-.aurora .toolbar-bottom-aurora.no-hairline:before,
-.toolbar-bottom.no-border:before,
-.ios .toolbar-bottom-ios.no-border:before,
-.md .toolbar-bottom-md.no-border:before,
-.aurora .toolbar-bottom-aurora.no-border:before {
+.toolbar-bottom.no-outline:before,
+.ios .toolbar-bottom-ios.no-outline:before,
+.md .toolbar-bottom-md.no-outline:before {
   display: none !important;
 }
-.toolbar-bottom.no-shadow:after,
-.ios .toolbar-bottom-ios.no-shadow:after,
-.md .toolbar-bottom-md.no-shadow:after,
-.aurora .toolbar-bottom-aurora.no-shadow:after,
 .toolbar-bottom.toolbar-hidden:after,
 .ios .toolbar-bottom-ios.toolbar-hidden:after,
-.md .toolbar-bottom-md.toolbar-hidden:after,
-.aurora .toolbar-bottom-aurora.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,
-.aurora .toolbar-bottom-aurora:before {
+.md .toolbar-bottom-md:before {
   content: '';
   position: absolute;
   background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color));
@@ -3053,21 +2372,6 @@ html.device-full-viewport body {
   transform-origin: 50% 0%;
   transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
 }
-.toolbar-bottom:after,
-.ios .toolbar-bottom-ios:after,
-.md .toolbar-bottom-md:after,
-.aurora .toolbar-bottom-aurora:after {
-  content: '';
-  position: absolute;
-  right: 0;
-  width: 100%;
-  bottom: 100%;
-  height: 8px;
-  top: auto;
-  pointer-events: none;
-  background: var(--f7-toolbar-bottom-shadow-image);
-  transform: translate3d(0, 0, 0);
-}
 .toolbar-inner {
   position: absolute;
   left: 0;
@@ -3083,21 +2387,21 @@ html.device-full-viewport body {
   padding: 0 calc(var(--f7-toolbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-toolbar-inner-padding-left) + var(--f7-safe-area-left));
 }
 .views > .tabbar,
-.views > .tabbar-labels {
+.views > .tabbar-icons {
   z-index: 5001;
 }
 .tabbar a,
-.tabbar-labels a {
+.tabbar-icons a {
   color: var(--f7-tabbar-link-inactive-color);
 }
 .tabbar .link,
-.tabbar-labels .link {
+.tabbar-icons .link {
   line-height: 1.4;
 }
 .tabbar .tab-link,
-.tabbar-labels .tab-link,
+.tabbar-icons .tab-link,
 .tabbar .link,
-.tabbar-labels .link {
+.tabbar-icons .link {
   height: 100%;
   width: 100%;
   box-sizing: border-box;
@@ -3111,18 +2415,22 @@ html.device-full-viewport body {
   overflow: hidden;
 }
 .tabbar .tab-link-active,
-.tabbar-labels .tab-link-active {
+.tabbar-icons .tab-link-active {
   color: var(--f7-tabbar-link-active-color, var(--f7-theme-color));
   background-color: var(--f7-tabbar-link-active-bg-color, transparent);
 }
 .tabbar i.icon,
-.tabbar-labels i.icon {
+.tabbar-icons i.icon {
   font-size: var(--f7-tabbar-icon-size);
   height: var(--f7-tabbar-icon-size);
   line-height: var(--f7-tabbar-icon-size);
 }
-.tabbar .tab-link-highlight,
-.tabbar-labels .tab-link-highlight {
+.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;
   left: 0;
   height: 2px;
@@ -3130,16 +2438,16 @@ html.device-full-viewport body {
   transition-duration: 300ms;
   right: 0;
 }
-.tabbar-labels {
-  --f7-toolbar-height: var(--f7-tabbar-labels-height);
+.tabbar-icons {
+  --f7-toolbar-height: var(--f7-tabbar-icons-height);
 }
-.tabbar-labels .tab-link,
-.tabbar-labels .link {
+.tabbar-icons .tab-link,
+.tabbar-icons .link {
   height: 100%;
-  justify-content: space-between;
+  justify-content: center;
   align-items: center;
 }
-.tabbar-labels .tabbar-label {
+.tabbar-icons .tabbar-label {
   display: block;
   line-height: 1;
   margin: 0;
@@ -3153,7 +2461,7 @@ html.device-full-viewport body {
 }
 @media (min-width: 768px) and (min-height: 600px) {
   :root {
-    --f7-tabbar-labels-height: var(--f7-tabbar-labels-tablet-height);
+    --f7-tabbar-icons-height: var(--f7-tabbar-icons-tablet-height);
     --f7-tabbar-label-font-size: var(--f7-tabbar-label-tablet-font-size);
   }
 }
@@ -3181,38 +2489,32 @@ html.device-full-viewport body {
 }
 .toolbar-bottom ~ *,
 .ios .toolbar-bottom-ios ~ *,
-.md .toolbar-bottom-md ~ *,
-.aurora .toolbar-bottom-aurora ~ * {
+.md .toolbar-bottom-md ~ * {
   --f7-page-toolbar-bottom-offset: var(--f7-toolbar-height);
 }
-.toolbar-bottom.tabbar-labels ~ *,
-.ios .toolbar-bottom-ios.tabbar-labels ~ *,
-.md .toolbar-bottom-md.tabbar-labels ~ *,
-.aurora .toolbar-bottom-aurora.tabbar-labels ~ * {
-  --f7-page-toolbar-bottom-offset: var(--f7-tabbar-labels-height);
+.toolbar-bottom.tabbar-icons ~ *,
+.ios .toolbar-bottom-ios.tabbar-icons ~ *,
+.md .toolbar-bottom-md.tabbar-icons ~ * {
+  --f7-page-toolbar-bottom-offset: var(--f7-tabbar-icons-height);
 }
 .toolbar-bottom.toolbar-hidden,
 .ios .toolbar-bottom-ios.toolbar-hidden,
-.md .toolbar-bottom-md.toolbar-hidden,
-.aurora .toolbar-bottom-aurora.toolbar-hidden {
+.md .toolbar-bottom-md.toolbar-hidden {
   transform: translate3d(0, 100%, 0);
 }
 .toolbar-top ~ *,
 .ios .toolbar-top-ios ~ *,
-.md .toolbar-top-md ~ *,
-.aurora .toolbar-top-aurora ~ * {
+.md .toolbar-top-md ~ * {
   --f7-page-toolbar-top-offset: var(--f7-toolbar-height);
 }
-.toolbar-top.tabbar-labels ~ *,
-.ios .toolbar-top-ios.tabbar-labels ~ *,
-.md .toolbar-top-md.tabbar-labels ~ *,
-.aurora .toolbar-top-aurora.tabbar-labels ~ * {
-  --f7-page-toolbar-top-offset: var(--f7-tabbar-labels-height);
+.toolbar-top.tabbar-icons ~ *,
+.ios .toolbar-top-ios.tabbar-icons ~ *,
+.md .toolbar-top-md.tabbar-icons ~ * {
+  --f7-page-toolbar-top-offset: var(--f7-tabbar-icons-height);
 }
 .toolbar-top.toolbar-hidden,
 .ios .toolbar-top-ios.toolbar-hidden,
-.md .toolbar-top-md.toolbar-hidden,
-.aurora .toolbar-top-aurora.toolbar-hidden {
+.md .toolbar-top-md.toolbar-hidden {
   transform: translate3d(0, -100%, 0);
 }
 .navbar ~ .toolbar-top,
@@ -3220,19 +2522,16 @@ html.device-full-viewport body {
 .ios .navbar ~ .toolbar-top-ios,
 .ios .navbars ~ .toolbar-top-ios,
 .md .navbar ~ .toolbar-top-md,
-.aurora .navbar ~ .toolbar-top-aurora,
 .navbar ~ * .toolbar-top,
 .navbars ~ * .toolbar-top,
 .ios .navbar ~ * .toolbar-top-ios,
 .ios .navbars ~ * .toolbar-top-ios,
 .md .navbar ~ * .toolbar-top-md,
-.aurora .navbar ~ * .toolbar-top-aurora,
 .navbar ~ .page:not(.no-navbar) .toolbar-top,
 .navbars ~ .page:not(.no-navbar) .toolbar-top,
 .ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios,
 .ios .navbars ~ .page:not(.no-navbar) .toolbar-top-ios,
-.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md,
-.aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora {
+.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md {
   top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top));
 }
 .navbar ~ .toolbar-top.toolbar-hidden,
@@ -3240,49 +2539,41 @@ html.device-full-viewport body {
 .ios .navbar ~ .toolbar-top-ios.toolbar-hidden,
 .ios .navbars ~ .toolbar-top-ios.toolbar-hidden,
 .md .navbar ~ .toolbar-top-md.toolbar-hidden,
-.aurora .navbar ~ .toolbar-top-aurora.toolbar-hidden,
 .navbar ~ * .toolbar-top.toolbar-hidden,
 .navbars ~ * .toolbar-top.toolbar-hidden,
 .ios .navbar ~ * .toolbar-top-ios.toolbar-hidden,
 .ios .navbars ~ * .toolbar-top-ios.toolbar-hidden,
 .md .navbar ~ * .toolbar-top-md.toolbar-hidden,
-.aurora .navbar ~ * .toolbar-top-aurora.toolbar-hidden,
 .navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden,
 .navbars ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden,
 .ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden,
 .ios .navbars ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden,
-.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden,
-.aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden {
+.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden {
   transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-safe-area-top))), 0);
 }
-.navbar ~ .toolbar-top.toolbar-hidden.tabbar-labels,
-.navbars ~ .toolbar-top.toolbar-hidden.tabbar-labels,
-.ios .navbar ~ .toolbar-top-ios.toolbar-hidden.tabbar-labels,
-.ios .navbars ~ .toolbar-top-ios.toolbar-hidden.tabbar-labels,
-.md .navbar ~ .toolbar-top-md.toolbar-hidden.tabbar-labels,
-.aurora .navbar ~ .toolbar-top-aurora.toolbar-hidden.tabbar-labels,
-.navbar ~ * .toolbar-top.toolbar-hidden.tabbar-labels,
-.navbars ~ * .toolbar-top.toolbar-hidden.tabbar-labels,
-.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden.tabbar-labels,
-.ios .navbars ~ * .toolbar-top-ios.toolbar-hidden.tabbar-labels,
-.md .navbar ~ * .toolbar-top-md.toolbar-hidden.tabbar-labels,
-.aurora .navbar ~ * .toolbar-top-aurora.toolbar-hidden.tabbar-labels,
-.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels,
-.navbars ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels,
-.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels,
-.ios .navbars ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels,
-.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels,
-.aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden.tabbar-labels {
-  transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-safe-area-top))), 0);
+.navbar ~ .toolbar-top.toolbar-hidden.tabbar-icons,
+.navbars ~ .toolbar-top.toolbar-hidden.tabbar-icons,
+.ios .navbar ~ .toolbar-top-ios.toolbar-hidden.tabbar-icons,
+.ios .navbars ~ .toolbar-top-ios.toolbar-hidden.tabbar-icons,
+.md .navbar ~ .toolbar-top-md.toolbar-hidden.tabbar-icons,
+.navbar ~ * .toolbar-top.toolbar-hidden.tabbar-icons,
+.navbars ~ * .toolbar-top.toolbar-hidden.tabbar-icons,
+.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden.tabbar-icons,
+.ios .navbars ~ * .toolbar-top-ios.toolbar-hidden.tabbar-icons,
+.md .navbar ~ * .toolbar-top-md.toolbar-hidden.tabbar-icons,
+.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-icons,
+.navbars ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-icons,
+.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-icons,
+.ios .navbars ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-icons,
+.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-icons {
+  transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-icons-height) + var(--f7-safe-area-top))), 0);
 }
 .navbar-hidden + .toolbar-top:not(.toolbar-hidden),
 .ios .navbar-hidden + .toolbar-top-ios:not(.toolbar-hidden),
 .md .navbar-hidden + .toolbar-top-md:not(.toolbar-hidden),
-.aurora .navbar-hidden + .toolbar-top-aurora:not(.toolbar-hidden),
 .navbar-hidden ~ * .toolbar-top:not(.toolbar-hidden),
 .ios .navbar-hidden ~ * .toolbar-top-ios:not(.toolbar-hidden),
-.md .navbar-hidden ~ * .toolbar-top-md:not(.toolbar-hidden),
-.aurora .navbar-hidden ~ * .toolbar-top-aurora:not(.toolbar-hidden) {
+.md .navbar-hidden ~ * .toolbar-top-md:not(.toolbar-hidden) {
   transform: translate3d(0, calc(0px - var(--f7-navbar-height)), 0);
 }
 .navbar-large-hidden + .toolbar-top:not(.toolbar-hidden),
@@ -3290,8 +2581,7 @@ html.device-full-viewport body {
 .md .navbar-large-hidden + .toolbar-top-md:not(.toolbar-hidden),
 .navbar-large-hidden ~ * .toolbar-top:not(.toolbar-hidden),
 .ios .navbar-large-hidden ~ * .toolbar-top-ios:not(.toolbar-hidden),
-.md .navbar-large-hidden ~ * .toolbar-top-md:not(.toolbar-hidden),
-.aurora .navbar-large-hidden ~ * .toolbar-top-aurora:not(.toolbar-hidden) {
+.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 {
@@ -3302,27 +2592,27 @@ html.device-full-viewport body {
   margin: 0;
   min-width: 44px;
 }
-.ios .tabbar-labels .tab-link,
-.ios .tabbar-labels .link {
+.ios .tabbar-icons .tab-link,
+.ios .tabbar-icons .link {
   padding-top: 4px;
   padding-bottom: 4px;
 }
-.ios .tabbar-labels .tab-link i + span,
-.ios .tabbar-labels .link i + span {
+.ios .tabbar-icons .tab-link i + span,
+.ios .tabbar-icons .link i + span {
   margin: 0;
 }
 @media (min-width: 768px) and (min-height: 600px) {
   .ios .tabbar .tab-link,
-  .ios .tabbar-labels .tab-link,
+  .ios .tabbar-icons .tab-link,
   .ios .tabbar .link,
-  .ios .tabbar-labels .link {
+  .ios .tabbar-icons .link {
     justify-content: center;
     flex-direction: row;
   }
   .ios .tabbar .tab-link i + span,
-  .ios .tabbar-labels .tab-link i + span,
+  .ios .tabbar-icons .tab-link i + span,
   .ios .tabbar .link i + span,
-  .ios .tabbar-labels .link i + span {
+  .ios .tabbar-icons .link i + span {
     margin-left: 5px;
   }
 }
@@ -3374,26 +2664,54 @@ html.device-full-viewport body {
   flex-shrink: 0;
 }
 .md .tabbar .tab-link,
-.md .tabbar-labels .tab-link,
+.md .tabbar-icons .tab-link,
 .md .tabbar .link,
-.md .tabbar-labels .link {
+.md .tabbar-icons .link {
   padding-left: 0;
   padding-right: 0;
 }
 .md .tabbar a.icon-only,
-.md .tabbar-labels a.icon-only {
+.md .tabbar-icons a.icon-only {
   flex-shrink: initial;
 }
 .md .tabbar .tab-link,
-.md .tabbar-labels .tab-link {
+.md .tabbar-icons .tab-link {
   transition-duration: 300ms;
   overflow: hidden;
   position: relative;
 }
-.md .tabbar-labels .tab-link,
-.md .tabbar-labels .link {
-  padding-top: 7px;
-  padding-bottom: 7px;
+.md .tabbar i.icon,
+.md .tabbar-icons i.icon {
+  position: relative;
+}
+.md .tabbar i.icon::before,
+.md .tabbar-icons i.icon::before {
+  content: '';
+  width: 64px;
+  height: 32px;
+  border-radius: 32px;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translateX(-50%) translateY(-50%) scaleX(0.5);
+  background: var(--f7-tabbar-link-active-icon-bg-color);
+  opacity: 0;
+  transition-duration: 200ms;
+  z-index: -1;
+}
+.md .tabbar i.icon + .tabbar-label,
+.md .tabbar-icons i.icon + .tabbar-label {
+  margin-top: 8px;
+}
+.md .tabbar .tab-link-active i.icon::before,
+.md .tabbar-icons .tab-link-active i.icon::before {
+  opacity: 1;
+  transform: translateX(-50%) translateY(-50%) scaleX(1);
+}
+.md .tabbar-icons .tab-link,
+.md .tabbar-icons .link {
+  padding-top: 8px;
+  padding-bottom: 8px;
 }
 .md .tabbar-label {
   max-width: 100%;
@@ -3407,44 +2725,9 @@ html.device-full-viewport body {
 .md .tabbar-scrollable .link {
   padding: 0 12px;
 }
-.aurora .toolbar a.icon-only {
-  min-height: var(--f7-toolbar-height);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin: 0;
-}
-.aurora .tabbar .toolbar-inner,
-.aurora .tabbar-labels .toolbar-inner {
-  padding-left: 0;
-  padding-right: 0;
-}
-.aurora .tabbar .tab-link,
-.aurora .tabbar-labels .tab-link,
-.aurora .tabbar .link,
-.aurora .tabbar-labels .link {
-  transition-duration: 200ms;
-}
-.aurora .tabbar-labels .tab-link,
-.aurora .tabbar-labels .link {
-  padding-top: 5px;
-  padding-bottom: 5px;
-}
-.aurora .tabbar-labels .tab-link i + span,
-.aurora .tabbar-labels .link i + span {
-  margin: 0;
-}
-.aurora .tabbar-scrollable .toolbar-inner {
-  justify-content: flex-start;
-}
-.aurora .tabbar-scrollable .tab-link,
-.aurora .tabbar-scrollable .link {
-  padding: 0 16px;
-}
 /* === Subnavbar === */
 :root {
   /*
-  --f7-subnavbar-bg-image: var(--f7-bars-bg-image);
   --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);
@@ -3461,38 +2744,24 @@ html.device-full-viewport body {
   --f7-subnavbar-title-font-weight: 700;
   --f7-subnavbar-title-letter-spacing: -0.03em;
   --f7-subnavbar-title-margin-left: 8px;
-  --f7-subnavbar-shadow-image: none;
   /*
   --f7-subnavbar-link-height: var(--f7-subnavbar-height);
   --f7-subnavbar-link-line-height: var(--f7-subnavbar-height);
   */
 }
 .md {
-  --f7-subnavbar-height: 48px;
+  --f7-subnavbar-height: 64px;
   --f7-subnavbar-inner-padding-left: 16px;
   --f7-subnavbar-inner-padding-right: 16px;
-  --f7-subnavbar-title-font-size: 20px;
-  --f7-subnavbar-title-font-weight: 500;
+  --f7-subnavbar-title-font-size: 22px;
+  --f7-subnavbar-title-font-weight: 400;
   --f7-subnavbar-title-letter-spacing: 0;
   --f7-subnavbar-title-margin-left: 0px;
-  --f7-subnavbar-shadow-image: var(--f7-bars-shadow-bottom-image);
   /*
   --f7-subnavbar-link-height: var(--f7-subnavbar-height);
   --f7-subnavbar-link-line-height: var(--f7-subnavbar-height);
   */
 }
-.aurora {
-  --f7-subnavbar-height: 48px;
-  --f7-subnavbar-inner-padding-left: 16px;
-  --f7-subnavbar-inner-padding-right: 16px;
-  --f7-subnavbar-title-font-size: 28px;
-  --f7-subnavbar-title-font-weight: bold;
-  --f7-subnavbar-title-letter-spacing: 0em;
-  --f7-subnavbar-title-margin-left: 0px;
-  --f7-subnavbar-shadow-image: none;
-  --f7-subnavbar-link-height: auto;
-  --f7-subnavbar-link-line-height: inherit;
-}
 .subnavbar {
   width: 100%;
   position: absolute;
@@ -3503,7 +2772,6 @@ html.device-full-viewport body {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  background-image: var(--f7-subnavbar-bg-image, var(--f7-bars-bg-image));
   background-color: var(--f7-subnavbar-bg-color, var(--f7-bars-bg-color));
   color: var(--f7-subnavbar-text-color, var(--f7-bars-text-color));
 }
@@ -3548,11 +2816,9 @@ html.device-full-viewport body {
 .subnavbar a.icon-only {
   min-width: var(--f7-subnavbar-height);
 }
-.subnavbar.no-hairline:after,
-.subnavbar.no-border:after {
+.subnavbar.no-outline:after {
   display: none !important;
 }
-.subnavbar.no-shadow:before,
 .subnavbar.navbar-hidden:before {
   display: none !important;
 }
@@ -3576,17 +2842,6 @@ html.device-full-viewport body {
   transform-origin: 50% 100%;
   transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
 }
-.subnavbar:before {
-  content: '';
-  position: absolute;
-  right: 0;
-  width: 100%;
-  top: 100%;
-  bottom: auto;
-  height: 8px;
-  pointer-events: none;
-  background: var(--f7-subnavbar-shadow-image);
-}
 .subnavbar-inner {
   width: 100%;
   height: 100%;
@@ -3597,9 +2852,6 @@ html.device-full-viewport body {
   overflow: hidden;
   padding: 0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left));
 }
-.subnavbar-inner.stacked {
-  display: none;
-}
 .navbar .subnavbar {
   top: 100%;
 }
@@ -3713,41 +2965,11 @@ html.device-full-viewport body {
 .md .subnavbar-inner > a.link:last-child {
   margin-left: calc(-1 * var(--f7-subnavbar-inner-padding-left));
 }
-.aurora .subnavbar {
-  height: calc(var(--f7-subnavbar-height) + 1px);
-  margin-top: -1px;
-  padding-top: 1px;
-}
-.aurora .subnavbar .title {
-  align-self: flex-start;
-  flex-shrink: 10;
-}
-.aurora .subnavbar .left a + a,
-.aurora .subnavbar .right a + a {
-  margin-right: 10px;
-}
-.aurora .subnavbar .left {
-  margin-left: 16px;
-}
-.aurora .subnavbar .right {
-  margin-right: 16px;
-}
-.aurora .subnavbar .right:first-child {
-  left: 16px;
-}
-.aurora .subnavbar a.link {
-  justify-content: flex-start;
-}
-.aurora .subnavbar a.icon-only {
-  justify-content: center;
-  margin: 0;
-}
 /* === Content Block === */
 :root {
   --f7-block-padding-horizontal: 16px;
   --f7-block-padding-vertical: 16px;
   --f7-block-font-size: inherit;
-  --f7-block-text-color: inherit;
   --f7-block-header-margin: 10px;
   --f7-block-footer-margin: 10px;
   --f7-block-header-font-size: 14px;
@@ -3757,22 +2979,15 @@ html.device-full-viewport body {
   --f7-block-title-medium-text-transform: none;
   --f7-block-title-large-text-transform: none;
   --f7-block-inset-side-margin: 16px;
-  --f7-block-title-medium-text-color: #000;
-  --f7-block-title-large-text-color: #000;
-  --f7-block-strong-bg-color: #fff;
 }
 :root .dark,
 :root.dark {
-  --f7-block-title-text-color: #fff;
-  --f7-block-strong-border-color: rgba(255, 255, 255, 0.15);
-  --f7-block-title-medium-text-color: #fff;
-  --f7-block-title-large-text-color: #fff;
-  --f7-block-strong-bg-color: #1c1c1d;
+  --f7-block-outline-border-color: rgba(255, 255, 255, 0.15);
 }
 .ios {
+  --f7-block-text-color: inherit;
   --f7-block-margin-vertical: 35px;
-  --f7-block-strong-border-color: rgba(0, 0, 0, 0.22);
-  --f7-block-title-text-color: #000;
+  --f7-block-outline-border-color: rgba(0, 0, 0, 0.22);
   --f7-block-title-font-size: 16px;
   --f7-block-title-font-weight: 600;
   --f7-block-title-line-height: 20px;
@@ -3784,64 +2999,50 @@ html.device-full-viewport body {
   --f7-block-title-large-font-weight: bold;
   --f7-block-title-large-line-height: 1.3;
   --f7-block-inset-border-radius: 8px;
+  --f7-block-title-text-color: #000;
   --f7-block-strong-text-color: #000;
   --f7-block-header-text-color: rgba(0, 0, 0, 0.45);
   --f7-block-footer-text-color: rgba(0, 0, 0, 0.45);
+  --f7-block-strong-bg-color: #fff;
+  --f7-block-title-medium-text-color: #000;
+  --f7-block-title-large-text-color: #000;
 }
 .ios .dark,
 .ios.dark {
+  --f7-block-title-text-color: #fff;
   --f7-block-header-text-color: rgba(255, 255, 255, 0.55);
   --f7-block-footer-text-color: rgba(255, 255, 255, 0.55);
   --f7-block-strong-text-color: #fff;
+  --f7-block-strong-bg-color: #1c1c1d;
+  --f7-block-title-medium-text-color: #fff;
+  --f7-block-title-large-text-color: #fff;
 }
 .md {
   --f7-block-margin-vertical: 32px;
-  --f7-block-strong-text-color: inherit;
-  --f7-block-strong-border-color: rgba(0, 0, 0, 0.12);
   --f7-block-title-font-size: inherit;
-  --f7-block-title-text-color: rgba(0, 0, 0, 0.54);
   --f7-block-title-font-weight: 500;
   --f7-block-title-line-height: 16px;
   --f7-block-title-margin-bottom: 16px;
-  --f7-block-title-medium-font-size: 24px;
+  --f7-block-title-medium-font-size: 16px;
   --f7-block-title-medium-font-weight: 500;
   --f7-block-title-medium-line-height: 1.3;
-  --f7-block-title-large-font-size: 34px;
+  --f7-block-title-large-font-size: 22px;
   --f7-block-title-large-font-weight: 500;
   --f7-block-title-large-line-height: 1.2;
-  --f7-block-inset-border-radius: 4px;
-  --f7-block-header-text-color: rgba(0, 0, 0, 0.54);
-  --f7-block-footer-text-color: rgba(0, 0, 0, 0.54);
+  --f7-block-inset-border-radius: 16px;
 }
+.md,
 .md .dark,
-.md.dark {
-  --f7-block-header-text-color: rgba(255, 255, 255, 0.54);
-  --f7-block-footer-text-color: rgba(255, 255, 255, 0.54);
-}
-.aurora {
-  --f7-block-margin-vertical: 32px;
-  --f7-block-strong-border-color: rgba(0, 0, 0, 0.12);
-  --f7-block-title-font-size: 16px;
-  --f7-block-title-text-color: #000;
-  --f7-block-title-font-weight: 600;
-  --f7-block-title-line-height: 1.5;
-  --f7-block-title-margin-bottom: 10px;
-  --f7-block-title-medium-font-size: 22px;
-  --f7-block-title-medium-font-weight: bold;
-  --f7-block-title-medium-line-height: 1.4;
-  --f7-block-title-large-font-size: 28px;
-  --f7-block-title-large-font-weight: bold;
-  --f7-block-title-large-line-height: 1.3;
-  --f7-block-inset-border-radius: 8px;
-  --f7-block-strong-text-color: inherit;
-  --f7-block-header-text-color: rgba(0, 0, 0, 0.6);
-  --f7-block-footer-text-color: rgba(0, 0, 0, 0.6);
-}
-.aurora .dark,
-.aurora.dark {
-  --f7-block-header-text-color: rgba(255, 255, 255, 0.54);
-  --f7-block-footer-text-color: rgba(255, 255, 255, 0.54);
-  --f7-block-strong-text-color: #fff;
+.md [class*='color-'] {
+  --f7-block-text-color: var(--f7-md-on-surface);
+  --f7-block-strong-text-color: var(--f7-md-on-surface);
+  --f7-block-outline-border-color: var(--f7-md-outline);
+  --f7-block-title-text-color: var(--f7-theme-color);
+  --f7-block-title-medium-text-color: var(--f7-theme-color);
+  --f7-block-title-large-text-color: var(--f7-theme-color);
+  --f7-block-strong-bg-color: var(--f7-md-surface-1);
+  --f7-block-header-text-color: var(--f7-md-on-surface-variant);
+  --f7-block-footer-text-color: var(--f7-md-on-surface-variant);
 }
 .block {
   box-sizing: border-box;
@@ -3855,44 +3056,6 @@ html.device-full-viewport body {
   padding-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right));
   font-size: var(--f7-block-font-size);
 }
-.block.no-hairlines:before,
-.block.no-hairlines ul:before,
-.md .block.no-hairlines-md:before,
-.md .block.no-hairlines-md ul:before,
-.ios .block.no-hairlines-ios:before,
-.ios .block.no-hairlines-ios ul:before,
-.aurora .block.no-hairlines-aurora:before,
-.aurora .block.no-hairlines-aurora ul:before,
-.block.no-hairlines:after,
-.block.no-hairlines ul:after,
-.md .block.no-hairlines-md:after,
-.md .block.no-hairlines-md ul:after,
-.ios .block.no-hairlines-ios:after,
-.ios .block.no-hairlines-ios ul:after,
-.aurora .block.no-hairlines-aurora:after,
-.aurora .block.no-hairlines-aurora ul:after {
-  display: none !important;
-}
-.block.no-hairline-top:before,
-.block.no-hairline-top ul:before,
-.md .block.no-hairline-top-md:before,
-.md .block.no-hairline-top-md ul:before,
-.ios .block.no-hairline-top-ios:before,
-.ios .block.no-hairline-top-ios ul:before,
-.aurora .block.no-hairline-top-aurora:before,
-.aurora .block.no-hairline-top-aurora ul:before {
-  display: none !important;
-}
-.block.no-hairline-bottom:after,
-.block.no-hairline-bottom ul:after,
-.md .block.no-hairline-bottom-md:after,
-.md .block.no-hairline-bottom-md ul:after,
-.ios .block.no-hairline-bottom-ios:after,
-.ios .block.no-hairline-bottom-ios ul:after,
-.aurora .block.no-hairline-bottom-aurora:after,
-.aurora .block.no-hairline-bottom-aurora ul:after {
-  display: none !important;
-}
 .block > h1:first-child,
 .block > h2:first-child,
 .block > h3:first-child,
@@ -3907,16 +3070,20 @@ html.device-full-viewport body {
 .block > p:last-child {
   margin-bottom: 0;
 }
-.block-strong {
+.block-strong,
+.ios .block-strong-ios,
+.md .block-strong-md {
   color: var(--f7-block-strong-text-color);
   padding-top: var(--f7-block-padding-vertical);
   padding-bottom: var(--f7-block-padding-vertical);
   background-color: var(--f7-block-strong-bg-color);
 }
-.block-strong:before {
+.block-outline:not(.inset):before,
+.ios .block-outline-ios:not(.inset):not(.inset-ios):before,
+.md .block-outline-md:not(.inset):not(.inset-md):before {
   content: '';
   position: absolute;
-  background-color: var(--f7-block-strong-border-color);
+  background-color: var(--f7-block-outline-border-color);
   display: block;
   z-index: 15;
   top: 0;
@@ -3928,10 +3095,12 @@ html.device-full-viewport body {
   transform-origin: 50% 0%;
   transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
 }
-.block-strong:after {
+.block-outline:not(.inset):after,
+.ios .block-outline-ios:not(.inset):not(.inset-ios):after,
+.md .block-outline-md:not(.inset):not(.inset-md):after {
   content: '';
   position: absolute;
-  background-color: var(--f7-block-strong-border-color);
+  background-color: var(--f7-block-outline-border-color);
   display: block;
   z-index: 15;
   top: auto;
@@ -3943,6 +3112,13 @@ html.device-full-viewport body {
   transform-origin: 50% 100%;
   transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
 }
+.block-outline.inset,
+.ios .block-outline-ios.inset,
+.ios .block-outline-ios.inset-ios,
+.md .block-outline-md.inset,
+.md .block-outline-md.inset-md {
+  border: 1px solid var(--f7-block-outline-border-color);
+}
 .block-title {
   position: relative;
   overflow: hidden;
@@ -4080,7 +3256,9 @@ html.device-full-viewport body {
 .block .block-footer {
   padding: 0;
 }
-.block.inset {
+.block.inset,
+.ios .block.inset-ios,
+.md .block.inset-md {
   border-radius: var(--f7-block-inset-border-radius);
   margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));
   margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));
@@ -4088,78 +3266,154 @@ html.device-full-viewport body {
   --f7-safe-area-right: 0px;
 }
 .block-strong.inset:before,
-.block-strong.inset:after {
+.ios .block-strong-ios.inset:before,
+.md .block-strong-md.inset:before,
+.ios .block-strong.inset-ios:before,
+.md .block-strong.inset-md:before,
+.ios .block-strong-ios.inset-ios:before,
+.md .block-strong-md.inset-md:before,
+.block-strong.inset:after,
+.ios .block-strong-ios.inset:after,
+.md .block-strong-md.inset:after,
+.ios .block-strong.inset-ios:after,
+.md .block-strong.inset-md:after,
+.ios .block-strong-ios.inset-ios:after,
+.md .block-strong-md.inset-md:after {
   display: none !important;
 }
 @media (min-width: 480px) {
-  .block.xsmall-inset {
+  .block.xsmall-inset,
+  .ios .block.xsmall-inset-ios,
+  .md .block.xsmall-inset-md {
     border-radius: var(--f7-block-inset-border-radius);
     margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));
     margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));
     --f7-safe-area-left: 0px;
     --f7-safe-area-right: 0px;
   }
-  .block-strong.xsmall-inset:before,
-  .block-strong.xsmall-inset:after {
+  .block.xsmall-inset:before,
+  .ios .block.xsmall-inset-ios:before,
+  .md .block.xsmall-inset-md:before,
+  .block.xsmall-inset:after,
+  .ios .block.xsmall-inset-ios:after,
+  .md .block.xsmall-inset-md:after {
     display: none !important;
   }
+  .block.xsmall-inset.block-outline,
+  .ios .block.xsmall-inset-ios.block-outline,
+  .ios .block.xsmall-inset-ios.block-outline-ios,
+  .md .block.xsmall-inset-md.block-outline,
+  .md .block.xsmall-inset-md.block-outline-md {
+    border: 1px solid var(--f7-block-outline-border-color);
+  }
 }
 @media (min-width: 568px) {
-  .block.small-inset {
+  .block.small-inset,
+  .ios .block.small-inset-ios,
+  .md .block.small-inset-md {
     border-radius: var(--f7-block-inset-border-radius);
     margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));
     margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));
     --f7-safe-area-left: 0px;
     --f7-safe-area-right: 0px;
   }
-  .block-strong.small-inset:before,
-  .block-strong.small-inset:after {
+  .block.small-inset:before,
+  .ios .block.small-inset-ios:before,
+  .md .block.small-inset-md:before,
+  .block.small-inset:after,
+  .ios .block.small-inset-ios:after,
+  .md .block.small-inset-md:after {
     display: none !important;
   }
+  .block.small-inset.block-outline,
+  .ios .block.small-inset-ios.block-outline,
+  .ios .block.small-inset-ios.block-outline-ios,
+  .md .block.small-inset-md.block-outline,
+  .md .block.small-inset-md.block-outline-md {
+    border: 1px solid var(--f7-block-outline-border-color);
+  }
 }
 @media (min-width: 768px) {
-  .block.medium-inset {
+  .block.medium-inset,
+  .ios .block.medium-inset-ios,
+  .md .block.medium-inset-md {
     border-radius: var(--f7-block-inset-border-radius);
     margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));
     margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));
     --f7-safe-area-left: 0px;
     --f7-safe-area-right: 0px;
   }
-  .block-strong.medium-inset:before,
-  .block-strong.medium-inset:after {
+  .block.medium-inset:before,
+  .ios .block.medium-inset-ios:before,
+  .md .block.medium-inset-md:before,
+  .block.medium-inset:after,
+  .ios .block.medium-inset-ios:after,
+  .md .block.medium-inset-md:after {
     display: none !important;
   }
+  .block.medium-inset.block-outline,
+  .ios .block.medium-inset-ios.block-outline,
+  .ios .block.medium-inset-ios.block-outline-ios,
+  .md .block.medium-inset-md.block-outline,
+  .md .block.medium-inset-md.block-outline-md {
+    border: 1px solid var(--f7-block-outline-border-color);
+  }
 }
 @media (min-width: 1024px) {
-  .block.large-inset {
+  .block.large-inset,
+  .ios .block.large-inset-ios,
+  .md .block.large-inset-md {
     border-radius: var(--f7-block-inset-border-radius);
     margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));
     margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));
     --f7-safe-area-left: 0px;
     --f7-safe-area-right: 0px;
   }
-  .block-strong.large-inset:before,
-  .block-strong.large-inset:after {
+  .block.large-inset:before,
+  .ios .block.large-inset-ios:before,
+  .md .block.large-inset-md:before,
+  .block.large-inset:after,
+  .ios .block.large-inset-ios:after,
+  .md .block.large-inset-md:after {
     display: none !important;
   }
+  .block.large-inset.block-outline,
+  .ios .block.large-inset-ios.block-outline,
+  .ios .block.large-inset-ios.block-outline-ios,
+  .md .block.large-inset-md.block-outline,
+  .md .block.large-inset-md.block-outline-md {
+    border: 1px solid var(--f7-block-outline-border-color);
+  }
 }
 @media (min-width: 1200px) {
-  .block.xlarge-inset {
+  .block.xlarge-inset,
+  .ios .block.xlarge-inset-ios,
+  .md .block.xlarge-inset-md {
     border-radius: var(--f7-block-inset-border-radius);
     margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));
     margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));
     --f7-safe-area-left: 0px;
     --f7-safe-area-right: 0px;
   }
-  .block-strong.xlarge-inset:before,
-  .block-strong.xlarge-inset:after {
+  .block.xlarge-inset:before,
+  .ios .block.xlarge-inset-ios:before,
+  .md .block.xlarge-inset-md:before,
+  .block.xlarge-inset:after,
+  .ios .block.xlarge-inset-ios:after,
+  .md .block.xlarge-inset-md:after {
     display: none !important;
   }
+  .block.xlarge-inset.block-outline,
+  .ios .block.xlarge-inset-ios.block-outline,
+  .ios .block.xlarge-inset-ios.block-outline-ios,
+  .md .block.xlarge-inset-md.block-outline,
+  .md .block.xlarge-inset-md.block-outline-md {
+    border: 1px solid var(--f7-block-outline-border-color);
+  }
 }
 /* === List View === */
 :root {
   --f7-list-inset-side-margin: 16px;
-  --f7-list-item-cell-margin: 16px;
   --f7-list-item-padding-horizontal: 16px;
   --f7-list-item-padding-vertical: 8px;
   --f7-list-media-item-padding-horizontal: 16px;
@@ -4168,16 +3422,13 @@ html.device-full-viewport body {
   --f7-list-item-media-margin: 16px;
   --f7-list-item-title-font-size: inherit;
   --f7-list-item-title-font-weight: 400;
-  --f7-list-item-title-text-color: inherit;
   --f7-list-item-title-line-height: inherit;
   --f7-list-item-title-white-space: nowrap;
   --f7-list-item-subtitle-font-weight: 400;
-  --f7-list-item-subtitle-text-color: inherit;
   --f7-list-item-subtitle-line-height: inherit;
   --f7-list-item-text-font-weight: 400;
   --f7-list-item-after-font-weight: 400;
   --f7-list-item-after-line-height: inherit;
-  --f7-list-item-header-text-color: inherit;
   --f7-list-item-header-font-size: 12px;
   --f7-list-item-header-font-weight: 400;
   --f7-list-item-header-line-height: 1.2;
@@ -4191,34 +3442,22 @@ html.device-full-viewport body {
   --f7-list-button-font-size: inherit;
   --f7-list-button-font-weight: 400;
   --f7-list-button-text-align: center;
-  --f7-list-item-divider-line-height: inherit;
-  --f7-list-item-divider-font-weight: 400;
   --f7-list-group-title-line-height: inherit;
-  --f7-menu-list-offset: 8px;
-  --f7-menu-list-border-radius: 8px;
   --f7-menu-list-font-size: 14px;
   --f7-menu-list-item-title-font-size: 14px;
   --f7-menu-list-item-title-font-weight: 500;
   --f7-menu-list-item-subtitle-font-size: 14px;
   --f7-menu-list-item-text-font-size: 14px;
   --f7-menu-list-item-after-font-size: 14px;
-  --f7-list-bg-color: #fff;
+  --f7-list-outline-border-color: rgba(0, 0, 0, 0.22);
   --f7-list-chevron-icon-color: rgba(0, 0, 0, 0.2);
-  --f7-menu-list-selected-text-color: var(--f7-theme-color);
-  --f7-menu-list-selected-bg-color: rgba(var(--f7-theme-color-rgb), 0.15);
 }
 :root .dark,
 :root.dark {
   --f7-list-button-border-color: rgba(255, 255, 255, 0.15);
-  --f7-list-bg-color: #1c1c1d;
-  --f7-list-border-color: rgba(255, 255, 255, 0.15);
-  --f7-list-item-border-color: rgba(255, 255, 255, 0.15);
-  --f7-list-item-divider-border-color: rgba(255, 255, 255, 0.15);
-  --f7-list-item-divider-bg-color: #232323;
-  --f7-list-group-title-bg-color: #232323;
+  --f7-list-outline-border-color: rgba(255, 255, 255, 0.15);
+  --f7-list-group-title-border-color: rgba(255, 255, 255, 0.15);
   --f7-list-chevron-icon-color: rgba(255, 255, 255, 0.3);
-  --f7-menu-list-selected-text-color: inherit;
-  --f7-menu-list-selected-bg-color: var(--f7-theme-color);
 }
 .ios {
   --f7-list-in-list-padding-left: 30px;
@@ -4226,8 +3465,8 @@ html.device-full-viewport body {
   --f7-list-margin-vertical: 35px;
   --f7-list-font-size: 17px;
   --f7-list-chevron-icon-area: 20px;
-  --f7-list-border-color: rgba(0, 0, 0, 0.22);
-  --f7-list-item-border-color: rgba(0, 0, 0, 0.22);
+  --f7-list-item-title-text-color: inherit;
+  --f7-list-item-subtitle-text-color: inherit;
   --f7-list-link-pressed-bg-color: rgba(0, 0, 0, 0.15);
   --f7-list-item-subtitle-font-size: 15px;
   --f7-list-item-text-font-size: 15px;
@@ -4239,38 +3478,48 @@ html.device-full-viewport body {
   --f7-list-media-item-padding-vertical: 10px;
   --f7-list-media-item-title-font-weight: 600;
   --f7-list-button-border-color: rgba(0, 0, 0, 0.22);
-  --f7-list-item-divider-height: 31px;
-  --f7-list-item-divider-font-size: inherit;
-  --f7-list-item-divider-bg-color: rgba(0, 0, 0, 0.03);
-  --f7-list-item-divider-border-color: rgba(0, 0, 0, 0.22);
+  --f7-list-group-title-border-color: rgba(0, 0, 0, 0.22);
   --f7-list-group-title-height: 31px;
   --f7-list-group-title-font-size: inherit;
   --f7-list-group-title-font-weight: 400;
-  --f7-list-group-title-bg-color: #f7f7f7;
+  --f7-menu-list-offset: 8px;
+  --f7-menu-list-border-radius: 8px;
+  --f7-menu-list-item-bg-color: transparent;
+  --f7-menu-list-item-text-color: inherit;
+  --f7-menu-list-item-min-height: 44px;
+  --f7-list-item-border-color: rgba(0, 0, 0, 0.22);
+  --f7-list-outline-inset-border-color: rgba(0, 0, 0, 0.22);
+  --f7-list-strong-bg-color: #fff;
   --f7-list-item-after-text-color: rgba(0, 0, 0, 0.45);
+  --f7-list-item-header-text-color: inherit;
   --f7-list-item-footer-text-color: rgba(0, 0, 0, 0.45);
   --f7-list-item-text-text-color: rgba(0, 0, 0, 0.45);
-  --f7-list-item-divider-text-color: rgba(0, 0, 0, 0.45);
   --f7-list-group-title-text-color: rgba(0, 0, 0, 0.45);
+  --f7-list-group-title-bg-color: #f7f7f7;
+  --f7-menu-list-item-selected-text-color: var(--f7-theme-color);
+  --f7-menu-list-item-selected-bg-color: rgba(var(--f7-theme-color-rgb), 0.15);
 }
 .ios .dark,
 .ios.dark {
+  --f7-list-item-border-color: rgba(255, 255, 255, 0.15);
+  --f7-list-outline-inset-color: rgba(255, 255, 255, 0.15);
+  --f7-list-strong-bg-color: #1c1c1d;
   --f7-list-item-after-text-color: rgba(255, 255, 255, 0.55);
   --f7-list-item-header-text-color: rgba(255, 255, 255, 0.55);
   --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.55);
   --f7-list-item-text-text-color: rgba(255, 255, 255, 0.55);
-  --f7-list-item-divider-text-color: rgba(255, 255, 255, 0.55);
   --f7-list-group-title-text-color: rgba(255, 255, 255, 0.55);
+  --f7-list-group-title-bg-color: #232323;
   --f7-list-link-pressed-bg-color: rgba(255, 255, 255, 0.08);
+  --f7-menu-list-item-selected-text-color: inherit;
+  --f7-menu-list-item-selected-bg-color: var(--f7-theme-color);
 }
 .md {
-  --f7-list-in-list-padding-left: 40px;
-  --f7-list-inset-border-radius: 4px;
+  --f7-list-in-list-padding-left: 24px;
+  --f7-list-inset-border-radius: 16px;
   --f7-list-margin-vertical: 32px;
   --f7-list-font-size: 16px;
   --f7-list-chevron-icon-area: 26px;
-  --f7-list-border-color: rgba(0, 0, 0, 0.12);
-  --f7-list-item-border-color: rgba(0, 0, 0, 0.12);
   --f7-list-item-subtitle-font-size: 14px;
   --f7-list-item-text-font-size: 14px;
   --f7-list-item-text-line-height: 20px;
@@ -4278,105 +3527,62 @@ html.device-full-viewport body {
   --f7-list-item-after-padding: 8px;
   --f7-list-item-min-height: 48px;
   --f7-list-item-media-icons-margin: 8px;
-  --f7-list-media-item-padding-vertical: 14px;
-  /*
-  --f7-list-media-item-title-font-weight: var(--f7-list-item-title-font-weight);
-  */
+  --f7-list-media-item-padding-vertical: 12px;
+  --f7-list-media-item-title-font-weight: 500;
   --f7-list-button-border-color: transparent;
-  --f7-list-item-divider-height: 48px;
-  --f7-list-item-divider-font-size: 14px;
-  --f7-list-item-divider-bg-color: #f4f4f4;
-  --f7-list-item-divider-border-color: transparent;
+  --f7-list-group-title-border-color: transparent;
   --f7-list-group-title-height: 48px;
-  --f7-list-group-title-font-size: 14px;
+  --f7-list-group-title-font-size: 16px;
   --f7-list-group-title-font-weight: 400;
-  --f7-list-group-title-bg-color: #f4f4f4;
-  --f7-menu-list-border-radius: 4px;
+  --f7-menu-list-offset: 16px;
+  --f7-menu-list-border-radius: 999px;
+  --f7-menu-list-item-min-height: 56px;
   --f7-list-link-pressed-bg-color: rgba(0, 0, 0, 0.1);
-  --f7-list-item-text-text-color: rgba(0, 0, 0, 0.54);
-  --f7-list-item-after-text-color: rgba(0, 0, 0, 0.54);
-  --f7-list-item-footer-text-color: rgba(0, 0, 0, 0.5);
-  --f7-list-item-divider-text-color: rgba(0, 0, 0, 0.54);
-  --f7-list-group-title-text-color: rgba(0, 0, 0, 0.54);
 }
 .md .dark,
 .md.dark {
-  --f7-list-item-divider-text-color: #fff;
-  --f7-list-group-title-text-color: #fff;
   --f7-list-link-pressed-bg-color: rgba(255, 255, 255, 0.05);
-  --f7-list-item-text-text-color: rgba(255, 255, 255, 0.54);
-  --f7-list-item-after-text-color: rgba(255, 255, 255, 0.54);
-  --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.54);
 }
-.aurora {
-  --f7-list-in-list-padding-left: 16px;
-  --f7-list-inset-border-radius: 8px;
-  --f7-list-margin-vertical: 32px;
-  --f7-list-font-size: 16px;
-  --f7-list-chevron-icon-area: 20px;
-  --f7-list-border-color: rgba(0, 0, 0, 0.12);
-  --f7-list-item-border-color: rgba(0, 0, 0, 0.12);
-  --f7-list-item-subtitle-font-size: 14px;
-  --f7-list-item-text-font-size: 14px;
-  --f7-list-item-text-line-height: 20px;
-  --f7-list-item-after-font-size: 14px;
-  --f7-list-item-after-padding: 8px;
-  --f7-list-item-min-height: 48px;
-  --f7-list-item-media-icons-margin: 8px;
-  --f7-list-media-item-padding-vertical: 16px;
-  --f7-list-media-item-title-font-weight: 600;
-  --f7-list-button-border-color: rgba(0, 0, 0, 0.12);
-  --f7-list-button-font-weight: 500;
-  --f7-list-item-divider-height: 32px;
-  --f7-list-item-divider-font-size: 14px;
-  --f7-list-item-divider-bg-color: rgba(0, 0, 0, 0.03);
-  --f7-list-item-divider-border-color: transparent;
-  --f7-list-group-title-height: 32px;
-  --f7-list-group-title-font-size: 14px;
-  --f7-list-group-title-font-weight: 500;
-  --f7-list-group-title-bg-color: #f7f7f7;
-  --f7-list-link-pressed-bg-color: rgba(0, 0, 0, 0.1);
-  --f7-list-link-hover-bg-color: rgba(0, 0, 0, 0.03);
-  --f7-list-item-text-text-color: rgba(0, 0, 0, 0.6);
-  --f7-list-item-after-text-color: rgba(0, 0, 0, 0.5);
-  --f7-list-item-footer-text-color: rgba(0, 0, 0, 0.6);
-  --f7-list-button-hover-bg-color: rgba(0, 0, 0, 0.03);
-  --f7-list-item-divider-text-color: rgba(0, 0, 0, 0.6);
-  --f7-list-group-title-text-color: rgba(0, 0, 0, 0.6);
-}
-.aurora .dark,
-.aurora.dark {
-  --f7-list-item-text-text-color: rgba(255, 255, 255, 0.54);
-  --f7-list-item-after-text-color: rgba(255, 255, 255, 0.54);
-  --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.54);
-  --f7-list-item-divider-text-color: rgba(255, 255, 255, 0.6);
-  --f7-list-group-title-text-color: rgba(255, 255, 255, 0.6);
-  --f7-list-link-pressed-bg-color: rgba(255, 255, 255, 0.05);
-  --f7-list-link-hover-bg-color: rgba(255, 255, 255, 0.03);
-  --f7-list-button-hover-bg-color: rgba(255, 255, 255, 0.03);
+.md,
+.md .dark,
+.md [class*='color-'] {
+  --f7-list-outline-inset-border-color: var(--f7-md-outline);
+  --f7-list-item-border-color: var(--f7-md-outline);
+  --f7-list-item-title-text-color: var(--f7-md-on-surface);
+  --f7-list-item-subtitle-text-color: var(--f7-md-on-surface);
+  --f7-list-group-title-bg-color: var(--f7-md-surface-2);
+  --f7-list-group-title-text-color: var(--f7-md-on-surface-variant);
+  --f7-list-strong-bg-color: var(--f7-md-surface-1);
+  --f7-list-item-after-text-color: var(--f7-md-on-surface-variant);
+  --f7-list-item-text-text-color: var(--f7-md-on-surface-variant);
+  --f7-list-item-header-text-color: var(--f7-md-on-surface-variant);
+  --f7-list-item-footer-text-color: var(--f7-md-on-surface-variant);
+  --f7-menu-list-item-text-color: var(--f7-md-on-surface-variant);
+  --f7-menu-list-item-bg-color: var(--f7-md-surface-1);
+  --f7-menu-list-item-selected-text-color: var(--f7-md-on-secondary-container);
+  --f7-menu-list-item-selected-bg-color: var(--f7-md-secondary-container);
 }
 :root {
   --f7-list-chevron-icon-left: 'chevron_left';
   --f7-list-chevron-icon-right: 'chevron_right';
 }
 .list {
-  --menu-list-offset: 0px;
   position: relative;
   z-index: 1;
   font-size: var(--f7-list-font-size);
   margin: var(--f7-list-margin-vertical) 0;
 }
-.list ul {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  position: relative;
-  background: var(--f7-list-bg-color);
+.list-strong ul,
+.ios .list-strong-ios ul,
+.md .list-strong-md ul {
+  background: var(--f7-list-strong-bg-color);
 }
-.list ul:before {
+.list-outline ul:before,
+.ios .list-outline-ios ul:before,
+.md .list-outline-md ul:before {
   content: '';
   position: absolute;
-  background-color: var(--f7-list-border-color);
+  background-color: var(--f7-list-outline-border-color);
   display: block;
   z-index: 15;
   top: 0;
@@ -4388,10 +3594,12 @@ html.device-full-viewport body {
   transform-origin: 50% 0%;
   transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
 }
-.list ul:after {
+.list-outline ul:after,
+.ios .list-outline-ios ul:after,
+.md .list-outline-md ul:after {
   content: '';
   position: absolute;
-  background-color: var(--f7-list-border-color);
+  background-color: var(--f7-list-outline-border-color);
   display: block;
   z-index: 15;
   top: auto;
@@ -4403,6 +3611,19 @@ html.device-full-viewport body {
   transform-origin: 50% 100%;
   transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
 }
+.list-outline.inset,
+.ios .list-outline-ios.inset,
+.ios .list-outline-ios.inset-ios,
+.md .list-outline-md.inset,
+.md .list-outline-md.inset-md {
+  border: 1px solid var(--f7-list-outline-inset-border-color);
+}
+.list ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  position: relative;
+}
 .list ul ul {
   padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-list-in-list-padding-left));
 }
@@ -4422,6 +3643,7 @@ html.device-full-viewport body {
   box-sizing: border-box;
   padding-bottom: var(--f7-list-item-padding-vertical);
   padding-top: var(--f7-list-item-padding-vertical);
+  position: relative;
 }
 .list .item-media + .item-inner {
   margin-right: var(--f7-list-item-media-margin);
@@ -4444,8 +3666,8 @@ html.device-full-viewport body {
   align-self: stretch;
   padding-top: var(--f7-list-item-padding-vertical);
   padding-bottom: var(--f7-list-item-padding-vertical);
-  min-height: calc(var(--f7-list-item-min-height) - var(--menu-list-offset));
-  padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left) - var(--menu-list-offset));
+  min-height: calc(var(--f7-list-item-min-height));
+  padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));
 }
 .list .item-title {
   min-width: 0;
@@ -4487,30 +3709,37 @@ html.device-full-viewport body {
   line-height: var(--f7-list-item-footer-line-height);
 }
 .list .item-link,
+.list label.item-content,
 .list .list-button {
   transition-duration: 300ms;
   transition-property: background-color, color;
-  display: block;
   position: relative;
   overflow: hidden;
   z-index: 0;
+  cursor: pointer;
+}
+.list .item-link,
+.list .list-button {
+  display: block;
 }
-.list .item-link {
+.list .item-link,
+.list label.item-content {
   color: inherit;
 }
-.list .item-link.active-state {
+.list .item-link.active-state,
+.list label.item-content.active-state {
   background-color: var(--f7-list-link-pressed-bg-color);
 }
 .list .item-link .item-inner {
-  padding-left: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left) - var(--menu-list-offset));
+  padding-left: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));
 }
 .list .item-content {
   display: flex;
   justify-content: space-between;
   box-sizing: border-box;
   align-items: center;
-  min-height: calc(var(--f7-list-item-min-height) - var(--menu-list-offset));
-  padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right) - var(--menu-list-offset));
+  min-height: calc(var(--f7-list-item-min-height));
+  padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));
 }
 .list .item-subtitle {
   position: relative;
@@ -4547,23 +3776,6 @@ html.device-full-viewport body {
 .list .item-title-row .item-after {
   align-self: center;
 }
-.list .item-row {
-  display: flex;
-  justify-content: space-between;
-  box-sizing: border-box;
-}
-.list .item-cell {
-  display: block;
-  align-self: center;
-  box-sizing: border-box;
-  width: 100%;
-  min-width: 0;
-  margin-right: var(--f7-list-item-cell-margin);
-  flex-shrink: 1;
-}
-.list .item-cell:first-child {
-  margin-right: 0;
-}
 .list li:last-child .list-button:after {
   display: none !important;
 }
@@ -4593,78 +3805,6 @@ html.device-full-viewport body {
   transform-origin: 50% 100%;
   transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
 }
-.list.no-hairlines:before,
-.list.no-hairlines ul:before,
-.md .list.no-hairlines-md:before,
-.md .list.no-hairlines-md ul:before,
-.ios .list.no-hairlines-ios:before,
-.ios .list.no-hairlines-ios ul:before,
-.aurora .list.no-hairlines-aurora:before,
-.aurora .list.no-hairlines-aurora ul:before,
-.list.no-hairlines:after,
-.list.no-hairlines ul:after,
-.md .list.no-hairlines-md:after,
-.md .list.no-hairlines-md ul:after,
-.ios .list.no-hairlines-ios:after,
-.ios .list.no-hairlines-ios ul:after,
-.aurora .list.no-hairlines-aurora:after,
-.aurora .list.no-hairlines-aurora ul:after {
-  display: none !important;
-}
-.list.no-hairline-top:before,
-.list.no-hairline-top ul:before,
-.md .list.no-hairline-top-md:before,
-.md .list.no-hairline-top-md ul:before,
-.ios .list.no-hairline-top-ios:before,
-.ios .list.no-hairline-top-ios ul:before,
-.aurora .list.no-hairline-top-aurora:before,
-.aurora .list.no-hairline-top-aurora ul:before {
-  display: none !important;
-}
-.list.no-hairline-bottom:after,
-.list.no-hairline-bottom ul:after,
-.md .list.no-hairline-bottom-md:after,
-.md .list.no-hairline-bottom-md ul:after,
-.ios .list.no-hairline-bottom-ios:after,
-.ios .list.no-hairline-bottom-ios ul:after,
-.aurora .list.no-hairline-bottom-aurora:after,
-.aurora .list.no-hairline-bottom-aurora ul:after {
-  display: none !important;
-}
-.list.no-hairlines-between .item-inner:after,
-.md .list.no-hairlines-between-md .item-inner:after,
-.ios .list.no-hairlines-between-ios .item-inner:after,
-.aurora .list.no-hairlines-between-aurora .item-inner:after,
-.list.no-hairlines-between .list-button:after,
-.md .list.no-hairlines-between-md .list-button:after,
-.ios .list.no-hairlines-between-ios .list-button:after,
-.aurora .list.no-hairlines-between-aurora .list-button:after,
-.list.no-hairlines-between .item-divider:after,
-.md .list.no-hairlines-between-md .item-divider:after,
-.ios .list.no-hairlines-between-ios .item-divider:after,
-.aurora .list.no-hairlines-between-aurora .item-divider:after,
-.list.no-hairlines-between .list-group-title:after,
-.md .list.no-hairlines-between-md .list-group-title:after,
-.ios .list.no-hairlines-between-ios .list-group-title:after,
-.aurora .list.no-hairlines-between-aurora .list-group-title:after,
-.list.no-hairlines-between .list-group-title:after,
-.md .list.no-hairlines-between-md .list-group-title:after,
-.ios .list.no-hairlines-between-ios .list-group-title:after,
-.aurora .list.no-hairlines-between-aurora .list-group-title:after {
-  display: none !important;
-}
-.list.no-hairlines-between.simple-list li:after,
-.md .list.no-hairlines-between-md.simple-list li:after,
-.ios .list.no-hairlines-between-ios.simple-list li:after,
-.aurora .list.no-hairlines-between-aurora.simple-list li:after {
-  display: none !important;
-}
-.list.no-hairlines-between.links-list a:after,
-.md .list.no-hairlines-between-md.links-list a:after,
-.ios .list.no-hairlines-between-ios.links-list a:after,
-.aurora .list.no-hairlines-between-aurora.links-list a:after {
-  display: none !important;
-}
 .list-button {
   --f7-touch-ripple-color: var(--f7-link-touch-ripple-color, rgba(var(--f7-theme-color-rgb), 0.25));
   padding: 0 var(--f7-list-item-padding-horizontal);
@@ -4674,7 +3814,12 @@ html.device-full-viewport body {
   font-weight: var(--f7-list-button-font-weight);
   text-align: var(--f7-list-button-text-align);
 }
-.list-button:after {
+.list-button.active-state {
+  background-color: var(--f7-list-button-pressed-bg-color, rgba(var(--f7-theme-color-rgb), 0.15));
+}
+.list-dividers .list-button:after,
+.ios .list-dividers-ios .list-button:after,
+.md .list-dividers-md .list-button:after {
   content: '';
   position: absolute;
   background-color: var(--f7-list-button-border-color);
@@ -4689,9 +3834,6 @@ html.device-full-viewport body {
   transform-origin: 50% 100%;
   transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
 }
-.list-button.active-state {
-  background-color: var(--f7-list-button-pressed-bg-color, rgba(var(--f7-theme-color-rgb), 0.15));
-}
 .list-button[class*='color-'] {
   --f7-list-button-text-color: var(--f7-theme-color);
 }
@@ -4760,9 +3902,15 @@ html.device-full-viewport body {
 .links-list li:last-child a:after {
   display: none !important;
 }
-.simple-list li:after,
-.links-list a:after,
-.list .item-inner:after {
+.list-dividers.simple-list li:after,
+.ios .list-dividers-ios.simple-list li:after,
+.md .list-dividers-md.simple-list li:after,
+.list-dividers.links-list a:after,
+.ios .list-dividers-ios.links-list a:after,
+.md .list-dividers-md.links-list a:after,
+.list-dividers .item-inner:after,
+.ios .list-dividers-ios .item-inner:after,
+.md .list-dividers-md .item-inner:after {
   content: '';
   position: absolute;
   background-color: var(--f7-list-item-border-color);
@@ -4777,6 +3925,23 @@ html.device-full-viewport body {
   transform-origin: 50% 100%;
   transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
 }
+.md .media-list:not(.inset):not(.inset-md):not(.menu-list) .item-content,
+.md .media-list:not(.inset):not(.inset-md):not(.menu-list) li > .item-link,
+.md .list:not(.inset):not(.inset-md):not(.menu-list) .media-item .item-content,
+.md .list:not(.inset):not(.inset-md):not(.menu-list) .media-item > .item-link {
+  margin-left: calc(var(--f7-list-item-padding-horizontal) / 2);
+  margin-right: calc(var(--f7-list-item-padding-horizontal) / 2);
+  border-radius: 16px;
+}
+.md .media-list:not(.inset):not(.inset-md):not(.menu-list) li > .item-link > .item-content,
+.md .list:not(.inset):not(.inset-md):not(.menu-list) .media-item > .item-link > .item-content {
+  margin-left: 0;
+  margin-right: 0;
+}
+.md .media-list:not(.inset):not(.inset-md):not(.menu-list) .item-content,
+.md .list:not(.inset):not(.inset-md):not(.menu-list) .media-item .item-content {
+  padding-right: calc(var(--f7-list-item-padding-horizontal) / 2 + var(--f7-safe-area-right));
+}
 .media-list,
 li.media-item {
   --f7-list-item-padding-vertical: var(--f7-list-media-item-padding-vertical);
@@ -4791,17 +3956,13 @@ li.media-item .item-inner {
   display: block;
   align-self: stretch;
 }
-.media-list .item-media,
-li.media-item .item-media {
-  align-self: flex-start;
-}
 .media-list .item-media img,
 li.media-item .item-media img {
   display: block;
 }
 .media-list .item-link .item-inner,
 li.media-item .item-link .item-inner {
-  padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left) - var(--menu-list-offset));
+  padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));
 }
 .media-list .item-link .item-title-row,
 li.media-item .item-link .item-title-row {
@@ -4813,7 +3974,7 @@ li.media-item .item-link .item-title-row {
 li.media-item.chevron-center .item-link .item-inner,
 li.media-item .item-link.chevron-center .item-inner,
 li.media-item .chevron-center .item-link .item-inner {
-  padding-left: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left) - var(--menu-list-offset));
+  padding-left: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));
 }
 .media-list.chevron-center .item-title-row,
 .media-list .chevron-center .item-title-row,
@@ -4882,9 +4043,9 @@ li.media-item .item-link .item-title-row:before {
 .list-group + .list-group ul:before {
   display: none !important;
 }
-li.item-divider,
-.item-divider,
-li.list-group-title {
+li.list-group-title,
+.list-group-title {
+  margin-top: -1px;
   white-space: nowrap;
   position: relative;
   max-width: 100%;
@@ -4899,27 +4060,18 @@ li.list-group-title {
   display: flex;
   align-items: center;
   align-content: center;
+  height: var(--f7-list-group-title-height);
+  color: var(--f7-list-group-title-text-color);
+  font-size: var(--f7-list-group-title-font-size);
+  font-weight: var(--f7-list-group-title-font-weight);
+  background-color: var(--f7-list-group-title-bg-color);
+  line-height: var(--f7-list-group-title-line-height);
 }
-li.item-divider:after,
-.item-divider:after,
-li.list-group-title:after {
-  display: none !important;
-}
-li.item-divider,
-.item-divider {
-  margin-top: -1px;
-  height: var(--f7-list-item-divider-height);
-  color: var(--f7-list-item-divider-text-color);
-  font-size: var(--f7-list-item-divider-font-size);
-  font-weight: var(--f7-list-item-divider-font-weight);
-  background-color: var(--f7-list-item-divider-bg-color);
-  line-height: var(--f7-list-item-divider-line-height);
-}
-li.item-divider:before,
-.item-divider:before {
+li.list-group-title:before,
+.list-group-title:before {
   content: '';
   position: absolute;
-  background-color: var(--f7-list-item-divider-border-color);
+  background-color: var(--f7-list-group-title-border-color);
   display: block;
   z-index: 15;
   top: 0;
@@ -4931,198 +4083,332 @@ li.item-divider:before,
   transform-origin: 50% 0%;
   transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
 }
-li.list-group-title,
-.list li.list-group-title {
-  position: relative;
-  position: sticky;
+li.list-group-title:after,
+.list-group-title:after {
+  display: none !important;
+}
+.list-group > .list-group-title,
+.list-group > ul > .list-group-title {
   top: 0;
   margin-top: 0;
+  position: sticky;
   z-index: 20;
-  height: var(--f7-list-group-title-height);
-  color: var(--f7-list-group-title-text-color);
-  font-size: var(--f7-list-group-title-font-size);
-  font-weight: var(--f7-list-group-title-font-weight);
-  background-color: var(--f7-list-group-title-bg-color);
-  line-height: var(--f7-list-group-title-line-height);
 }
-.page-with-navbar-large li.list-group-title,
-.page-with-navbar-large .list li.list-group-title {
+.page-with-navbar-large .list-group > .list-group-title,
+.page-with-navbar-large .list-group > ul > .list-group-title {
   top: calc(-1 * var(--f7-navbar-large-title-height));
 }
-.list.inset {
+.list.inset,
+.ios .list.inset-ios,
+.md .list.inset-md {
   margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));
   margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));
   border-radius: var(--f7-list-inset-border-radius);
   --f7-safe-area-left: 0px;
   --f7-safe-area-right: 0px;
 }
-.list.inset .block-title {
+.list.inset .block-title,
+.ios .list.inset-ios .block-title,
+.md .list.inset-md .block-title {
   margin-left: 0;
   margin-right: 0;
 }
-.list.inset ul {
+.list.inset ul,
+.ios .list.inset-ios ul,
+.md .list.inset-md ul {
   border-radius: var(--f7-list-inset-border-radius);
 }
 .list.inset ul:before,
-.list.inset ul:after {
+.ios .list.inset-ios ul:before,
+.md .list.inset-md ul:before,
+.list.inset ul:after,
+.ios .list.inset-ios ul:after,
+.md .list.inset-md ul:after {
   display: none !important;
 }
 .list.inset li.swipeout:first-child,
-.list.inset li:first-child > a {
+.ios .list.inset-ios li.swipeout:first-child,
+.md .list.inset-md li.swipeout:first-child,
+.list.inset li:first-child > a,
+.ios .list.inset-ios li:first-child > a,
+.md .list.inset-md li:first-child > a {
   border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0;
 }
 .list.inset li.swipeout:last-child,
-.list.inset li:last-child > a {
+.ios .list.inset-ios li.swipeout:last-child,
+.md .list.inset-md li.swipeout:last-child,
+.list.inset li:last-child > a,
+.ios .list.inset-ios li:last-child > a,
+.md .list.inset-md li:last-child > a {
   border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius);
 }
 .list.inset li.swipeout:first-child:last-child,
-.list.inset li:first-child:last-child > a {
+.ios .list.inset-ios li.swipeout:first-child:last-child,
+.md .list.inset-md li.swipeout:first-child:last-child,
+.list.inset li:first-child:last-child > a,
+.ios .list.inset-ios li:first-child:last-child > a,
+.md .list.inset-md li:first-child:last-child > a {
   border-radius: var(--f7-list-inset-border-radius);
 }
 @media (min-width: 480px) {
-  .list.xsmall-inset {
+  .list.xsmall-inset,
+  .ios .list.xsmall-inset-ios,
+  .md .list.xsmall-inset-md {
     margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));
     margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));
     border-radius: var(--f7-list-inset-border-radius);
     --f7-safe-area-left: 0px;
     --f7-safe-area-right: 0px;
   }
-  .list.xsmall-inset .block-title {
+  .list.xsmall-inset .block-title,
+  .ios .list.xsmall-inset-ios .block-title,
+  .md .list.xsmall-inset-md .block-title {
     margin-left: 0;
     margin-right: 0;
   }
-  .list.xsmall-inset ul {
+  .list.xsmall-inset ul,
+  .ios .list.xsmall-inset-ios ul,
+  .md .list.xsmall-inset-md ul {
     border-radius: var(--f7-list-inset-border-radius);
   }
   .list.xsmall-inset ul:before,
-  .list.xsmall-inset ul:after {
+  .ios .list.xsmall-inset-ios ul:before,
+  .md .list.xsmall-inset-md ul:before,
+  .list.xsmall-inset ul:after,
+  .ios .list.xsmall-inset-ios ul:after,
+  .md .list.xsmall-inset-md ul:after {
     display: none !important;
   }
-  .list.xsmall-inset li:first-child > a {
+  .list.xsmall-inset li:first-child > a,
+  .ios .list.xsmall-inset-ios li:first-child > a,
+  .md .list.xsmall-inset-md li:first-child > a {
     border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0;
   }
-  .list.xsmall-inset li:last-child > a {
+  .list.xsmall-inset li:last-child > a,
+  .ios .list.xsmall-inset-ios li:last-child > a,
+  .md .list.xsmall-inset-md li:last-child > a {
     border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius);
   }
-  .list.xsmall-inset li:first-child:last-child > a {
+  .list.xsmall-inset li:first-child:last-child > a,
+  .ios .list.xsmall-inset-ios li:first-child:last-child > a,
+  .md .list.xsmall-inset-md li:first-child:last-child > a {
     border-radius: var(--f7-list-inset-border-radius);
   }
+  .list.xsmall-inset.list-outline ul,
+  .ios .list.xsmall-inset-ios.list-outline ul,
+  .ios .list.xsmall-inset-ios.list-outline-ios ul,
+  .md .list.xsmall-inset-md.list-outline ul,
+  .md .list.xsmall-inset-md.list-outline-md ul {
+    border: 1px solid var(--f7-list-outline-inset-border-color);
+  }
 }
 @media (min-width: 568px) {
-  .list.small-inset {
+  .list.small-inset,
+  .ios .list.small-inset-ios,
+  .md .list.small-inset-md {
     margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));
     margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));
     border-radius: var(--f7-list-inset-border-radius);
     --f7-safe-area-left: 0px;
     --f7-safe-area-right: 0px;
   }
-  .list.small-inset .block-title {
+  .list.small-inset .block-title,
+  .ios .list.small-inset-ios .block-title,
+  .md .list.small-inset-md .block-title {
     margin-left: 0;
     margin-right: 0;
   }
-  .list.small-inset ul {
+  .list.small-inset ul,
+  .ios .list.small-inset-ios ul,
+  .md .list.small-inset-md ul {
     border-radius: var(--f7-list-inset-border-radius);
   }
   .list.small-inset ul:before,
-  .list.small-inset ul:after {
+  .ios .list.small-inset-ios ul:before,
+  .md .list.small-inset-md ul:before,
+  .list.small-inset ul:after,
+  .ios .list.small-inset-ios ul:after,
+  .md .list.small-inset-md ul:after {
     display: none !important;
   }
-  .list.small-inset li:first-child > a {
+  .list.small-inset li:first-child > a,
+  .ios .list.small-inset-ios li:first-child > a,
+  .md .list.small-inset-md li:first-child > a {
     border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0;
   }
-  .list.small-inset li:last-child > a {
+  .list.small-inset li:last-child > a,
+  .ios .list.small-inset-ios li:last-child > a,
+  .md .list.small-inset-md li:last-child > a {
     border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius);
   }
-  .list.small-inset li:first-child:last-child > a {
+  .list.small-inset li:first-child:last-child > a,
+  .ios .list.small-inset-ios li:first-child:last-child > a,
+  .md .list.small-inset-md li:first-child:last-child > a {
     border-radius: var(--f7-list-inset-border-radius);
   }
+  .list.small-inset.list-outline ul,
+  .ios .list.small-inset-ios.list-outline ul,
+  .ios .list.small-inset-ios.list-outline-ios ul,
+  .md .list.small-inset-md.list-outline ul,
+  .md .list.small-inset-md.list-outline-md ul {
+    border: 1px solid var(--f7-list-outline-inset-border-color);
+  }
 }
 @media (min-width: 768px) {
-  .list.medium-inset {
+  .list.medium-inset,
+  .ios .list.medium-inset-ios,
+  .md .list.medium-inset-md {
     margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));
     margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));
     border-radius: var(--f7-list-inset-border-radius);
     --f7-safe-area-left: 0px;
     --f7-safe-area-right: 0px;
   }
-  .list.medium-inset .block-title {
+  .list.medium-inset .block-title,
+  .ios .list.medium-inset-ios .block-title,
+  .md .list.medium-inset-md .block-title {
     margin-left: 0;
     margin-right: 0;
   }
-  .list.medium-inset ul {
+  .list.medium-inset ul,
+  .ios .list.medium-inset-ios ul,
+  .md .list.medium-inset-md ul {
     border-radius: var(--f7-list-inset-border-radius);
   }
   .list.medium-inset ul:before,
-  .list.medium-inset ul:after {
+  .ios .list.medium-inset-ios ul:before,
+  .md .list.medium-inset-md ul:before,
+  .list.medium-inset ul:after,
+  .ios .list.medium-inset-ios ul:after,
+  .md .list.medium-inset-md ul:after {
     display: none !important;
   }
-  .list.medium-inset li:first-child > a {
+  .list.medium-inset li:first-child > a,
+  .ios .list.medium-inset-ios li:first-child > a,
+  .md .list.medium-inset-md li:first-child > a {
     border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0;
   }
-  .list.medium-inset li:last-child > a {
+  .list.medium-inset li:last-child > a,
+  .ios .list.medium-inset-ios li:last-child > a,
+  .md .list.medium-inset-md li:last-child > a {
     border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius);
   }
-  .list.medium-inset li:first-child:last-child > a {
+  .list.medium-inset li:first-child:last-child > a,
+  .ios .list.medium-inset-ios li:first-child:last-child > a,
+  .md .list.medium-inset-md li:first-child:last-child > a {
     border-radius: var(--f7-list-inset-border-radius);
   }
+  .list.medium-inset.list-outline ul,
+  .ios .list.medium-inset-ios.list-outline ul,
+  .ios .list.medium-inset-ios.list-outline-ios ul,
+  .md .list.medium-inset-md.list-outline ul,
+  .md .list.medium-inset-md.list-outline-md ul {
+    border: 1px solid var(--f7-list-outline-inset-border-color);
+  }
 }
 @media (min-width: 1024px) {
-  .list.large-inset {
+  .list.large-inset,
+  .ios .list.large-inset-ios,
+  .md .list.large-inset-md {
     margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));
     margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));
     border-radius: var(--f7-list-inset-border-radius);
     --f7-safe-area-left: 0px;
     --f7-safe-area-right: 0px;
   }
-  .list.large-inset .block-title {
+  .list.large-inset .block-title,
+  .ios .list.large-inset-ios .block-title,
+  .md .list.large-inset-md .block-title {
     margin-left: 0;
     margin-right: 0;
   }
-  .list.large-inset ul {
+  .list.large-inset ul,
+  .ios .list.large-inset-ios ul,
+  .md .list.large-inset-md ul {
     border-radius: var(--f7-list-inset-border-radius);
   }
   .list.large-inset ul:before,
-  .list.large-inset ul:after {
+  .ios .list.large-inset-ios ul:before,
+  .md .list.large-inset-md ul:before,
+  .list.large-inset ul:after,
+  .ios .list.large-inset-ios ul:after,
+  .md .list.large-inset-md ul:after {
     display: none !important;
   }
-  .list.large-inset li:first-child > a {
+  .list.large-inset li:first-child > a,
+  .ios .list.large-inset-ios li:first-child > a,
+  .md .list.large-inset-md li:first-child > a {
     border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0;
   }
-  .list.large-inset li:last-child > a {
+  .list.large-inset li:last-child > a,
+  .ios .list.large-inset-ios li:last-child > a,
+  .md .list.large-inset-md li:last-child > a {
     border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius);
   }
-  .list.large-inset li:first-child:last-child > a {
+  .list.large-inset li:first-child:last-child > a,
+  .ios .list.large-inset-ios li:first-child:last-child > a,
+  .md .list.large-inset-md li:first-child:last-child > a {
     border-radius: var(--f7-list-inset-border-radius);
   }
+  .list.large-inset.list-outline ul,
+  .ios .list.large-inset-ios.list-outline ul,
+  .ios .list.large-inset-ios.list-outline-ios ul,
+  .md .list.large-inset-md.list-outline ul,
+  .md .list.large-inset-md.list-outline-md ul {
+    border: 1px solid var(--f7-list-outline-inset-border-color);
+  }
 }
 @media (min-width: 1200px) {
-  .list.xlarge-inset {
+  .list.xlarge-inset,
+  .ios .list.xlarge-inset-ios,
+  .md .list.xlarge-inset-md {
     margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));
     margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));
     border-radius: var(--f7-list-inset-border-radius);
     --f7-safe-area-left: 0px;
     --f7-safe-area-right: 0px;
   }
-  .list.xlarge-inset .block-title {
+  .list.xlarge-inset .block-title,
+  .ios .list.xlarge-inset-ios .block-title,
+  .md .list.xlarge-inset-md .block-title {
     margin-left: 0;
     margin-right: 0;
   }
-  .list.xlarge-inset ul {
+  .list.xlarge-inset ul,
+  .ios .list.xlarge-inset-ios ul,
+  .md .list.xlarge-inset-md ul {
     border-radius: var(--f7-list-inset-border-radius);
   }
   .list.xlarge-inset ul:before,
-  .list.xlarge-inset ul:after {
+  .ios .list.xlarge-inset-ios ul:before,
+  .md .list.xlarge-inset-md ul:before,
+  .list.xlarge-inset ul:after,
+  .ios .list.xlarge-inset-ios ul:after,
+  .md .list.xlarge-inset-md ul:after {
     display: none !important;
   }
-  .list.xlarge-inset li:first-child > a {
+  .list.xlarge-inset li:first-child > a,
+  .ios .list.xlarge-inset-ios li:first-child > a,
+  .md .list.xlarge-inset-md li:first-child > a {
     border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0;
   }
-  .list.xlarge-inset li:last-child > a {
+  .list.xlarge-inset li:last-child > a,
+  .ios .list.xlarge-inset-ios li:last-child > a,
+  .md .list.xlarge-inset-md li:last-child > a {
     border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius);
   }
-  .list.xlarge-inset li:first-child:last-child > a {
+  .list.xlarge-inset li:first-child:last-child > a,
+  .ios .list.xlarge-inset-ios li:first-child:last-child > a,
+  .md .list.xlarge-inset-md li:first-child:last-child > a {
     border-radius: var(--f7-list-inset-border-radius);
   }
+  .list.xlarge-inset.list-outline ul,
+  .ios .list.xlarge-inset-ios.list-outline ul,
+  .ios .list.xlarge-inset-ios.list-outline-ios ul,
+  .md .list.xlarge-inset-md.list-outline ul,
+  .md .list.xlarge-inset-md.list-outline-md ul {
+    border: 1px solid var(--f7-list-outline-inset-border-color);
+  }
 }
 .list.no-chevron,
 .list .no-chevron,
@@ -5131,13 +4417,13 @@ li.list-group-title,
   --f7-list-chevron-icon-area: 0px;
 }
 .menu-list {
-  --menu-list-offset: var(--f7-menu-list-offset);
   --f7-list-font-size: var(--f7-menu-list-font-size);
   --f7-list-item-title-font-size: var(--f7-menu-list-item-title-font-size);
   --f7-list-item-title-font-weight: var(--f7-menu-list-item-title-font-weight);
   --f7-list-item-subtitle-font-size: var(--f7-menu-list-item-subtitle-font-size);
   --f7-list-item-text-font-size: var(--f7-menu-list-item-text-font-size);
   --f7-list-item-after-font-size: var(--f7-menu-list-item-after-font-size);
+  --f7-list-item-min-height: var(--f7-menu-list-item-min-height);
 }
 .menu-list .item-header,
 .menu-list .item-footer,
@@ -5147,20 +4433,22 @@ li.list-group-title,
 .menu-list .item-subtitle {
   transition-duration: 300ms;
 }
-.menu-list li:not(.item-divider):not(.list-group-title) {
-  padding-top: calc(var(--f7-menu-list-offset) / 2);
-  padding-bottom: calc(var(--f7-menu-list-offset) / 2);
+.menu-list li:not(.list-group-title) {
+  padding-top: 4px;
+  padding-bottom: 4px;
 }
-.menu-list li:not(.item-divider):not(.list-group-title):first-child {
-  padding-top: var(--f7-menu-list-offset);
+.menu-list li:not(.list-group-title):first-child {
+  padding-top: 4px;
 }
-.menu-list li:not(.item-divider):not(.list-group-title):last-child {
-  padding-bottom: var(--f7-menu-list-offset);
+.menu-list li:not(.list-group-title):last-child {
+  padding-bottom: 4px;
 }
 .menu-list .item-link {
   margin-left: var(--f7-menu-list-offset);
   margin-right: var(--f7-menu-list-offset);
   border-radius: var(--f7-menu-list-border-radius) !important;
+  color: var(--f7-menu-list-item-text-color);
+  background-color: var(--f7-menu-list-item-bg-color);
 }
 .menu-list .item-inner:after {
   display: none;
@@ -5169,8 +4457,8 @@ li.list-group-title,
 .menu-list .item-selected.item-link,
 .menu-list .tab-link-active .item-link,
 .menu-list .tab-link-active.item-link {
-  color: var(--f7-menu-list-selected-text-color);
-  background-color: var(--f7-menu-list-selected-bg-color);
+  color: var(--f7-menu-list-item-selected-text-color);
+  background-color: var(--f7-menu-list-item-selected-bg-color);
 }
 .menu-list .item-selected .item-header,
 .menu-list .item-selected .item-footer,
@@ -5178,7 +4466,7 @@ li.list-group-title,
 .menu-list .item-selected .item-after,
 .menu-list .item-selected .item-text,
 .menu-list .item-selected .item-subtitle {
-  color: var(--f7-menu-list-selected-text-color);
+  color: var(--f7-menu-list-item-selected-text-color);
 }
 .ios .item-link.active-state .item-inner:after,
 .ios .list-button.active-state:after,
@@ -5190,46 +4478,25 @@ li.list-group-title,
 .ios .list .list-button.active-state {
   transition-duration: 0ms;
 }
-.md .list .item-media {
-  min-width: 40px;
-}
-.aurora .list .item-media {
-  min-width: 24px;
-}
-.aurora .links-list a,
-.aurora .list .item-link:not(.item-selected),
-.aurora .list .list-button {
-  transition-duration: 0ms;
-}
-.aurora.device-desktop .links-list a:hover:not(.active-state):not(.no-hover),
-.aurora.device-desktop .list .item-link:not(.item-selected):hover:not(.active-state):not(.no-hover) {
-  background: var(--f7-list-link-hover-bg-color);
-}
-.aurora.device-desktop .list .list-button:hover:not(.active-state):not(.no-hover) {
-  background: var(--f7-list-button-hover-bg-color);
-}
 /* === Badge === */
 :root {
   --f7-badge-text-color: #fff;
   --f7-badge-bg-color: #8e8e93;
-  --f7-badge-padding: 0 4px;
   --f7-badge-in-icon-size: 16px;
   --f7-badge-in-icon-font-size: 10px;
   --f7-badge-font-weight: normal;
   --f7-badge-font-size: 12px;
 }
 .ios {
+  --f7-badge-padding: 0 4px;
   --f7-badge-size: 20px;
   --f7-badge-font-weight: 600;
 }
 .md {
-  --f7-badge-size: 18px;
+  --f7-badge-padding: 2px 6px;
+  --f7-badge-size: 20px;
   --f7-badge-font-weight: 500;
 }
-.aurora {
-  --f7-badge-size: 18px;
-  --f7-badge-font-weight: 600;
-}
 .badge {
   display: inline-flex;
   align-items: center;
@@ -5259,6 +4526,7 @@ li.list-group-title,
   font-family: var(--f7-font-family);
   --f7-badge-font-size: var(--f7-badge-in-icon-font-size);
   --f7-badge-size: var(--f7-badge-in-icon-size);
+  --f7-badge-padding: 0px 2px;
 }
 .badge[class*='color-'] {
   --f7-badge-bg-color: var(--f7-theme-color);
@@ -5268,21 +4536,14 @@ li.list-group-title,
   --f7-button-min-width: 32px;
   --f7-button-bg-color: transparent;
   --f7-button-border-width: 0px;
-  --f7-button-text-transform: uppercase;
-  --f7-button-large-text-transform: uppercase;
-  --f7-button-small-text-transform: uppercase;
-  --f7-button-small-outline-border-width: 2px;
   /*
   --f7-button-text-color: var(--f7-theme-color);
   --f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15);
   --f7-button-pressed-text-color: var(--f7-button-text-color, var(--f7-theme-color));
   --f7-button-border-color: var(--f7-theme-color);
-  --f7-button-fill-text-color: #fff;
   --f7-button-fill-bg-color: var(--f7-theme-color);
-  --f7-button-outline-border-color: var(--f7-theme-color);
   --f7-button-padding-vertical: 0px;
   */
-  --f7-button-outline-border-width: 2px;
   --f7-button-raised-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   --f7-button-raised-pressed-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),
     0 3px 6px rgba(0, 0, 0, 0.23);
@@ -5291,7 +4552,6 @@ li.list-group-title,
   --f7-segmented-strong-between-buttons: 4px;
   --f7-segmented-strong-button-font-weight: 500;
   --f7-segmented-strong-button-active-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
-  --f7-segmented-strong-bg-color: rgba(0, 0, 0, 0.07);
   --f7-segmented-strong-button-text-color: #000;
   --f7-segmented-strong-button-pressed-bg-color: rgba(0, 0, 0, 0.07);
   --f7-segmented-strong-button-hover-bg-color: rgba(0, 0, 0, 0.04);
@@ -5300,7 +4560,6 @@ li.list-group-title,
 }
 :root .dark,
 :root.dark {
-  --f7-segmented-strong-bg-color: rgba(255, 255, 255, 0.1);
   --f7-segmented-strong-button-pressed-bg-color: rgba(255, 255, 255, 0.04);
   --f7-segmented-strong-button-hover-bg-color: rgba(255, 255, 255, 0.02);
   --f7-segmented-strong-button-active-bg-color: rgba(255, 255, 255, 0.14);
@@ -5308,63 +4567,68 @@ li.list-group-title,
   --f7-segmented-strong-button-active-text-color: #fff;
 }
 .ios {
+  --f7-button-fill-text-color: #fff;
+  --f7-button-text-transform: uppercase;
   --f7-button-height: 28px;
   --f7-button-padding-horizontal: 10px;
-  --f7-button-border-radius: 5px;
+  --f7-button-border-radius: 4px;
   --f7-button-font-weight: 600;
   --f7-button-letter-spacing: 0;
+  --f7-button-outline-border-color: var(--f7-theme-color);
+  --f7-button-outline-border-width: 2px;
   /*
   --f7-button-fill-pressed-bg-color: var(--f7-theme-color-tint);
   */
+  --f7-button-large-text-transform: uppercase;
   --f7-button-large-height: 44px;
   --f7-button-large-font-size: 17px;
   --f7-button-large-font-weight: 500;
+  --f7-button-small-outline-border-width: 2px;
+  --f7-button-small-text-transform: uppercase;
   --f7-button-small-height: 26px;
   --f7-button-small-font-size: 13px;
   --f7-button-small-font-weight: 600;
   --f7-segmented-strong-button-text-transform: none;
   --f7-segmented-strong-button-active-font-weight: 600;
+  --f7-button-tonal-bg-color: rgba(var(--f7-theme-color-rgb), 0.15);
+  --f7-button-tonal-pressed-bg-color: rgba(var(--f7-theme-color-rgb), 0.25);
+  --f7-button-tonal-text-color: var(--f7-theme-color);
+  --f7-segmented-strong-bg-color: rgba(0, 0, 0, 0.07);
+}
+.ios .dark,
+.ios.dark {
+  --f7-segmented-strong-bg-color: rgba(255, 255, 255, 0.1);
 }
 .md {
-  --f7-button-height: 36px;
-  --f7-button-padding-horizontal: 8px;
-  --f7-button-border-radius: 4px;
+  --f7-button-text-transform: none;
+  --f7-button-height: 40px;
+  --f7-button-padding-horizontal: 16px;
+  --f7-button-border-radius: 8px;
   --f7-button-font-weight: 500;
-  --f7-button-letter-spacing: 0.05em;
-  /*
-  --f7-button-fill-pressed-bg-color: var(--f7-theme-color-shade);
-  */
+  --f7-button-letter-spacing: normal;
+  --f7-button-outline-border-width: 1px;
+  --f7-button-large-text-transform: none;
   --f7-button-large-height: 48px;
   --f7-button-large-font-size: 14px;
   --f7-button-large-font-weight: 500;
-  --f7-button-small-height: 28px;
+  --f7-button-small-text-transform: none;
+  --f7-button-small-outline-border-width: 1px;
+  --f7-button-small-height: 32px;
   --f7-button-small-font-size: 14px;
   --f7-button-small-font-weight: 500;
-  --f7-segmented-strong-button-text-transform: uppercase;
+  --f7-segmented-strong-button-text-transform: none;
   --f7-segmented-strong-button-active-font-weight: 500;
 }
-.aurora {
-  /*
-  --f7-button-hover-bg-color: rgba(var(--f7-theme-color-rgb), .07);
-  --f7-button-fill-hover-bg-color: var(--f7-theme-color-tint);
-  */
-  --f7-button-height: 36px;
-  --f7-button-min-width: 24px;
-  --f7-button-padding-horizontal: 10px;
-  --f7-button-border-radius: 8px;
-  --f7-button-font-weight: 600;
-  --f7-button-letter-spacing: 0em;
-  /*
+.md,
+.md .dark,
+.md [class*='color-'] {
   --f7-button-fill-pressed-bg-color: var(--f7-theme-color-shade);
-  */
-  --f7-button-large-height: 48px;
-  --f7-button-large-font-size: 16px;
-  --f7-button-large-font-weight: 600;
-  --f7-button-small-height: 28px;
-  --f7-button-small-font-size: 14px;
-  --f7-button-small-font-weight: 600;
-  --f7-segmented-strong-button-text-transform: uppercase;
-  --f7-segmented-strong-button-active-font-weight: 600;
+  --f7-button-fill-text-color: var(--f7-md-on-primary);
+  --f7-button-outline-border-color: var(--f7-md-outline);
+  --f7-segmented-strong-bg-color: var(--f7-md-surface-variant);
+  --f7-button-tonal-bg-color: var(--f7-md-secondary-container);
+  --f7-button-tonal-pressed-bg-color: rgba(var(--f7-theme-color-rgb), 0.25);
+  --f7-button-tonal-text-color: var(--f7-md-on-secondary-container);
 }
 button {
   -webkit-appearance: none;
@@ -5416,37 +4680,44 @@ input[type='reset'].button {
 }
 .button > i + span,
 .button > span + span,
-.button > span + i,
-.button > i + i {
+.button > span ~ i {
   margin-right: 4px;
 }
 .subnavbar .button,
 .navbar .button,
 .toolbar .button,
-.searchbar .button,
-.appbar .button {
+.searchbar .button {
   color: var(--f7-button-text-color, var(--f7-theme-color));
 }
 .button-round,
 .ios .button-round-ios,
-.md .button-round-md,
-.aurora .button-round-aurora {
+.md .button-round-md {
   --f7-button-border-radius: var(--f7-button-height);
 }
 .button-fill,
 .ios .button-fill-ios,
 .md .button-fill-md,
-.aurora .button-fill-aurora,
 .button-active,
 .button.tab-link-active {
   --f7-button-bg-color: var(--f7-button-fill-bg-color, var(--f7-theme-color));
   --f7-button-text-color: var(--f7-button-fill-text-color, #fff);
   --f7-touch-ripple-color: var(--f7-touch-ripple-white);
 }
+.ios .color-white .button-fill,
+.ios .color-white .ios .button-fill-ios,
+.ios .color-white .md .button-fill-md,
+.ios .color-white .button-active,
+.ios .color-white .button.tab-link-active,
+.ios .button-fill.color-white,
+.ios .ios .button-fill-ios.color-white,
+.ios .md .button-fill-md.color-white,
+.ios .button-active.color-white,
+.ios .button.tab-link-active.color-white {
+  --f7-button-text-color: #000;
+}
 .button-fill,
 .ios .button-fill-ios,
-.md .button-fill-md,
-.aurora .button-fill-aurora {
+.md .button-fill-md {
   --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color);
 }
 .button-active,
@@ -5455,15 +4726,20 @@ input[type='reset'].button {
 }
 .button-outline,
 .ios .button-outline-ios,
-.md .button-outline-md,
-.aurora .button-outline-aurora {
+.md .button-outline-md {
   --f7-button-border-color: var(--f7-button-outline-border-color, var(--f7-theme-color));
   --f7-button-border-width: var(--f7-button-outline-border-width);
 }
+.button-tonal,
+.ios .button-tonal-ios,
+.md .button-tonal-md {
+  --f7-button-bg-color: var(--f7-button-tonal-bg-color);
+  --f7-button-text-color: var(--f7-button-tonal-text-color);
+  --f7-button-pressed-bg-color: var(--f7-button-tonal-pressed-bg-color);
+}
 .button-large,
 .ios .button-large-ios,
-.md .button-large-md,
-.aurora .button-large-aurora {
+.md .button-large-md {
   --f7-button-height: var(--f7-button-large-height);
   --f7-button-font-size: var(--f7-button-large-font-size);
   --f7-button-font-weight: var(--f7-button-large-font-weight);
@@ -5471,8 +4747,7 @@ input[type='reset'].button {
 }
 .button-small,
 .ios .button-small-ios,
-.md .button-small-md,
-.aurora .button-small-aurora {
+.md .button-small-md {
   --f7-button-outline-border-width: var(--f7-button-small-outline-border-width);
   --f7-button-height: var(--f7-button-small-height);
   --f7-button-font-size: var(--f7-button-small-font-size);
@@ -5524,32 +4799,27 @@ input[type='reset'].button {
 }
 .segmented-raised,
 .ios .segmented-raised-ios,
-.md .segmented-raised-md,
-.aurora .segmented-raised-aurora {
+.md .segmented-raised-md {
   box-shadow: var(--f7-button-raised-box-shadow);
 }
 .segmented-raised .button:not(.button-outline),
 .ios .segmented-raised-ios .button:not(.button-outline),
-.md .segmented-raised-md .button:not(.button-outline),
-.aurora .segmented-raised-aurora .button:not(.button-outline) {
+.md .segmented-raised-md .button:not(.button-outline) {
   border-right: 1px solid var(--f7-segmented-raised-divider-color);
 }
 .button-raised,
 .ios .button-raised-ios,
-.md .button-raised-md,
-.aurora .button-raised-aurora {
+.md .button-raised-md {
   --f7-button-box-shadow: var(--f7-button-raised-box-shadow);
 }
 .button-raised.active-state,
 .ios .button-raised-ios.active-state,
-.md .button-raised-md.active-state,
-.aurora .button-raised-aurora.active-state {
+.md .button-raised-md.active-state {
   --f7-button-box-shadow: var(--f7-button-raised-pressed-box-shadow);
 }
 .segmented-strong,
 .ios .segmented-strong-ios,
-.md .segmented-strong-md,
-.aurora .segmented-strong-aurora {
+.md .segmented-strong-md {
   --f7-button-bg-color: transparent;
   --f7-button-hover-bg-color: var(--f7-segmented-strong-button-hover-bg-color);
   --f7-button-text-color: var(--f7-segmented-strong-button-text-color);
@@ -5565,39 +4835,32 @@ input[type='reset'].button {
 }
 .segmented-strong .button,
 .ios .segmented-strong-ios .button,
-.md .segmented-strong-md .button,
-.aurora .segmented-strong-aurora .button {
+.md .segmented-strong-md .button {
   z-index: 1;
   transform: translate3d(0, 0, 0);
 }
 .segmented-strong .button,
 .ios .segmented-strong-ios .button,
 .md .segmented-strong-md .button,
-.aurora .segmented-strong-aurora .button,
 .segmented-strong .button:first-child,
 .ios .segmented-strong-ios .button:first-child,
 .md .segmented-strong-md .button:first-child,
-.aurora .segmented-strong-aurora .button:first-child,
 .segmented-strong .button:last-child,
 .ios .segmented-strong-ios .button:last-child,
-.md .segmented-strong-md .button:last-child,
-.aurora .segmented-strong-aurora .button:last-child {
+.md .segmented-strong-md .button:last-child {
   border-radius: var(--f7-button-border-radius);
 }
 .segmented-strong .button + .button,
 .ios .segmented-strong-ios .button + .button,
-.md .segmented-strong-md .button + .button,
-.aurora .segmented-strong-aurora .button + .button {
+.md .segmented-strong-md .button + .button {
   margin-right: var(--f7-segmented-strong-between-buttons);
 }
 .segmented-strong .button.button-active,
 .ios .segmented-strong-ios .button.button-active,
 .md .segmented-strong-md .button.button-active,
-.aurora .segmented-strong-aurora .button.button-active,
 .segmented-strong .button.tab-link-active,
 .ios .segmented-strong-ios .button.tab-link-active,
-.md .segmented-strong-md .button.tab-link-active,
-.aurora .segmented-strong-aurora .button.tab-link-active {
+.md .segmented-strong-md .button.tab-link-active {
   --f7-button-hover-bg-color: transparent;
   --f7-button-bg-color: transparent;
   --f7-button-text-color: var(--f7-segmented-strong-button-active-text-color);
@@ -5605,8 +4868,7 @@ input[type='reset'].button {
 }
 .segmented-strong .segmented-highlight,
 .ios .segmented-strong-ios .segmented-highlight,
-.md .segmented-strong-md .segmented-highlight,
-.aurora .segmented-strong-aurora .segmented-highlight {
+.md .segmented-strong-md .segmented-highlight {
   --f7-segmented-highlight-num: 1;
   --f7-segmented-highlight-active: 0;
   --f7-segmented-highlight-padding: calc(var(--f7-segmented-strong-padding) * 2);
@@ -5689,14 +4951,12 @@ input[type='reset'].button {
 }
 .segmented-round,
 .ios .segmented-round-ios,
-.md .segmented-round-md,
-.aurora .segmented-round-aurora {
+.md .segmented-round-md {
   border-radius: var(--f7-button-height);
 }
 .segmented-round .segmented-highlight,
 .ios .segmented-round-ios .segmented-highlight,
-.md .segmented-round-md .segmented-highlight,
-.aurora .segmented-round-aurora .segmented-highlight {
+.md .segmented-round-md .segmented-highlight {
   border-radius: var(--f7-button-height);
 }
 .subnavbar .segmented {
@@ -5758,23 +5018,6 @@ input[type='reset'].button {
 .md .button-fill-md {
   --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade));
 }
-.aurora .button {
-  transition-duration: 100ms;
-  transform: translate3d(0, 0, 0);
-}
-.aurora.device-desktop .button:not(.active-state):not(.no-hover):hover {
-  background-color: var(--f7-button-hover-bg-color, rgba(var(--f7-theme-color-rgb), 0.07));
-}
-.aurora .button-fill,
-.aurora .button-fill-aurora {
-  --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade));
-}
-.aurora .button-fill,
-.aurora .button-active,
-.aurora .button.tab-link-active,
-.aurora .button-fill-aurora {
-  --f7-button-hover-bg-color: var(--f7-button-fill-hover-bg-color, var(--f7-theme-color-tint));
-}
 /* === Touch Ripple === */
 :root {
   --f7-touch-ripple-black: rgba(0, 0, 0, 0.1);
@@ -5818,8 +5061,7 @@ input[type='reset'].button {
   animation: touch-ripple-out 300ms forwards;
 }
 .button-fill .ripple-wave,
-.picker-calendar-day .ripple-wave,
-.menu .ripple-wave {
+.picker-calendar-day .ripple-wave {
   z-index: 1;
 }
 .checkbox .ripple-wave,
@@ -5938,36 +5180,6 @@ i.icon {
 .md .icon-prev:after {
   content: 'chevron_right_md';
 }
-.aurora .f7-icons,
-.aurora .material-icons {
-  font-size: 24px;
-}
-.aurora .icon-back,
-.aurora .icon-prev,
-.aurora .icon-forward,
-.aurora .icon-next {
-  width: 12px;
-  height: 20px;
-  line-height: 20px;
-}
-.aurora .icon-back:after,
-.aurora .icon-prev:after,
-.aurora .icon-forward:after,
-.aurora .icon-next:after {
-  line-height: inherit;
-}
-.aurora .icon-prev:after,
-.aurora .icon-next:after {
-  font-size: 16px;
-}
-.aurora .icon-back:after,
-.aurora .icon-prev:after {
-  content: 'chevron_right_ios';
-}
-.aurora .icon-forward:after,
-.aurora .icon-next:after {
-  content: 'chevron_left_ios';
-}
 .custom-modal-backdrop {
   z-index: 10500;
 }