@layer quartz-base{.nav-bar{z-index:999;background:var(--light);border:1px solid var(--lightgray);border-radius:999px;align-items:center;gap:.25rem;margin:0;padding:.4rem .6rem;list-style:none;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 .5rem 1.5rem #00000026}.nav-bar__item{--bgColorItem:var(--secondary);width:2.6rem;height:2.6rem;color:var(--darkgray);border-radius:999px;justify-content:center;align-items:center;text-decoration:none;transition:color .25s,transform .25s;display:flex;position:relative}.nav-bar__item:hover{transform:translateY(-.15rem)}.nav-bar__item.active{color:var(--bgColorItem)}.nav-bar__icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.3rem;height:1.3rem}.nav-bar__border{background:var(--bgColorItem,var(--secondary));width:2.6rem;height:.2rem;transition:transform var(--timeOut,.35s) cubic-bezier(.65, 0, .35, 1);will-change:transform;border-radius:999px;position:absolute;bottom:-.5rem;left:0}@media (max-width:600px){.nav-bar{padding:.3rem .5rem;bottom:.6rem}.nav-bar__item{width:2.3rem;height:2.3rem}}}