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