nav.bottom-navigation{position:fixed;bottom:0;left:0;right:0;z-index:100;background-color:var(--oui-white-100);box-shadow:0 -4px 24px 0 rgba(0,0,0,.16);height:var(--bottom-navbar-height);display:flex;justify-content:space-around;align-items:center;padding-inline:24px;transition:transform .3s ease-in-out}@media(min-width:900px){nav.bottom-navigation{display:none}}nav.bottom-navigation.bottom-navigation-hidden{transform:translateY(100%)}nav.bottom-navigation .navigation-item{display:flex;justify-content:center;align-items:center;flex-direction:column;color:#8a8a8a;min-width:64px;margin-top:2px;gap:2px}nav.bottom-navigation .navigation-item.oui-button.oui-button--medium{min-height:calc(var(--oui-scale-11) - 2px)}nav.bottom-navigation .navigation-item.active{color:var(--oui-orange-100)}nav.bottom-navigation .navigation-item.active:before{content:"";top:0;position:absolute;border-radius:0 0 5px 5px;background:linear-gradient(90deg,#ff970a,#ffc16c);width:38px;height:4px}