.klyp-navigation-menu{min-inline-size:max-content}.klyp-navigation-menu__bar{position:relative}.klyp-navigation-menu__list{align-items:center;gap:var(--klyp-app-ui-kit-space-4);margin:0;padding:0;list-style:none;display:flex}.klyp-navigation-menu__item{display:flex}.klyp-navigation-menu__pill{--klyp-navigation-menu-pill-slide:calc(var(--klyp-app-ui-kit-duration-normal) + var(--klyp-app-ui-kit-duration-instant));inline-size:var(--klyp-navigation-menu-pill-width,0);border-radius:var(--klyp-app-ui-kit-r-control-md);background:var(--klyp-app-ui-kit-color-bg-surface);opacity:0;transform:translateX(var(--klyp-navigation-menu-pill-x,0));pointer-events:none;transition:transform var(--klyp-navigation-menu-pill-slide) var(--klyp-app-ui-kit-easing-emphasis), inline-size var(--klyp-navigation-menu-pill-slide) var(--klyp-app-ui-kit-easing-emphasis), opacity var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard);position:absolute;inset-block:0;inset-inline-start:0}.klyp-navigation-menu__pill[data-shown]{opacity:1}.klyp-navigation-menu__pill[data-instant]{transition:opacity var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard)}.klyp-navigation-menu__trigger{align-items:center;gap:var(--klyp-app-ui-kit-space-4);block-size:var(--klyp-app-ui-kit-control-size-md);padding-inline:var(--klyp-app-ui-kit-control-pad-x-md);border-radius:var(--klyp-app-ui-kit-r-control-md);color:var(--klyp-app-ui-kit-color-fg-muted);font:var(--klyp-app-ui-kit-type-buttons);font-weight:var(--klyp-app-ui-kit-fw-emphasis);white-space:nowrap;cursor:pointer;transition:color var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard);background:0 0;border:0;outline:none;text-decoration:none;display:inline-flex;position:relative}.klyp-navigation-menu__trigger:not([data-kind=link]){padding-inline-end:calc((var(--klyp-app-ui-kit-control-size-md) - var(--klyp-app-ui-kit-space-16)) / 2)}@media (hover:hover) and (pointer:fine){.klyp-navigation-menu__trigger:hover{color:var(--klyp-app-ui-kit-color-fg-primary)}}.klyp-navigation-menu__trigger[data-popup-open],.klyp-navigation-menu__trigger[data-active]{color:var(--klyp-app-ui-kit-color-fg-primary)}.klyp-navigation-menu__trigger:focus-visible{outline:var(--klyp-app-ui-kit-bw-emphasis) solid var(--klyp-app-ui-kit-color-ring);outline-offset:var(--klyp-app-ui-kit-space-2)}.klyp-navigation-menu__chevron{opacity:var(--klyp-app-ui-kit-opacity-50);transition:rotate var(--klyp-app-ui-kit-duration-normal) var(--klyp-app-ui-kit-easing-standard), opacity var(--klyp-app-ui-kit-duration-normal) var(--klyp-app-ui-kit-easing-standard);display:inline-flex}.klyp-navigation-menu__chevron[data-popup-open]{opacity:1;rotate:180deg}.klyp-navigation-menu__positioner{--klyp-navigation-menu-morph:var(--klyp-app-ui-kit-duration-normal);--klyp-navigation-menu-swap:var(--klyp-app-ui-kit-duration-fast);--klyp-navigation-menu-reveal:calc(var(--klyp-app-ui-kit-duration-normal) / 2);--klyp-navigation-menu-shift:var(--klyp-app-ui-kit-space-24);--klyp-navigation-menu-easing:var(--klyp-app-ui-kit-easing-standard);z-index:var(--klyp-app-ui-kit-z-overlay);box-sizing:border-box;inline-size:var(--positioner-width);block-size:var(--positioner-height);max-inline-size:var(--available-width);transition-property:top,left,right,bottom;transition-duration:var(--klyp-navigation-menu-morph);transition-timing-function:var(--klyp-navigation-menu-easing)}.klyp-navigation-menu__positioner[data-instant]{transition:none}.klyp-navigation-menu__positioner[data-anchor-hidden]{visibility:hidden}.klyp-navigation-menu__positioner:before{content:"";block-size:var(--klyp-app-ui-kit-space-10);position:absolute;inset-block-start:calc(-1 * var(--klyp-app-ui-kit-space-10));inset-inline:0}.klyp-navigation-menu__popup{box-sizing:border-box;inline-size:var(--popup-width);block-size:var(--popup-height);border-radius:var(--klyp-app-ui-kit-r-panel);background:var(--klyp-app-ui-kit-color-bg-panel);box-shadow:var(--klyp-app-ui-kit-shadow-soft);transform-origin:var(--transform-origin);transition-property:opacity,transform,width,height;transition-duration:var(--klyp-navigation-menu-reveal), var(--klyp-navigation-menu-reveal), var(--klyp-navigation-menu-morph), var(--klyp-navigation-menu-morph);transition-timing-function:var(--klyp-navigation-menu-easing);outline:none;position:relative}.klyp-navigation-menu__popup[data-starting-style],.klyp-navigation-menu__popup[data-ending-style]{opacity:0;transform:scale(.9)}.klyp-navigation-menu__viewport{border-radius:inherit;block-size:100%;inline-size:100%;position:relative;overflow:clip}.klyp-navigation-menu__content{box-sizing:border-box;inline-size:max-content;max-inline-size:var(--available-width);padding:var(--klyp-app-ui-kit-space-4);transition:opacity var(--klyp-navigation-menu-swap) var(--klyp-navigation-menu-easing), transform var(--klyp-navigation-menu-swap) var(--klyp-navigation-menu-easing)}.klyp-navigation-menu__content[data-starting-style],.klyp-navigation-menu__content[data-ending-style]{opacity:0}.klyp-navigation-menu__content[data-starting-style]:not([data-activation-direction]),.klyp-navigation-menu__content[data-starting-style][data-activation-direction=right],.klyp-navigation-menu__content[data-ending-style][data-activation-direction=left]{transform:translateX(var(--klyp-navigation-menu-shift))}.klyp-navigation-menu__content[data-starting-style][data-activation-direction=left],.klyp-navigation-menu__content[data-ending-style][data-activation-direction=right]{transform:translateX(calc(-1 * var(--klyp-navigation-menu-shift)))}.klyp-navigation-menu__panel{flex-direction:column;display:flex}.klyp-navigation-menu__card{gap:var(--klyp-app-ui-kit-space-4);padding:var(--klyp-app-ui-kit-space-4);border-radius:var(--klyp-app-ui-kit-r-section);background:var(--klyp-app-ui-kit-color-bg-well);display:flex}.klyp-navigation-menu__column{gap:var(--klyp-app-ui-kit-space-4);box-sizing:border-box;inline-size:var(--klyp-app-ui-kit-menu-min-width);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.klyp-navigation-menu__cell{flex:1 0 auto;display:flex}.klyp-navigation-menu__link{--klyp-navigation-menu-icon-fg:var(--klyp-app-ui-kit-neutral-700);align-items:flex-start;gap:var(--klyp-app-ui-kit-space-10);min-inline-size:0;padding:var(--klyp-app-ui-kit-space-12);border-radius:var(--klyp-app-ui-kit-r-card);color:var(--klyp-app-ui-kit-color-fg-primary);transition:background-color var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard);outline:none;flex:1;text-decoration:none;display:flex}@media (hover:hover) and (pointer:fine){.klyp-navigation-menu__link:hover{--klyp-navigation-menu-icon-fg:var(--klyp-app-ui-kit-color-fg-on-active-nav);background:var(--klyp-app-ui-kit-color-bg-surface-elevated)}}.klyp-navigation-menu__link[data-active],.klyp-navigation-menu__link:focus-visible{--klyp-navigation-menu-icon-fg:var(--klyp-app-ui-kit-color-fg-on-active-nav);background:var(--klyp-app-ui-kit-color-bg-surface-elevated)}.klyp-navigation-menu__link:focus-visible{outline:var(--klyp-app-ui-kit-bw-emphasis) solid var(--klyp-app-ui-kit-color-ring);outline-offset:calc(-1 * var(--klyp-app-ui-kit-bw-emphasis))}.klyp-navigation-menu__link-icon{inline-size:var(--klyp-app-ui-kit-space-20);block-size:var(--klyp-app-ui-kit-line-box-18);color:var(--klyp-navigation-menu-icon-fg);transition:color var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard);flex:none;place-items:center;display:grid}.klyp-navigation-menu__link-text{gap:var(--klyp-app-ui-kit-space-2);flex-direction:column;min-inline-size:0;display:flex}.klyp-navigation-menu__link-title{font:var(--klyp-app-ui-kit-type-body);font-weight:var(--klyp-app-ui-kit-fw-emphasis);color:var(--klyp-app-ui-kit-color-fg-primary)}.klyp-navigation-menu__link-description{-webkit-line-clamp:2;font:var(--klyp-app-ui-kit-type-body-sm);color:var(--klyp-app-ui-kit-color-fg-muted);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.klyp-navigation-menu__footer{justify-content:space-between;align-items:center;gap:var(--klyp-app-ui-kit-space-4);flex-wrap:wrap;padding-block-start:var(--klyp-app-ui-kit-space-4);display:flex}.klyp-navigation-menu__footer-group{align-items:center;gap:var(--klyp-app-ui-kit-space-4);flex-wrap:wrap;display:flex}.klyp-navigation-menu__footer-link{--klyp-navigation-menu-arrow-x:0;align-items:center;gap:var(--klyp-app-ui-kit-space-4);block-size:var(--klyp-app-ui-kit-control-size-sm);padding-inline:var(--klyp-app-ui-kit-space-16);border-radius:var(--klyp-app-ui-kit-radius-full);color:var(--klyp-app-ui-kit-color-fg-muted);font:var(--klyp-app-ui-kit-type-label);font-weight:var(--klyp-app-ui-kit-fw-emphasis);white-space:nowrap;transition:color var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard), background-color var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard);outline:none;text-decoration:none;display:inline-flex}.klyp-navigation-menu__footer-link[data-arrow]{color:var(--klyp-app-ui-kit-color-fg-primary)}@media (hover:hover) and (pointer:fine){.klyp-navigation-menu__footer-link:hover{--klyp-navigation-menu-arrow-x:var(--klyp-app-ui-kit-space-2);color:var(--klyp-app-ui-kit-color-fg-primary);background:var(--klyp-app-ui-kit-color-bg-surface-elevated)}}.klyp-navigation-menu__footer-link:focus-visible{color:var(--klyp-app-ui-kit-color-fg-primary);background:var(--klyp-app-ui-kit-color-bg-surface-elevated);outline:var(--klyp-app-ui-kit-bw-emphasis) solid var(--klyp-app-ui-kit-color-ring);outline-offset:calc(-1 * var(--klyp-app-ui-kit-bw-emphasis))}.klyp-navigation-menu__footer-arrow{translate:var(--klyp-navigation-menu-arrow-x) 0;transition:translate var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard);display:inline-flex}@media (prefers-reduced-motion:reduce){.klyp-navigation-menu__pill,.klyp-navigation-menu__pill[data-instant]{transition:opacity var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard)}.klyp-navigation-menu__chevron,.klyp-navigation-menu__footer-arrow,.klyp-navigation-menu__positioner{transition:none}.klyp-navigation-menu__popup{transition-property:opacity;transition-duration:var(--klyp-navigation-menu-reveal)}.klyp-navigation-menu__popup[data-starting-style],.klyp-navigation-menu__popup[data-ending-style]{transform:none}.klyp-navigation-menu__content{transition:opacity var(--klyp-navigation-menu-swap) var(--klyp-navigation-menu-easing)}.klyp-navigation-menu__content[data-starting-style],.klyp-navigation-menu__content[data-ending-style]{transform:none}}
