.MYUI-Tabbar {
  z-index: 98;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: var(--tabbar_item_height);
  background: rgba(var(--background_primary));
  justify-content: center;
  align-items: center;
  display: inline-flex;
  border-radius: 0px;
  color: var(--text_secondary);
  overflow: hidden;

  padding-bottom: var(--safe-area-inset-bottom);
}

@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .MYUI-Tabbar--background {
    background: rgba(var(--background_primary), 0.73333);

    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }
}