nav.navbar{background:#ffffff80;border:1px solid #edeaea;border-radius:20px;padding:6px}nav.navbar>div{position:relative}nav.navbar>div .container{display:flex;gap:10px;position:relative}nav.navbar>div .container a,nav.navbar>div .container button{align-items:center;border-radius:16px;cursor:pointer;display:flex;gap:8px;padding:10px;transition:.4s}nav.navbar>div .container a svg,nav.navbar>div .container button svg{font-size:18px}nav.navbar>div .container a span,nav.navbar>div .container button span{overflow:hidden;transition:inherit}@media only screen and (max-width:768px){nav.navbar>div .container a,nav.navbar>div .container button{gap:0}nav.navbar>div .container a.router-link-exact-active,nav.navbar>div .container a[data-active],nav.navbar>div .container button.router-link-exact-active,nav.navbar>div .container button[data-active]{background:#fff;box-shadow:0 0 15px #0263;gap:8px}nav.navbar>div .container a.router-link-exact-active span,nav.navbar>div .container a[data-active] span,nav.navbar>div .container button.router-link-exact-active span,nav.navbar>div .container button[data-active] span{max-width:120px;opacity:1}nav.navbar>div .container a span,nav.navbar>div .container button span{max-width:0;opacity:0;pointer-events:none}}nav.navbar>div div.highlight{background:#fff;border-radius:16px;box-shadow:0 0 15px #0022661a;height:100%;position:absolute;top:0;transition:.4s;width:100px}@media only screen and (max-width:768px){nav.navbar>div div.highlight{display:none}}