.nav{background-color:var(--dark-bg);border:1px solid #26292d;padding:20px 0}.nav-row{-webkit-column-gap:30px;-moz-column-gap:30px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 30px;display:flex}@media (max-width:650px){.nav-row{justify-content:space-between}}.logo{color:var(--text-white);font-size:24px;font-style:normal;font-weight:400;line-height:100%}.nav-list{-webkit-column-gap:40px;-moz-column-gap:40px;flex-wrap:wrap;align-items:center;gap:10px 40px;display:flex}.nav-list__link{color:var(--text-white);font-size:16px;font-style:normal;font-weight:500;line-height:normal}.nav-list__item{transition:opacity .2s}.nav-list__item:hover{opacity:.8}.nav-list__link--active{position:relative}.nav-list__link--active:before{content:"";background-color:var(--accent);width:100%;height:2px;animation:.5s cubic-bezier(.55,.085,.68,.53) reverse both scale-out-hor-left;display:block;position:absolute;top:100%;left:0}@keyframes scale-out-hor-left{0%{transform-origin:0 0;opacity:1;transform:scaleX(1)}to{transform-origin:0 0;opacity:1;transform:scaleX(0)}}