.mh-tabbar {
  transform: translate3d(0, var(--mh-td-y, 0px), 0) scale(var(--mh-td-s, 1));
  transform-origin: 50% 100%;                                        
  opacity: var(--mh-td-o, 1);
  transition: none !important;
}
                                                              
.mh-tabbar[data-mh-dock-moving="true"] { will-change: transform, opacity; }

                                                                    
.mh-tabbar[data-mh-dock="hidden"] { pointer-events: none; }
                                                        
.mh-tabbar[data-mh-dock="shown"] { pointer-events: auto; }

@media (prefers-reduced-motion: reduce) {
  .mh-tabbar { will-change: auto !important; }
}