#miigo-v4-tabbar.miigo-main-bottom-nav-ready {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(var(--miigo-main-nav-height, 47px) + env(safe-area-inset-bottom));
  padding-bottom: env(safe-area-inset-bottom);
  background: var(--miigo-main-nav-bg, #FFFFFF);
  border-top: 1px solid var(--miigo-main-nav-shadow, #E5E7EB);
  display: flex;
  align-items: center;
  justify-content: space-around;
  z-index: 999;
  box-sizing: border-box;
}

#miigo-v4-tabbar.miigo-main-bottom-nav-ready .miigo-main-bottom-nav-item {
  flex: 1;
  height: var(--miigo-main-nav-height, 47px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1px;
  text-decoration: none;
  color: var(--miigo-main-nav-text, #6B7280);
  font-size: var(--miigo-main-nav-text-size, 11px);
  line-height: 1.1;
  -webkit-tap-highlight-color: transparent;
}

#miigo-v4-tabbar.miigo-main-bottom-nav-ready .miigo-main-bottom-nav-item.is-active {
  color: var(--miigo-main-nav-active, #111827);
}

#miigo-v4-tabbar.miigo-main-bottom-nav-ready .miigo-main-bottom-nav-icon {
  width: var(--miigo-main-nav-icon-size, 32px);
  height: var(--miigo-main-nav-icon-size, 32px);
  object-fit: contain;
  display: block;
}

#miigo-v4-tabbar.miigo-main-bottom-nav-ready .miigo-main-bottom-nav-item.is-center .miigo-main-bottom-nav-icon {
  width: var(--miigo-main-nav-center-icon-size, 42px);
  height: var(--miigo-main-nav-center-icon-size, 42px);
  margin-top: -8px;
}

#miigo-v4-tabbar.miigo-main-bottom-nav-ready .miigo-main-bottom-nav-text {
  display: block;
  max-width: 72px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body {
  padding-bottom: calc(var(--miigo-main-nav-height, 47px) + env(safe-area-inset-bottom));
}