.bottom-nav{--bottom-nav-bg-color:var(--theme-brand-02);--bottom-nav-link-color:color-mix(in srgb,var(--color-white) 60%,transparent);--bottom-nav-link-active-color:var(--color-white);--bottom-nav-link-active-bg-color:var(--theme-brand-02);--bottom-nav-link-active-border-color:transparent;--bottom-nav-height:56px;--bottom-nav-link-border-width:2px;--bottom-nav-link-badge-position:2px;--bottom-nav-link-font-size:.625rem;--bottom-nav-link-text-transform:none;--bottom-nav-spacer-s:var(--site-spacer-s);--bottom-nav-spacer-xs:var(--site-spacer-xs)}.bottom-nav-shown{--bottom-nav-height:56px}.bottom-nav-shown body{padding-bottom:var(--bottom-nav-height)}.bottom-nav{background:var(--bottom-nav-bg-color);box-sizing:border-box;color:var(--bottom-nav-link-color);display:grid!important;grid-template-columns:repeat(auto-fit,minmax(10px,1fr));height:var(--bottom-nav-height);min-height:0}.bottom-nav .menu-item .bottom-nav-link{align-items:center;border-bottom:var(--bottom-nav-link-border-width) solid transparent;color:var(--bottom-nav-link-color);display:flex;flex-direction:column;font-size:var(--bottom-nav-link-font-size);height:100%;justify-content:center;padding-top:var(--bottom-nav-link-border-width);position:relative;text-align:center;--vn-menu-item-text-transform:var(--bottom-nav-link-text-transform);text-transform:var(--vn-menu-item-text-transform)}.bottom-nav .menu-item .bottom-nav-link:focus,.bottom-nav .menu-item .bottom-nav-link:hover,.bottom-nav .menu-item .bottom-nav-link:visited{color:inherit;text-decoration:none}.bottom-nav .menu-item .bottom-nav-link.active{background:var(--bottom-nav-link-active-bg-color);border-bottom:var(--bottom-nav-link-border-width) solid var(--bottom-nav-link-active-border-color);color:var(--bottom-nav-link-active-color)}.bottom-nav .menu-item .bottom-nav-link .ui-icon{font-size:24px;height:auto;margin-top:calc(var(--bottom-nav-spacer-s)*-1);padding:var(--bottom-nav-spacer-s) var(--bottom-nav-spacer-s) var(--bottom-nav-spacer-xs) var(--bottom-nav-spacer-s);width:40px}.bottom-nav .menu-item .bottom-nav-link .ui-icon .badge{top:var(--bottom-nav-link-badge-position)}.bottom-nav .menu-item-txt{line-height:1}.bottom-nav .text-truncate,.bottom-nav vn-menu-item-text-content{width:100%}