@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.bottom-nav-visible{animation:slideUp .3s ease forwards}.bottom-nav-hidden{animation:slideDown .3s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.menu-item{opacity:0;animation:fadeIn .3s ease forwards}.menu-item:first-child{animation-delay:.05s}.menu-item:nth-child(2){animation-delay:.1s}.menu-item:nth-child(3){animation-delay:.15s}.menu-item:nth-child(4){animation-delay:.2s}.menu-item:nth-child(5){animation-delay:.25s}.nav-tab{position:relative}.nav-tab.active:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background-color:#3b82f6}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-navbar{padding-bottom:env(safe-area-inset-bottom)}}.dark .bottom-navbar{background-color:#242425;border-color:#1f2937}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#fff 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity .5s}.ripple:active:after{transform:scale(0);opacity:.3;transition:0s}.dark .ripple:after{background-image:radial-gradient(circle,#374151 10%,transparent 10.01%)}