@keyframes _1y10jf4-3-15-1 {
  from {
    transform: translateX(50%);
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes _1y10jf5-3-15-1 {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  to {
    transform: translateX(-50%);
    opacity: 0;
  }
}
@keyframes _1y10jf6-3-15-1 {
  from {
    transform: translateX(-50%);
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes _1y10jf7-3-15-1 {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  to {
    transform: translateX(50%);
    opacity: 0;
  }
}
._1y10jf0-3-15-1 {
  background: var(--dt-colors-background-surface-default, #fff);
  border-radius: var(--dt-borders-radius-surface-subdued, 9px);
  box-shadow: var(--dt-box-shadows-surface-floating-rest, 0px 0px 0px 1px #38384208, 0px 1px 2px #3838420d, 0px 5px 11px -2px #38384229);
  max-height: var(--radix-dropdown-menu-content-available-height);
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 240px;
  max-width: 100dvw;
}
._1y10jf1-3-15-1 {
  display: flex;
  align-items: center;
  gap: var(--dt-spacings-size-8, 8px);
  width: 100%;
  padding-top: var(--dt-spacings-size-6, 6px);
  padding-bottom: var(--dt-spacings-size-6, 6px);
  padding-left: var(--dt-spacings-size-8, 8px);
  padding-right: var(--dt-spacings-size-8, 8px);
  border: none;
  border-radius: var(--dt-borders-radius-field-default, 6px);
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: var(--dt-colors-text-neutral-default, #31323a);
}
._1y10jf1-3-15-1:hover {
  background-color: var(--dt-colors-background-field-neutral-default-hover, #eff0f2);
}
._1y10jf1-3-15-1:active {
  background-color: var(--dt-colors-background-field-neutral-default-active, #eaeaed);
}
._1y10jf2-3-15-1 {
  display: flex;
  align-items: center;
  gap: var(--dt-spacings-size-8, 8px);
  overflow: hidden;
  flex: 1;
  min-width: 0;
}
._1y10jf3-3-15-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--dt-colors-text-neutral-default, #31323a);
  flex: 1;
  min-width: 0;
}
._1y10jf8-3-15-1 {
  flex: 1;
  overflow-y: auto;
  padding: var(--dt-spacings-size-4, 4px);
}
._1y10jf9-3-15-1 {
  flex-shrink: 0;
  padding: var(--dt-spacings-size-4, 4px);
}
._1y10jfa-3-15-1 {
  height: var(--dt-borders-width-default, 1px);
  background-color: var(--dt-colors-border-neutral-default, #e4e4e7);
  margin-inline: var(--dt-spacings-size-4, 4px);
}
._1y10jfb-3-15-1 {
  position: relative;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
._1y10jfc-3-15-1 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
._1y10jfd-3-15-1 {
  animation: _1y10jf4-3-15-1 var(--dt-animations-slide-in-duration-fast, 200ms) var(--dt-animations-slide-in-easing, cubic-bezier(0, 0, 0.2, 1));
}
._1y10jfe-3-15-1 {
  animation: _1y10jf6-3-15-1 var(--dt-animations-slide-in-duration-fast, 200ms) var(--dt-animations-slide-in-easing, cubic-bezier(0, 0, 0.2, 1));
}
._1y10jff-3-15-1 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  animation: _1y10jf5-3-15-1 var(--dt-animations-slide-in-duration-fast, 200ms) var(--dt-animations-slide-in-easing, cubic-bezier(0, 0, 0.2, 1));
  animation-fill-mode: forwards;
  display: flex;
  flex-direction: column;
}
._1y10jfg-3-15-1 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  animation: _1y10jf7-3-15-1 var(--dt-animations-slide-in-duration-fast, 200ms) var(--dt-animations-slide-in-easing, cubic-bezier(0, 0, 0.2, 1));
  animation-fill-mode: forwards;
  display: flex;
  flex-direction: column;
}
@media (prefers-reduced-motion) {
  ._1y10jfd-3-15-1 {
    animation: none;
  }
  ._1y10jfe-3-15-1 {
    animation: none;
  }
  ._1y10jff-3-15-1 {
    animation: none;
  }
  ._1y10jfg-3-15-1 {
    animation: none;
  }
}