.navigation-menu-demo{box-sizing:border-box;container-type:inline-size;width:100%;min-width:0;min-height:23rem;border:1px solid var(--kappa-line);border-radius:.5rem;background:var(--kappa-base);color:var(--kappa-default);font-family:var(--kappa-font-sans)}.navigation-menu-demo__header{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;min-height:4rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--kappa-line)}.navigation-menu-demo__body{display:flex;flex-direction:column;align-items:start;gap:1rem;padding:2rem 1.5rem}.navigation-menu-demo__body h2{margin:0;font-size:1.5rem;letter-spacing:-.035em;font-weight:550;line-height:1.3}.navigation-menu-demo__body p{margin:0;color:var(--kappa-subtle);font-size:.8125rem;line-height:1.6}.navigation-menu-demo__eyebrow{color:var(--kappa-subtle);font-size:.75rem}.navigation-menu-demo__selection{margin-top:1.25rem;color:var(--kappa-subtle);font-family:var(--kappa-font-mono);font-size:.6875rem}.navigation-menu-demo__group-label{margin:0;padding:.5rem .75rem;color:var(--kappa-subtle);font-size:.6875rem;font-weight:500}.navigation-menu-demo__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem}.navigation-menu-demo .kappa-navigation-menu__content{--kappa-navigation-menu-content-width: 31rem}.navigation-menu-demo .kappa-navigation-menu__content[data-orientation=horizontal]{max-inline-size:calc(100cqw - 2.5rem)}.navigation-menu-demo .kappa-navigation-menu__viewport-positioner[data-orientation=horizontal]{left:auto;inset-inline-start:0;transform:none}.navigation-menu-demo .navigation-menu-demo__resources{--kappa-navigation-menu-content-width: 18rem}.navigation-menu-demo .navigation-menu-demo__compact-panel{--kappa-navigation-menu-content-width: 16rem}.navigation-menu-demo__compact-panel .navigation-menu-demo__grid{grid-template-columns:1fr}.navigation-menu-demo__grid .kappa-navigation-menu__link{align-items:start;gap:.75rem}.navigation-menu-demo__icon{display:grid;place-items:center;flex:none;width:1.75rem;height:1.75rem;border:1px solid var(--kappa-line);border-radius:.25rem;color:var(--kappa-subtle);background:var(--kappa-tint)}.navigation-menu-demo__icon svg{width:1rem;height:1rem;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.navigation-menu-demo__link-copy{display:flex;flex-direction:column;gap:.25rem;min-width:0}.navigation-menu-demo__link-copy strong{font-size:.8125rem;font-weight:550;line-height:1.5}.navigation-menu-demo__link-copy>span{color:var(--kappa-subtle);font-size:.75rem;line-height:1.5}.navigation-menu-demo .navigation-menu-demo__panel-footer{justify-content:space-between;margin-top:.5rem;border-top:1px solid var(--kappa-line);border-radius:0;color:var(--kappa-subtle);font-size:.75rem}.navigation-menu-demo[data-navigation-menu-demo=compact]{min-height:14rem}.navigation-menu-demo[data-navigation-menu-demo=compact] .navigation-menu-demo__header{min-height:2.75rem;padding:.5rem .75rem}.navigation-menu-demo[data-navigation-menu-demo=compact] .kappa-navigation-menu__content{--kappa-navigation-menu-content-width: 13.5rem}.navigation-menu-demo[data-navigation-menu-demo=compact] .navigation-menu-demo__link-copy strong{font-size:.75rem;font-weight:500}.navigation-menu-demo[data-navigation-menu-demo=links]{min-height:10rem}.navigation-menu-demo[data-navigation-menu-demo=vertical]{display:flex;min-height:28rem}.navigation-menu-demo[data-navigation-menu-demo=vertical] .navigation-menu-demo__header{flex-direction:column;align-items:start;justify-content:start;gap:1.5rem;border-bottom:0;border-inline-end:1px solid var(--kappa-line)}.navigation-menu-demo[data-navigation-menu-demo=vertical] .navigation-menu-demo__body{padding:2rem 1rem}.navigation-menu-demo [data-open-value]{color:var(--kappa-subtle);font-size:.75rem}.navigation-menu-demo__controls{display:flex;flex-wrap:wrap;gap:.5rem}.navigation-menu-demo[data-navigation-menu-demo=controlled] .navigation-menu-demo__body{padding-block-start:17rem}.navigation-menu-demo--standalone{min-height:100dvh;border:0;border-radius:0}.navigation-menu-demo--standalone .navigation-menu-demo__header{padding-inline:clamp(1rem,5vw,5rem)}.navigation-menu-demo--standalone .navigation-menu-demo__body{padding:5rem clamp(1rem,5vw,5rem)}@media(max-width:640px){.navigation-menu-demo__header{padding:.75rem;gap:.75rem}.navigation-menu-demo__header>.kappa-navigation-menu{order:2}.navigation-menu-demo__grid{grid-template-columns:1fr}.navigation-menu-demo .kappa-navigation-menu__content{--kappa-navigation-menu-content-width: 19rem}.navigation-menu-demo{min-height:29rem}.navigation-menu-demo__body{padding:1.5rem 1rem}.navigation-menu-demo[data-navigation-menu-demo=vertical] .navigation-menu-demo__header{padding-inline:.25rem}.navigation-menu-demo[data-navigation-menu-demo=controlled] .navigation-menu-demo__body{padding-block-start:28rem}.navigation-menu-demo[data-navigation-menu-demo=vertical] .kappa-navigation-menu__content{--kappa-navigation-menu-content-width: min(16rem, calc(100cqw - 8rem) )}}@container (max-width: 300px){[data-navigation-menu-demo=vertical] .navigation-menu-demo__icon,[data-navigation-menu-demo=vertical] .navigation-menu-demo__group-label,[data-navigation-menu-demo=vertical] .navigation-menu-demo__link-copy>span{display:none}}