.NavigationMenuRoot{position:relative;display:flex;justify-content:center;z-index:50}.NavigationMenuList{display:flex;justify-content:center;align-items:center;border-radius:6px;list-style:none;margin:0}.NavigationMenuTrigger{outline:none!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1;border-radius:4px;color:hsl(var(--foreground)/.5);display:flex;align-items:center;justify-content:space-between;gap:2px;cursor:pointer;padding:13px .75rem;font-size:15px}.NavigationMenuTrigger:hover{color:hsl(var(--foreground))}.NavigationMenuLink{display:block;text-decoration:none;font-size:15px;line-height:1}.NavigationMenuContent{position:absolute;top:0;left:0;width:100vw;animation-duration:.25s;animation-timing-function:ease}.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}.NavigationMenuViewport{position:relative;transform-origin:top center;width:100vw;background-color:hsl(var(--background)/1);backdrop-filter:blur(40px);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);height:var(--radix-navigation-menu-viewport-height);transition:all .3s;border-bottom:1px solid hsl(var(--foreground)/.1)}.NavigationMenuViewport[data-state=open]{animation:scaleIn .2s ease}.NavigationMenuViewport[data-state=closed]{animation:scaleOut .2s ease}@media only screen and (min-width:600px){.NavigationMenuViewport{width:100vw}}.NavigationMenuRoot.is-scrolled .NavigationMenuViewport{backdrop-filter:blur(12px);background-color:hsl(var(--background)/.8)}.List{display:grid;padding:22px;margin:0;-moz-column-gap:10px;column-gap:10px;list-style:none}.ListItemLink{display:block;outline:none;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:12px;border-radius:6px;font-size:15px;line-height:1}.ListItemLink:focus{box-shadow:0 0 0 2px hsl(var(--foreground))}.ListItemLink:hover{background-color:hsl(var(--muted))}.ListItemHeading{font-weight:500;line-height:1.2;margin-bottom:5px;color:hsl(var(--foreground))}.ListItemText{color:hsl(var(--foreground));line-height:1.4;font-weight:400}.Callout{display:flex;justify-content:flex-end;flex-direction:column;width:100%;height:100%;background:linear-gradient(135deg,hsl(var(--primary)) 0,hsl(var(--secondary)) 100%);border-radius:6px;padding:25px;text-decoration:none;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Callout:focus{box-shadow:0 0 0 2px hsl(var(--foreground))}.CalloutHeading{color:#fff;font-size:18px;font-weight:500;line-height:1.2;margin-top:16px;margin-bottom:7px}.CalloutText{color:hsl(var(--muted));font-size:14px;line-height:1.3}.ViewportPosition{position:absolute;display:flex;justify-content:center;width:100vw;top:100%;left:0;perspective:2000px}.CaretDown{position:relative;top:1px;transition:transform .25s ease}[data-state=open]>.CaretDown{transform:rotate(-180deg)}@keyframes enterFromRight{0%{opacity:0;transform:translateX(200px)}to{opacity:1;transform:translateX(0)}}@keyframes enterFromLeft{0%{opacity:0;transform:translateX(-200px)}to{opacity:1;transform:translateX(0)}}@keyframes exitToRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(200px)}}@keyframes exitToLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-200px)}}@keyframes scaleIn{0%{opacity:0;transform:rotateX(-30deg) scale(.9)}to{opacity:1;transform:rotateX(0deg) scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:rotateX(0deg) 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}}