.nav{--animation-duration: .4s;z-index:1000;position:fixed;left:0;top:80dvh;width:100%;height:20dvh;background:#000;background:linear-gradient(180deg,#0000,#000000b3);display:flex;padding:3.6dvh 0;align-items:center;justify-content:center}.nav__wrapper{width:auto;padding:.5dvw;height:12dvh;display:flex;min-width:2dvw;border-radius:1dvw;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#4a4a4a90;transition:all 1s ease-in-out}.nav__wrapper__logo{gap:1dvw;display:flex;padding:0 1dvw;align-items:center;border-radius:.75dvw;text-decoration:none;justify-content:center;transition:background-color 1s ease-in-out;background-color:#0a0a0ae6}.nav__wrapper__logo h1{font-size:1.5dvw;color:#fff;font-family:var(--font-trade-winds)}.nav__wrapper__logo__current-route{font-size:1.2dvw;padding-left:1dvw;color:#e1e1e1;border-left:1px solid rgb(33,33,33)}.nav__wrapper__links{display:flex;padding:.5dvw;margin-left:.5dvw;align-items:center;border-radius:.75dvw;justify-content:center;background-color:#3e3e3e;transition:all 1s ease-in-out}.nav__wrapper__links__wrapper{gap:.5dvw;width:100%;height:100%;display:flex;align-items:center}.nav__wrapper__links__wrapper__link{z-index:1;height:100%;display:flex;font-size:1.1dvw;overflow:hidden;position:relative;align-items:center;border-radius:.5dvw;text-decoration:none;justify-content:center;color:#e4e4e4;padding:0 1dvw;border:1px solid rgb(82,82,82);transition:all var(--animation-duration) ease-in-out}.nav__wrapper__links__wrapper__link .staggered-text{transition:all var(--animation-duration) ease-in-out}.nav__wrapper__links__wrapper__link .staggered-text span{position:relative;display:inline-block;transform:translateY(0);transition:all var(--animation-duration) ease-in-out;transition-delay:calc(25ms * var(--i))}.nav__wrapper__links__wrapper__link .staggered-text span:before{position:absolute;font-size:1.1dvw;color:#fff;font-weight:500;top:10dvh;content:attr(data-hover);transform:translateZ(0);white-space:pre}.nav__wrapper__links__wrapper__link:before{content:"";z-index:-1;left:0;top:0;scale:2;right:0;bottom:0;overflow:hidden;position:absolute;border-radius:100%;transition:all var(--animation-duration) ease-in-out;background-color:#181818;transform:translate(-100%,100%)}.nav__wrapper__links__wrapper__link:hover{color:var(--white);border:1px solid #181818}.nav__wrapper__links__wrapper__link:hover .staggered-text span{transform:translateY(-10dvh);transition-delay:calc(25ms * var(--i))}.nav__wrapper__links__wrapper__link:hover:before{top:0;left:0;right:0;bottom:0;transform:translate(0)}.nav__wrapper__links__wrapper__link.active{border-color:#361a46;background-color:#361a46;color:var(--purple-light)}.nav__wrapper__external{gap:.5dvw;display:flex;align-items:center;border-radius:1.25dvw}.nav__wrapper__external a{z-index:1;height:100%;display:flex;padding:0 1dvw;color:#fff;overflow:hidden;font-size:1.25dvw;position:relative;align-items:center;text-decoration:none;border-radius:.75dvw;justify-content:center;transition:all 1s ease-in-out;border:1px solid rgba(24,24,24,.9);background-color:#181818e6}.nav__wrapper__external a.blogs-link{padding:0 1.5dvw}.nav__wrapper__external a:hover{color:#000}.nav__wrapper__external a:before{content:"";position:absolute;left:0;z-index:-1;top:100%;bottom:0;right:100%;background-color:#fff;transition:all .4s ease-in-out;border-radius:100%}.nav__wrapper__external a:hover:before{top:0;right:0;scale:2}@media (max-width: 600px){.nav{top:83dvh}.nav__wrapper{gap:1dvw;padding:1.5dvw;height:12dvh;border-radius:2dvw}.nav__wrapper__logo{padding:0 4dvw;border-radius:2dvw}.nav__wrapper__logo h1{font-size:5dvw}.nav__wrapper__links__wrapper{gap:1dvw;padding:1dvw;border-radius:2dvw}.nav__wrapper__links__wrapper__link{font-size:5dvw;padding:0 3dvw;border-radius:2dvw}.nav__wrapper__links__wrapper__link .staggered-text span:before{position:absolute;font-size:5dvw}.nav__wrapper__external{display:none}}