:root {
    --accent-base: #A0AA96;
    --accent-surface: #ECEEEA;
    --accent-surface-subtle: #F6F7F5;
}

.bg-accent-base {
    background-color: var(--accent-base) !important;
}

.bg-accent-surface {
    background-color: var(--accent-surface) !important;
}

.bg-accent-surface-subtle {
    background-color: var(--accent-surface-subtle) !important;
}

.color-accent-base {
    color: var(--accent-base) !important;
}

.color-accent-surface {
    color: var(--accent-surface) !important;
}

.border-accent-base {
    border-color: var(--accent-base) !important;
}

.border-accent-surface {
    border-color: var(--accent-surface) !important;
}

.mobile-bottom-nav__item.is-active > a,
.mobile-bottom-nav__item.is-active .mobile-bottom-nav__label {
    color: var(--accent-base) !important;
    font-weight: 700;
}

.mobile-bottom-nav__item.is-active .mobile-bottom-nav__icon,
.mobile-bottom-nav__center.is-open .mobile-bottom-nav__icon {
    color: var(--accent-base) !important;
}

.mobile-bottom-nav__item.is-active .mobile-bottom-nav__icon--fill path,
.mobile-bottom-nav__center.is-open .mobile-bottom-nav__icon--fill path {
    fill: currentColor !important;
}

.mobile-bottom-nav__item.is-active .mobile-bottom-nav__icon--stroke path,
.mobile-bottom-nav__center.is-open .mobile-bottom-nav__icon--stroke path {
    fill: none !important;
    stroke: currentColor !important;
}

.mobile-bottom-nav__item.is-active .mobile-bottom-nav__icon--search-mark .mobile-bottom-nav__search-lens-fill,
.mobile-bottom-nav__center.is-open .mobile-bottom-nav__icon--search-mark .mobile-bottom-nav__search-lens-fill {
    fill: currentColor !important;
}

.mobile-bottom-nav__item.is-active .mobile-bottom-nav__icon--search-mark .mobile-bottom-nav__search-stroke,
.mobile-bottom-nav__center.is-open .mobile-bottom-nav__icon--search-mark .mobile-bottom-nav__search-stroke {
    fill: none !important;
    stroke: currentColor !important;
}

.mobile-bottom-nav__item.is-active .mobile-bottom-nav__icon--translate-mark .mobile-bottom-nav__translate-detail,
.mobile-bottom-nav__item.is-active .mobile-bottom-nav__icon--translate-mark .mobile-bottom-nav__translate-outline,
.mobile-bottom-nav__center.is-open .mobile-bottom-nav__icon--translate-mark .mobile-bottom-nav__translate-detail,
.mobile-bottom-nav__center.is-open .mobile-bottom-nav__icon--translate-mark .mobile-bottom-nav__translate-outline {
    fill: currentColor !important;
}

.mobile-bottom-nav__center.is-open {
    border-color: var(--accent-base) !important;
}