.NavigationMenuRoot{z-index:1;flex:1;justify-content:center;max-width:100%;display:flex;position:relative}.NavigationMenuList{flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.NavigationMenuTrigger,.NavigationMenuLink{all:unset;-webkit-user-select:none;user-select:none;color:hsl(var(--foreground));cursor:pointer;white-space:nowrap;border-radius:6px;outline:none;align-items:center;gap:4px;padding:10px 18px;font-size:14px;font-weight:500;line-height:1;transition:all .2s;display:flex}.NavigationMenuTrigger:hover,.NavigationMenuLink:hover{background-color:hsl(var(--accent));color:hsl(var(--foreground))}.NavigationMenuTrigger:focus,.NavigationMenuLink:focus{box-shadow:0 0 0 2px hsl(var(--ring))}.NavigationMenuTrigger[data-state=open]{background-color:hsl(var(--accent))}.CaretDown{width:16px;height:16px;transition:transform .25s;position:relative}.NavigationMenuTrigger[data-state=open]>.CaretDown{transform:rotate(-180deg)}.NavigationMenuContent{animation-duration:.25s;animation-timing-function:ease;position:absolute;top:0;left:0}.NavigationMenuContent[data-motion=from-start]{animation-name:enterFromLeft}.NavigationMenuContent[data-motion=from-end]{animation-name:enterFromRight}.NavigationMenuContent[data-motion=to-start]{animation-name:exitToLeft}.NavigationMenuContent[data-motion=to-end]{animation-name:exitToRight}.NavigationMenuIndicator{z-index:1;justify-content:center;align-items:flex-end;height:10px;transition:width,transform .25s;display:flex;top:100%;overflow:hidden}.NavigationMenuIndicator[data-state=visible]{animation:.2s fadeIn}.NavigationMenuIndicator[data-state=hidden]{animation:.2s fadeOut}.Arrow{background-color:hsl(var(--popover));border-top-left-radius:2px;width:10px;height:10px;position:relative;top:70%;transform:rotate(45deg)}.ViewportPosition{perspective:2000px;justify-content:center;width:100%;display:flex;position:absolute;top:100%;left:0}.NavigationMenuViewport{transform-origin:top;width:var(--radix-navigation-menu-viewport-width);height:var(--radix-navigation-menu-viewport-height);background-color:hsl(var(--popover));border:1px solid hsl(var(--border));border-radius:8px;margin-top:10px;transition:width,height .3s;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.NavigationMenuViewport[data-state=open]{animation:.2s scaleIn}.NavigationMenuViewport[data-state=closed]{animation:.2s scaleOut}.List{margin:0;padding:20px;list-style:none;display:grid}.List.one{grid-template-columns:1fr;gap:6px;width:420px}.List.two{grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:12px;width:720px}.ListItemLink{-webkit-user-select:none;user-select:none;border-radius:6px;outline:none;padding:12px;text-decoration:none;transition:all .2s;display:flex}.ListItemLink:hover{background-color:hsl(var(--muted))}.ListItemLink:focus{box-shadow:0 0 0 2px hsl(var(--ring))}.ListItemHeading{color:hsl(var(--foreground));margin-bottom:4px;font-weight:600;line-height:1.2}.ListItemText{color:hsl(var(--muted-foreground));font-size:13px;line-height:1.4}@keyframes enterFromRight{0%{opacity:0;transform:translate(200px)}to{opacity:1;transform:translate(0)}}@keyframes enterFromLeft{0%{opacity:0;transform:translate(-200px)}to{opacity:1;transform:translate(0)}}@keyframes exitToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(200px)}}@keyframes exitToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-200px)}}@keyframes scaleIn{0%{opacity:0;transform:rotateX(-30deg)scale(.9)}to{opacity:1;transform:rotateX(0)scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:rotateX(0)scale(1)}to{opacity:0;transform:rotateX(-10deg)scale(.95)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}