#bottom-navbar{--backdrop-blur:blur(12px);--li-width:7rem;--li-height:var(--spacing-48);z-index:9999;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:var(--radius-rounded);background-color:#e6e6e699;padding:4px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}#bottom-navbar ul{align-items:center;width:100%;margin:0;padding:0;list-style:none;display:flex;position:relative}#bottom-navbar ul:before{content:"";transform:translateX(var(--bg-x-position,0%));width:var(--li-width);height:var(--li-height);border-radius:var(--radius-rounded);transition:transform var(--transition-expressive-slow-spatial,.3s ease);z-index:1;background:#fff;position:absolute;top:0;left:0}#bottom-navbar ul li{width:var(--li-width);height:var(--li-height);border-radius:var(--radius-rounded);justify-content:center;align-items:center;display:inline-flex;position:relative}#bottom-navbar ul li a{z-index:2;color:var(--secondary-text-color);font:var(--font-body-lg);font-weight:600;text-decoration:none;transition:color .2s;position:relative}