: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)}@media (prefers-reduced-motion:reduce){.nav-float-mark{transition-duration:1ms}}