.nav{justify-content:center;align-items:center;padding:.25rem;display:flex;position:relative}.nav__icon{display:none}@media (max-width:778px){.nav__icon{display:block}}.nav__list{justify-content:space-between;align-items:center;gap:.25rem;height:100%;display:flex}.nav__list .nav__item{display:flex}.nav__list .nav__item .nav__link{color:var(--gray-500);justify-content:center;align-items:center;padding:clamp(.25rem,1vw,.5rem);font-size:clamp(.75rem,2vw,1rem);display:flex}@media (max-width:778px){.nav__list .nav__item .nav__link{flex-direction:column;width:80px;display:flex}}.nav__list .nav__item .nav__link .nav__link__inner{height:1.25em;display:inline-block;overflow:hidden}.nav__list .nav__item .nav__link .nav__link__inner .nav__link__slide{will-change:transform;color:inherit;flex-direction:column;transition:transform .3s,color .3s;display:flex;transform:translateY(0)}.nav__list .nav__item .nav__link:hover .nav__link__slide{transform:translateY(-52%)}@media (min-width:778px){.nav__list .nav__item .nav__link:hover .nav__link__slide{color:var(--gray-900)}}.nav__list .nav__item .nav__link .nav__link__text{white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;height:1.25em;padding:.5rem .75rem;font-weight:600;display:flex}.nav__list .nav__item .nav__link.active{color:var(--gray-900);font-weight:700}@media (max-width:778px){.nav__list .nav__item .nav__link.active{background-color:var(--gray-100);border-radius:2rem}}