.nav-wrap{--h:3.375rem;--r:1.6875rem;--toggle-h:2.7rem;--menu-indent:2.7rem;--menu-label-indent:.68rem}.nav-root{isolation:auto}.nav-shell{z-index:2;height:var(--h);padding-left:calc(var(--r)*.9);padding-right:calc((var(--h) - var(--toggle-h))/2);border-radius:var(--r);-webkit-backdrop-filter:blur(9.6px);backdrop-filter:blur(9.6px);-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000);background-color:rgba(224,236,253,.92);border:1px solid rgba(148,191,233,.45);justify-content:space-between;align-items:center;gap:max(.68rem,min(1.9vw,1.22rem));transition:border-radius .28s cubic-bezier(.37,0,.63,1),border-color .28s cubic-bezier(.37,0,.63,1),box-shadow .28s cubic-bezier(.37,0,.63,1);display:flex;position:relative;overflow:clip;box-shadow:inset 0 0 rgba(148,191,233,.45);-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.nav-root.is-open .nav-shell{border-color:rgba(148,191,233,.55) rgba(148,191,233,.55) transparent;border-bottom-right-radius:0;border-bottom-left-radius:0;box-shadow:inset 0 -1px rgba(148,191,233,.45)}.nav-toggle{height:var(--toggle-h);color:#0f76e2;background:rgba(203,224,249,.92);border-radius:9999px;justify-content:center;align-items:center;padding:0 1.1rem;transition:background-color .22s;display:inline-flex}.nav-toggle:hover{background:rgba(15,118,226,.12)}.nav-toggle:focus-visible{background:rgba(15,118,226,.12)}.nav-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(15,118,226,.4)}.nav-toggle-bars{width:1.5rem;height:1.2rem;display:inline-block;position:relative}.nav-toggle-bars span{background:currentColor;border-radius:9999px;width:100%;height:3px;transition:transform .28s cubic-bezier(.37,0,.63,1),top .28s cubic-bezier(.37,0,.63,1),opacity .2s;position:absolute;left:0}.nav-toggle-bars span:first-child{top:0}.nav-toggle-bars span:nth-child(2){top:50%;transform:translateY(-50%)}.nav-toggle-bars span:nth-child(3){top:calc(100% - 3px)}.nav-toggle.open .nav-toggle-bars span:first-child{top:50%;transform:translateY(-50%)rotate(45deg)}.nav-toggle.open .nav-toggle-bars span:nth-child(2){opacity:0;transform:translateY(-50%)scaleX(.4)}.nav-toggle.open .nav-toggle-bars span:nth-child(3){top:50%;transform:translateY(-50%)rotate(-45deg)}.nav-panel{z-index:1;left:0;right:0;top:calc(var(--h) - 1px);border-bottom-left-radius:var(--r);border-bottom-right-radius:var(--r);opacity:0;pointer-events:none;will-change:max-height,opacity;background-color:transparent;border:1px solid transparent;border-top:0;max-height:0;margin-top:-1px;transition:max-height .34s cubic-bezier(.37,0,.63,1),opacity .24s;position:absolute;overflow:hidden}.nav-root.is-open .nav-panel{max-height:var(--panel-max,18rem);opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(9.6px);backdrop-filter:blur(9.6px);background-color:rgba(224,236,253,.92);border-color:rgba(148,191,233,.45)}@supports ((-webkit-backdrop-filter:blur(0)) or (backdrop-filter:blur(0))){.nav-shell,.nav-root.is-open .nav-panel{background-color:rgba(224,239,255,.72)}}.nav-list{padding:clamp(.24rem,.61vw,.38rem)calc((var(--h)-var(--toggle-h))/2)clamp(.24rem,.61vw,.38rem)calc(var(--r)*.9 + var(--menu-indent,.68rem));flex-direction:column;gap:max(.16rem,min(.47vw,.34rem));display:flex}.nav-item{color:rgba(51,65,85,.92);padding:.43rem .82rem;padding-left:calc(.81rem + var(--menu-label-indent,.68rem));border-radius:1rem;align-items:center;gap:.68rem;text-decoration:none;transition:color .18s;display:flex}.nav-item .label{color:rgba(51,65,85,.58)}.nav-item.active .label{color:var(--color-text-active)}.nav-item .icon{color:rgba(71,85,105,.7);width:1.5rem;height:1.5rem}.nav-item:not(.active):hover{color:var(--color-text-accent);background:0 0}.nav-item:not(.active):focus-visible{color:var(--color-text-accent);background:0 0}.nav-item:not(.active):hover .label{color:var(--color-text-accent)}.nav-item:not(.active):focus-visible .label{color:var(--color-text-accent)}.nav-item:not(.active):hover .icon{color:var(--color-text-accent)}.nav-item:not(.active):focus-visible .icon{color:var(--color-text-accent)}.nav-item.active,.nav-item.active .icon{color:var(--color-text-active)}@media (min-width:768px){.nav-toggle{display:none!important}}