._1xs4qha0 {
  position: relative;
  z-index: var(--_1qq99gj4s);
  display: flex;
  max-width: max-content;
  flex: 1 1;
  align-items: center;
  justify-content: center;
}
._1xs4qha1 {
  display: flex;
  flex: 1 1;
  list-style: none;
  align-items: center;
  justify-content: center;
  gap: var(--_1qq99gj1);
}
._1xs4qha2 {
  display: inline-flex;
  height: var(--_1qq99gja);
  width: max-content;
  align-items: center;
  justify-content: center;
  border-radius: var(--_1qq99gj47);
  background-color: var(--_1qq99gjy);
  padding-left: var(--_1qq99gj4);
  padding-right: var(--_1qq99gj4);
  padding-top: var(--_1qq99gj2);
  padding-bottom: var(--_1qq99gj2);
  font-size: var(--_1qq99gj2b);
  font-weight: var(--_1qq99gj2s);
  transition-property: background-color, color;
  transition-duration: var(--_1qq99gj4f);
}
._1xs4qha2:hover {
  background-color: var(--_1qq99gj1a);
  color: var(--_1qq99gj1b);
}
._1xs4qha2:focus {
  background-color: var(--_1qq99gj1a);
  color: var(--_1qq99gj1b);
  outline: none;
}
._1xs4qha2:disabled {
  pointer-events: none;
  opacity: 0.5;
}
._1xs4qha2[data-state=open] {
  color: var(--_1qq99gj1b);
  background-color: var(--_1qq99gj1a);
}
._1xs4qha2[data-state=open]:hover {
  background-color: var(--_1qq99gj1a);
}
._1xs4qha2[data-state=open]:focus {
  background-color: var(--_1qq99gj1a);
}
._1xs4qha3 {
  left: 0;
  top: 0;
  width: 100%;
}
._1xs4qha3[data-motion^="from-"] {
  animation-name: _1idesxb0;
  animation-duration: var(--_1qq99gj4f);
}
._1xs4qha3[data-motion^="to-"] {
  animation-name: _1idesxb1;
  animation-duration: var(--_1qq99gj4f);
}
._1xs4qha3[data-motion="from-end"] {
  transform: translateX(52px);
}
._1xs4qha3[data-motion="from-start"] {
  transform: translateX(-52px);
}
._1xs4qha3[data-motion="to-end"] {
  transform: translateX(52px);
}
._1xs4qha3[data-motion="to-start"] {
  transform: translateX(-52px);
}
._1xs4qha4 {
  position: absolute;
  left: 0;
  top: 100%;
  display: flex;
  justify-content: center;
}
._1xs4qha5 {
  transform-origin: top center;
  position: relative;
  margin-top: var(--_1qq99gjv);
  height: var(--radix-navigation-menu-viewport-height);
  width: 100%;
  overflow: hidden;
  border-radius: var(--_1qq99gj47);
  border: var(--_1qq99gj40) solid var(--_1qq99gj1h);
  background-color: var(--_1qq99gj12);
  color: var(--_1qq99gj13);
  box-shadow: var(--_1qq99gj3v);
}
._1xs4qha5[data-state=open] {
  animation-name: _1idesxb2;
  animation-duration: var(--_1qq99gj4f);
}
._1xs4qha5[data-state=closed] {
  animation-name: _1idesxb3;
  animation-duration: var(--_1qq99gj4f);
}
._1xs4qha6 {
  top: 100%;
  z-index: 1;
  display: flex;
  height: var(--_1qq99gjv);
  align-items: end;
  justify-content: center;
  overflow: hidden;
}
._1xs4qha6[data-state=visible] {
  animation-name: fadeIn;
  animation-duration: var(--_1qq99gj4f);
}
._1xs4qha6[data-state=hidden] {
  animation-name: fadeOut;
  animation-duration: var(--_1qq99gj4f);
}
._1xs4qha7 {
  position: relative;
  top: 60%;
  height: var(--_1qq99gj2);
  width: var(--_1qq99gj2);
  transform: rotate(45deg);
  border-top-left-radius: var(--_1qq99gj46);
  background-color: var(--_1qq99gj1h);
  box-shadow: var(--_1qq99gj3u);
}
._1xs4qha8 {
  position: relative;
  top: 1px;
  margin-left: var(--_1qq99gj1);
  height: var(--_1qq99gj3);
  width: var(--_1qq99gj3);
  transition: transform var(--_1qq99gj4f);
}
[data-state=open] ._1xs4qha8 {
  transform: rotate(180deg);
}
@media (min-width: 768px) {
  ._1xs4qha3 {
    position: absolute;
    width: auto;
  }
  ._1xs4qha5 {
    width: var(--radix-navigation-menu-viewport-width);
  }
}