.bottom-nav{position:fixed;z-index:45;bottom:0;left:0;right:0;display:grid!important;grid-template-columns:repeat(5,1fr);height:58px;padding:3px 4px 2px;border-top:1px solid #eee;background:rgba(255,255,255,.98);box-shadow:0 -1px 0 rgba(0,0,0,.04)}
.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;border:0;background:none;color:#707070;text-decoration:none;font:500 10px/1.2 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
.bottom-nav svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bottom-nav a.active{color:#1d1d1d}
.bottom-nav a.active .home-fill,.bottom-nav a.active .profile-fill{fill:currentColor;stroke:currentColor}
@media(min-width:801px){.bottom-nav{left:50%;width:min(650px,100%);transform:translateX(-50%)}
}

.bottom-nav{border-top-color:#eadcc8;background:rgba(255,250,240,.98);box-shadow:0 -1px 0 rgba(44,23,16,.06)}
.bottom-nav a.active{color:#c1121f}