.NavigationMenuRoot{justify-content:center;width:100%;display:flex;position:relative}.NavigationMenuList{background-color:#0000;border-radius:6px;justify-content:center;margin:0;padding:4px;list-style:none;display:flex}.NavigationMenuContent{background:#fff;width:100%;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}@media only screen and (min-width:600px){.NavigationMenuContent{width:auto}}.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}.NavigationMenuViewport{transform-origin:top;width:100%;height:var(--radix-navigation-menu-viewport-height);background-color:#fff;border-radius:6px;margin-top:10px;transition:width,height,all .3s;position:relative;overflow:hidden;box-shadow:0 10px 38px -10px #0e121659,0 10px 20px -15px #0e121633}.NavigationMenuViewport[data-state=open]{animation:.2s scaleIn}.NavigationMenuViewport[data-state=closed]{animation:.2s scaleOut}@media only screen and (min-width:600px){.NavigationMenuViewport{width:var(--radix-navigation-menu-viewport-width)}}.List{-moz-column-gap:10px;column-gap:10px;margin:0;padding:22px;list-style:none;display:grid}@media only screen and (min-width:600px){.List.one{grid-template-columns:.75fr 1fr;width:500px}.List.two{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(4,1fr);width:800px}}.ViewportPosition{perspective:2000px;justify-content:center;width:100%;display:flex;position:absolute;top:100%;left:0}.CaretDown{transition:transform .25s;position:relative;top:1px}[data-state=open]>.CaretDown{transform:rotate(-180deg)}.Arrow{background-color:#fff;border-top-left-radius:2px;width:10px;height:10px;position:relative;top:70%;transform:rotate(45deg)}@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}}