:root{--border-color:var(--secondary-400)}@media (prefers-color-scheme:dark){:root{--border-color:var(--secondary)}}.nav-wrap{margin:0 auto;position:relative}.nav-wrap:has(.nav-link:hover) .bubble.hover{border-width:2px;border-color:var(--border-color);border-radius:var(--radius);border-style:var(--tw-border-style);opacity:1;transition:top .2s,right .2s,bottom .2s,left .2s,opacity .1s}.nav-wrap:has(.nav-link.active) .bubble.active{border-width:2px}.nav-link{z-index:10;padding:1rem;text-decoration:none;display:inline-block;position:relative}.nav-link:before{content:"";opacity:.2;display:block;position:absolute;inset:0}.nav-link.active{anchor-name:--active}.nav-link:hover:before{anchor-name:--nav}.bubble{top:anchor(top);right:anchor(right);bottom:anchor(bottom);left:anchor(left);transition:top .2s,right .2s,bottom .2s,left .2s;position:absolute}.bubble.active{color:var(--background);position-anchor:--active;z-index:2;border-width:0;border-color:var(--border-color);border-radius:var(--radius);border-style:var(--tw-border-style)}.bubble.hover{z-index:1;position-anchor:--nav;opacity:0;border-width:0;border-color:#0000}
/*# sourceMappingURL=5fdeca417b8c85fe.css.map*/