.bottom-bar{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;box-shadow:0 -2px 4px rgba(0,0,0,.1);z-index:99;transition:transform .3s ease-in-out;transform:translateY(0)}.bottom-bar.hidden{transform:translateY(100%)}.bottom-bar.visible{transform:translateY(0)}.bottom-bar-content{padding:10px 10px 24px}ul.menu-list{display:flex;align-items:center;justify-content:space-between;padding:0;margin:0}ul.menu-list .menu-item .menu-link{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;font-size:12px;font-weight:700;gap:4px;padding:0;color:var(--gimmel-darkBlue);background-color:transparent;border:none}ul.menu-list .menu-item .menu-link svg{width:24px;height:24px}ul.menu-list .menu-item .menu-link img{width:24px;height:24px;border-radius:50%;object-fit:cover}ul.menu-list .menu-item .menu-link svg path{fill:var(--gimmel-darkBlue)}ul.menu-list .menu-item .menu-link svg rect{stroke:var(--gimmel-darkBlue)}ul.menu-list .menu-item .menu-link.active{color:var(--gimmel-orange);background:transparent!important}ul.menu-list .menu-item .menu-link.active img{border-radius:50%}ul.menu-list .menu-item .menu-link.active svg path{fill:var(--gimmel-orange)}ul.menu-list .menu-item .menu-link.active svg rect{stroke:var(--gimmel-orange)}.bottom-bar{display:none}@media screen and (min-width:280px) and (max-width:991px){.bottom-bar{display:block}}@media screen and (min-width:768px) and (max-width:991px){ul.menu-list{justify-content:space-around}}