@layer components{@keyframes navigation-menu-fade-in{0%{opacity:0}to{opacity:1}}@keyframes navigation-menu-fade-out{0%{opacity:1}to{opacity:0}}@keyframes navigation-menu-zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes navigation-menu-zoom-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.navigation-menu-viewport-shell{position:absolute;top:100%;left:0;z-index:50;display:flex;justify-content:center}[data-slot=navigation-menu]{position:relative;display:flex;flex:1 1 0;max-width:max-content;align-items:center;justify-content:center}[data-slot=navigation-menu-list]{display:flex;flex:1 1 0;align-items:center;justify-content:center;gap:.25rem;list-style:none}[data-slot=navigation-menu-item]{position:relative}[data-slot=navigation-menu-trigger]{display:inline-flex;height:2.25rem;width:max-content;align-items:center;justify-content:center;cursor:pointer;border-radius:.375rem;background-color:var(--color-neutral-0);padding:.5rem 1rem;font-size:.875rem;font-weight:500;outline:none;transition:color var(--motion-dur-base) var(--motion-ease-in-out),background-color var(--motion-dur-base) var(--motion-ease-in-out),box-shadow var(--motion-dur-base) var(--motion-ease-expo-out)}[data-slot=navigation-menu-trigger]:hover:not(:disabled),[data-slot=navigation-menu-trigger][data-state=open]{background-color:var(--color-primary-100);color:var(--color-primary-800)}[data-slot=navigation-menu-trigger]:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary-300) 50%,transparent)}[data-slot=navigation-menu-trigger]:disabled{pointer-events:none;opacity:.5}[data-slot=navigation-menu-trigger]>svg{margin-left:.25rem;width:.75rem;height:.75rem;transition:transform .3s var(--motion-ease-spring)}[data-slot=navigation-menu-trigger][data-state=open]>svg{transform:rotate(180deg)}[data-slot=navigation-menu-content]{position:absolute;top:0;left:0;width:100%;padding:.5rem .625rem .5rem .5rem}[data-slot=navigation-menu-content][data-motion^=from-]{animation-duration:.2s}[data-slot=navigation-menu-content][data-motion=from-end],[data-slot=navigation-menu-content][data-motion=from-start]{animation-name:navigation-menu-fade-in}[data-slot=navigation-menu-content][data-motion=to-end],[data-slot=navigation-menu-content][data-motion=to-start]{animation-name:navigation-menu-fade-out}[data-slot=navigation-menu-content] [data-slot=navigation-menu-link]:focus-visible{outline:none;box-shadow:none}[data-viewport=false] [data-slot=navigation-menu-content]{position:absolute;top:100%;margin-top:.375rem;overflow:hidden;border:1px solid var(--color-neutral-300);border-radius:.375rem;background-color:var(--color-neutral-0);color:var(--color-neutral-900);box-shadow:var(--shadow)}[data-viewport=false] [data-slot=navigation-menu-content][data-state=open]{animation:navigation-menu-fade-in .2s ease-out,navigation-menu-zoom-in .2s ease-out}[data-viewport=false] [data-slot=navigation-menu-content][data-state=closed]{animation:navigation-menu-fade-out .2s ease-out,navigation-menu-zoom-out .2s ease-out}[data-slot=navigation-menu-viewport]{position:relative;margin-top:.375rem;height:var(--radix-navigation-menu-viewport-height);width:100%;overflow:hidden;border:1px solid var(--color-neutral-300);border-radius:.375rem;background-color:var(--color-neutral-0);color:var(--color-neutral-900);box-shadow:var(--shadow);transform-origin:top center}[data-slot=navigation-menu-viewport][data-state=open]{animation:navigation-menu-fade-in .2s ease-out,navigation-menu-zoom-in .2s ease-out}[data-slot=navigation-menu-viewport][data-state=closed]{animation:navigation-menu-fade-out .2s ease-out,navigation-menu-zoom-out .2s ease-out}[data-slot=navigation-menu-link]{display:flex;flex-direction:column;gap:.25rem;border-radius:.1875rem;padding:.5rem;font-size:.875rem;outline:none;transition:color var(--motion-dur-base) var(--motion-ease-in-out),box-shadow var(--motion-dur-base) var(--motion-ease-expo-out),background-color var(--motion-dur-base) var(--motion-ease-in-out)}[data-slot=navigation-menu-link] svg{width:1rem;height:1rem}[data-slot=navigation-menu-indicator]{top:100%;z-index:1;display:flex;height:.375rem;align-items:end;justify-content:center;overflow:hidden}[data-slot=navigation-menu-indicator]>div{position:relative;top:60%;height:.5rem;width:.5rem;transform:rotate(45deg);border-top-left-radius:.125rem;background-color:var(--color-neutral-300);box-shadow:var(--shadow-sm)}[data-slot=navigation-menu-indicator][data-state=visible]{animation:navigation-menu-fade-in .2s ease-out}[data-slot=navigation-menu-indicator][data-state=hidden]{animation:navigation-menu-fade-out .2s ease-out}}