.navbar-container{padding:1rem 4rem}.navbar-container header .navbar .left-nav-link ul li,.navbar-container header .navbar .right-nav-link ul li{display:flex;justify-content:center;align-items:center;position:relative;width:93px;height:32px;font-family:inter;background:rgba(183,183,183,.08);background:#131313;box-shadow:0 1px 1.84px 0 rgba(0,0,0,.2509803922);backdrop-filter:blur(3.4800000191px);background:#222}.navbar-container header .navbar .left-nav-link ul li:before,.navbar-container header .navbar .right-nav-link ul li:before{content:"";position:absolute;bottom:0;left:0;width:10px;height:10px;background:#131313}.navbar-container header .navbar .left-nav-link ul li:after,.navbar-container header .navbar .right-nav-link ul li:after{content:"";position:absolute;top:-10px;right:-10px;width:10px;height:10px;background:var(--primary-color);animation:jumpBack .3s ease-out}.navbar-container header .navbar .left-nav-link ul li:hover,.navbar-container header .navbar .right-nav-link ul li:hover{background:var(--primary-color)}.navbar-container header .navbar .left-nav-link ul li:hover:after,.navbar-container header .navbar .right-nav-link ul li:hover:after{top:0;right:0;animation:jump .3s ease-out}.navbar-container header .navbar .left-nav-link ul li:hover:before,.navbar-container header .navbar .right-nav-link ul li:hover:before{left:83px;bottom:22px}@keyframes jump{0%{top:-10px;right:-10px}70%{top:0;right:0}90%{top:-3px;right:-3px}to{top:0;right:0}}@keyframes jumpBack{0%{top:0;right:0}70%{top:-10px;right:-10px}95%{top:-7px;right:-7px}to{top:-10px;right:-10px}}@media(max-width:768px){.navbar-container{padding:1rem;z-index:999999}.navbar-container .navbar{position:relative;z-index:9999}.navbar-container .navbar .open-menu{position:fixed;z-index:999;top:0;right:-100%;width:100%;height:100vh;background:rgba(15,12,14,.0901960784);backdrop-filter:blur(5px);transition:left .5s ease-in-out}.navbar-container .navbar .open-menu .close-menu-btn{position:absolute;top:30px;right:30px;background:hsla(0,0%,100%,.1);border:none;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1000;transition:all .3s ease}.navbar-container .navbar .open-menu .close-menu-btn:hover{background:hsla(0,0%,100%,.2);transform:rotate(90deg)}.navbar-container .navbar .open-menu .close-menu-btn .close-icon{position:relative;width:20px;height:20px}.navbar-container .navbar .open-menu .close-menu-btn .close-icon span{position:absolute;width:100%;height:2px;background-color:#fff;border-radius:1px;top:50%;left:0}.navbar-container .navbar .open-menu .close-menu-btn .close-icon span:first-child{transform:translateY(-50%) rotate(45deg)}.navbar-container .navbar .open-menu .close-menu-btn .close-icon span:last-child{transform:translateY(-50%) rotate(-45deg)}.navbar-container .navbar .open-menu ul{margin-top:0;gap:1rem;display:flex;flex-direction:column;align-items:end;padding-right:5rem}.navbar-container .navbar .open-menu ul li{background:rgba(0,0,0,0);font-size:1.8rem}.navbar-container .navbar .open-menu.show{right:0;top:0;padding-top:90px}}