nav ul,.nav ul{display:flex;padding-inline:2rem;-moz-column-gap:2rem;column-gap:2rem;height:100%}nav ul li,.nav ul li{height:100%;display:grid;place-items:center}nav ul li a,.nav ul li a{position:relative;display:flex;align-items:center;-moz-column-gap:8px;column-gap:8px;transition:.35s cubic-bezier(.215,.61,.355,1)}nav ul li a:before,.nav ul li a:before{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background-color:var(--accent);opacity:0;transition:.35s cubic-bezier(.215,.61,.355,1)}nav ul li a.active,.nav ul li a.active{color:var(--accent)!important}nav ul li a.active:before,.nav ul li a.active:before{opacity:1}nav ul li a:hover,.nav ul li a:hover{color:var(--white)}nav .nav-item,.nav .nav-item{padding-inline:2rem;display:flex;height:100%;align-items:center;transition:.35s cubic-bezier(.215,.61,.355,1)}nav a,nav button,.nav a,.nav button{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}@media (hover: hover){nav a.nav-item:hover,nav button.nav-item:hover,.nav a.nav-item:hover,.nav button.nav-item:hover{background-color:hsl(var(--hsl-white)/.03);color:var(--white)}}