.mobile-nav-bar-by-uchit {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    display: flex;
    justify-content: center;
    background-color: var(--mnabu-bg, #ffffff);
    padding: var(--mnabu-padding-block, 8px) var(--mnabu-padding-inline, 16px);
}

.mobile-nav-bar-by-uchit__inner {
    display: flex;
    width: 100%;
    gap: var(--mnabu-gap, 8px);
    max-width: 960px;
}

.mobile-nav-bar-by-uchit__item {
    flex: 1 1 0;
    min-width: 0;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: var(--mnabu-radius, 16px);
    padding: var(--mnabu-item-padding-block, 8px) var(--mnabu-item-padding-inline, 12px);
    color: var(--mnabu-color, #1f2937);
    background-color: var(--mnabu-item-bg, transparent);
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.mobile-nav-bar-by-uchit__item .mobile-nav-bar-by-uchit__icon {
    font-size: var(--mnabu-icon-size, 20px);
    line-height: 1;
    display: inline-flex;
    color: inherit;
    margin-bottom: var(--mnabu-icon-spacing, 4px);
}

.mobile-nav-bar-by-uchit__item .mobile-nav-bar-by-uchit__icon svg,
.mobile-nav-bar-by-uchit__item .mobile-nav-bar-by-uchit__icon i {
    width: 1em;
    height: 1em;
    line-height: 1;
}

.mobile-nav-bar-by-uchit__item .mobile-nav-bar-by-uchit__icon svg {
    fill: currentColor;
    stroke: currentColor;
}

.mobile-nav-bar-by-uchit__item .mobile-nav-bar-by-uchit__icon svg * {
    fill: currentColor;
    stroke: currentColor;
}

.mobile-nav-bar-by-uchit__item .mobile-nav-bar-by-uchit__label {
    font-size: var(--mnabu-label-size, 12px);
    font-weight: 500;
}

.mobile-nav-bar-by-uchit__item:hover,
.mobile-nav-bar-by-uchit__item:focus {
    outline: none;
    background-color: var(--mnabu-hover-bg, rgba(99, 102, 241, 0.12));
    color: var(--mnabu-hover-color, #111827);
}

.mobile-nav-bar-by-uchit__item.is-active {
    background-color: var(--mnabu-active-bg, rgba(59, 130, 246, 0.16));
    color: var(--mnabu-active-color, #1d4ed8);
}

.mobile-nav-bar-by-uchit__item.is-active .mobile-nav-bar-by-uchit__icon {
    color: inherit;
}

.mobile-nav-bar-by-uchit__item:hover .mobile-nav-bar-by-uchit__icon,
.mobile-nav-bar-by-uchit__item:focus .mobile-nav-bar-by-uchit__icon {
    color: inherit;
}

.mobile-nav-bar-by-uchit[data-hidden="true"] {
    display: none !important;
}