:root{--nav-ease:cubic-bezier(0.22,1,0.36,1)}.nav-float{--cut:10px;isolation:isolate}.nav-float:after,.nav-float:before{content:"";position:absolute;z-index:-1;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));transition:background-color .5s var(--nav-ease)}.nav-float:before{inset:0;background:rgb(51 51 51/.8)}.nav-float:after{inset:1px;background:rgb(0 0 0/.6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-float[data-scrolled]:before{background:rgb(177 255 122/.35)}.nav-float[data-scrolled]:after{background:rgb(0 0 0/.9)}.nav-float-mark{box-shadow:0 0 8px rgb(177 255 122/.8);transition:transform .5s var(--nav-ease),opacity .3s var(--nav-ease)}.nav-menu{opacity:0;pointer-events:none;transform:translate(-50%,-6px);transition:opacity .3s var(--nav-ease),transform .5s var(--nav-ease)}.nav-item:focus-within .nav-menu,.nav-item:hover .nav-menu{opacity:1;pointer-events:auto;transform:translate(-50%)}.nav-caret{transition:transform .5s var(--nav-ease)}.nav-item:focus-within .nav-caret,.nav-item:hover .nav-caret{transform:rotate(180deg)}.nav-menu-panel{display:block;background:rgb(0 0 0/.92);border:1px solid rgb(177 255 122/.35);box-shadow:0 20px 50px rgb(0 0 0/.6),0 0 24px rgb(177 255 122/.08);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}@media (prefers-reduced-motion:reduce){.nav-caret,.nav-float-mark,.nav-menu{transition-duration:1ms}}