.NavigationMenuRoot{position:relative;justify-content:space-between;z-index:1}.NavigationMenuList{display:flex;justify-content:center;align-items:center;background-color:#fff;padding:4px;border-radius:6px;list-style:none;box-shadow:0 2px 10px var(--black-a7);margin:0}.NavigationMenuLink,.NavigationMenuTrigger{padding:8px 12px;outline:none;user-select:none;font-weight:500;line-height:1;border-radius:4px;font-size:15px;color:var(--title)}.NavigationMenuLink:focus,.NavigationMenuTrigger:focus{box-shadow:0 0 0 2px var(--violet-7)}.NavigationMenuLink:hover,.NavigationMenuTrigger:hover{background-color:var(--violet-3)}.NavigationMenuTrigger{display:flex;align-items:center;justify-content:space-between;gap:2px}.NavigationMenuLink{display:block;text-decoration:none;font-size:15px;line-height:1}.NavigationMenuContent{position:absolute;top:0;left:0;width:100%;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}@media only screen and (min-width:600px){.NavigationMenuContent{width:auto}}.NavigationMenuIndicator{display:flex;align-items:flex-end;justify-content:center;height:10px;top:100%;overflow:hidden;z-index:1;transition:width,transform .25s ease}.NavigationMenuIndicator[data-state=visible]{animation:fadeIn .2s ease}.NavigationMenuIndicator[data-state=hidden]{animation:fadeOut .2s ease}.NavigationMenuViewport{position:relative;transform-origin:top center;margin-top:10px;width:100%;min-width:500px;background-color:#fff;border-radius:6px;overflow:hidden;box-shadow:0 10px 38px -10px rgba(14,18,22,.35),0 10px 20px -15px rgba(14,18,22,.2);height:var(--radix-navigation-menu-viewport-height);transition:width,height,.3s ease}.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:var(--radix-navigation-menu-viewport-width)}}.List{display:grid;padding:22px;margin:0;column-gap:10px;list-style:none}@media only screen and (min-width:600px){.List.one{width:100%;grid-template-columns:.75fr 1fr}.List.two{width:600px;grid-auto-flow:column;grid-template-rows:repeat(3,1fr)}}.ListItemLink{display:block;outline:none;text-decoration:none;user-select:none;padding:12px;border-radius:6px;font-size:15px;line-height:1}.ListItemLink:focus{box-shadow:0 0 0 2px var(--violet-7)}.ListItemLink:hover{background-color:var(--mauve-3)}.ListItemHeading{font-weight:500;line-height:1.2;margin-bottom:5px;color:var(--violet-12)}.ListItemText{color:var(--mauve-11);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,var(--purple-9) 0,var(--indigo-9) 100%);border-radius:6px;padding:25px;text-decoration:none;outline:none;user-select:none}.Callout:focus{box-shadow:0 0 0 2px var(--violet-7)}.CalloutHeading{color:#fff;font-size:18px;font-weight:500;line-height:1.2;margin-top:16px;margin-bottom:7px}.CalloutText{color:var(--mauve-4);font-size:14px;line-height:1.3}.ViewportPosition{position:absolute;display:flex;width:100%;top:100%;left:0;perspective:1000px}.CaretDown{position:relative;color:var(--violet-10);top:1px;transition:transform .25s ease}[data-state=open]>.CaretDown{transform:rotate(-180deg)}.Arrow{position:relative;top:70%;background-color:#fff;width:10px;height:10px;transform:rotate(45deg);border-top-left-radius:2px}@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}}