FIXED: Segmented-buttons sizes fixed, typography is done

src/styles/ripple.css

@@ -3,8 +3,7 @@
   width: 100%;
   height: 100%;
   z-index: 20;
-  pointer-events: none;
-}
+  pointer-events: none; }
 
 .m3.ripple {
   position: absolute;
@@ -15,26 +14,20 @@
   z-index: 20;
   aspect-ratio: 1;
   border-radius: 50%;
+  animation-duration: 0.55s;
+  animation-iteration-count: 1;
   animation-name: rippleAppearanceAnimation;
   animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  animation-duration: 0.55s;
-  transition:
-    opacity,
-    background,
-    background-color,
-    0.55s cubic-bezier(0.4, 0, 0.2, 1);
-}
-.m3.ripple.visible {
-  opacity: 1 !important;
-}
+  transition-duration: 0.55s;
+  transition-property: opacity, background-color;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
+  .m3.ripple.visible {
+    opacity: 1 !important; }
 
 @keyframes rippleAppearanceAnimation {
   0% {
-    transform: scale3d(0, 0, 0);
-  }
+    transform: scale3d(0, 0, 0); }
   100% {
-    transform: scale3d(1, 1, 1);
-  }
-}
+    transform: scale3d(1, 1, 1); } }
 
 /*# sourceMappingURL=ripple.css.map */