.navPanel{position:relative}.navPanel:before,.navPanel:after{content:"";width:50%;-webkit-mask:conic-gradient(#000 0 0) content-box, conic-gradient(#000 0 0);mask:conic-gradient(#000 0 0) content-box, conic-gradient(#000 0 0);pointer-events:none;border-radius:28px;padding:1px;position:absolute;inset:0;-webkit-mask-composite:xor;mask-composite:exclude}.navPanel:before{background:linear-gradient(165deg, color-mix(in srgb, var(--ink) 55%, transparent) 0.05%, transparent 30%);left:0}.navPanel:after{background:linear-gradient(165deg, transparent 70%, color-mix(in srgb, var(--ink) 55%, transparent) 99.95%);left:auto;right:0}@media (max-width:639px){.navPanel:before,.navPanel:after{border-radius:18px}}.arch>svg:first-child{animation:1.4s cubic-bezier(.23,1,.32,1) both arch-rise}@keyframes arch-rise{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.arch>svg:first-child{animation:none}}