.Navbar{--home-position:0;--about-position:4.5rem;--cv-position:8rem;--projects-position:12.25rem;--mobile-transition:mask-position,filter;--mobile-duration:.6s,.2s;--mobile-mask:linear-gradient(to right,#fff 0%,#fff 34%,#fff0 55%,#fff0 100%)}:is(.Navbar:has(#home.active) .dot-container .dot,.Navbar:has(#home:active) .dot-container .dot){transform:translateX(var(--home-position))}:is(.Navbar:has(#about:active) .dot-container .dot,.Navbar:has(#about.active) .dot-container .dot){transform:translateX(var(--about-position))}:is(.Navbar:has(#cv:active) .dot-container .dot,.Navbar:has(#cv.active) .dot-container .dot){transform:translateX(var(--cv-position))}:is(.Navbar:has(#projects:active) .dot-container .dot,.Navbar:has(#projects.active) .dot-container .dot){transform:translateX(var(--projects-position))}.Navbar:has(#home:focus) .dot-container .dot{transform:translateX(var(--home-position))}.Navbar:has(#about:focus) .dot-container .dot{transform:translateX(var(--about-position))}.Navbar:has(#cv:focus) .dot-container .dot{transform:translateX(var(--cv-position))}.Navbar:has(#projects:focus) .dot-container .dot{transform:translateX(var(--projects-position))}.Navbar:has(#home:hover) .dot-container .dot{transform:translateX(var(--home-position))}.Navbar:has(#about:hover) .dot-container .dot{transform:translateX(var(--about-position))}.Navbar:has(#cv:hover) .dot-container .dot{transform:translateX(var(--cv-position))}.Navbar:has(#projects:hover) .dot-container .dot{transform:translateX(var(--projects-position))}@media (prefers-reduced-motion:reduce){.Navbar:has(a:hover) .dot-container .dot{opacity:.3}}@media (prefers-reduced-motion:no-preference){.Navbar .dot-container .dot{transition:transform .4s cubic-bezier(.85,.13,.53,.755)}}