.navTopBar{-webkit-user-select:none;user-select:none;z-index:10;justify-content:center;align-items:center;height:100%;display:flex}.navTopBar .logo{float:left;height:100%;color:var(--colorContentPrimary);text-transform:uppercase;letter-spacing:1.5px;padding:0 10px;text-decoration:none;display:flex}.navTopBar .menu{float:right;justify-content:center;align-items:center;height:100%;display:flex}.navTopBar .menu.open .icon{transform:rotate(45deg)}.navTopBar .menu.open .icon:hover span:nth-child(2){width:24px}.navTopBar .menu.open .icon .line1{width:24px;top:50%;right:23px}.navTopBar .menu.open .icon .line2{width:24px;top:50%;right:23px;transform:rotate(90deg)}.navTopBar .menu.open .navBarContainer{display:flex}.navTopBar .menu.open .navBarContainer .item:first-child{animation:.38s cubic-bezier(.175,.885,.32,1.275) .12s forwards riseIn}.navTopBar .menu.open .navBarContainer .item:nth-child(2){animation:.38s cubic-bezier(.175,.885,.32,1.275) .24s forwards riseIn}.navTopBar .menu.open .navBarContainer .item:nth-child(3){animation:.38s cubic-bezier(.175,.885,.32,1.275) .36s forwards riseIn}@keyframes riseIn{to{opacity:1;transform:translateY(0)}}.navTopBar .menu .icon{width:var(--navHeight);height:var(--navHeight);cursor:pointer;justify-content:center;display:none;position:absolute;top:0;right:0}.navTopBar .menu .icon,.navTopBar .menu .icon>*{transition:all .3s ease-in-out}@media (hover:hover){.navTopBar .menu .icon:hover .line2{width:25px}}.navTopBar .menu .icon span{height:2px;display:block;position:absolute;right:18px}.navTopBar .menu .icon span.line1{width:35px;top:38%}.navTopBar .menu .icon span.line2{width:17.5px;top:52%}.navTopBar .menu .navBarContainer{height:100%;display:flex}.navTopBar .menu .navBarContainer .item{cursor:pointer;justify-content:center;align-items:center;height:100%;padding:0 20px;text-decoration:none;display:flex;position:relative}@media (hover:hover){.navTopBar .menu .navBarContainer .item:hover span{width:20%;transition:width 50ms ease-out}}.navTopBar .menu .navBarContainer .item.active span{width:90%;transition:width .2s cubic-bezier(.175,.885,.32,1.275)}.navTopBar .menu .navBarContainer .item span{border-bottom:2px solid hsl(var(--colorBrandPrimary));width:0;height:5px;transition:width .1s ease-in;position:absolute;transform:translateY(18px)}.navTopBar .menu .navBarContainer .item p{font-variation-settings:"wdth" 75,"wght" 500;text-align:center;text-transform:uppercase;letter-spacing:1.5px;margin:5px 0 0;font-size:12px;transition:all .2s ease-out}@media (max-width:750px){.navTopBar .menu .navBarContainer .item p{font-size:10px}}