._cu1al70-3-5-0 {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  flex-grow: 0;
  min-width: var(--dt-spacings-size-28, 28px);
  height: var(--dt-spacings-size-16, 16px);
  background: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
  border-radius: var(--dt-borders-radius-field-emphasized, 9999px);
  overflow: hidden;
  transform: translateY(2px);
}
._yj6voi4-3-5-0 ._cu1al70-3-5-0 {
  transform: translateY(0);
}
._yj6voi5-3-5-0 ._cu1al70-3-5-0 {
  transform: translateY(-2px);
}
._yj6voi1-3-5-0 ._cu1al70-3-5-0, ._yj6voi2-3-5-0 ._cu1al70-3-5-0 {
  margin-left: var(--dt-spacings-size-2, 2px);
}
._yj6voi0-3-5-0 ._cu1al70-3-5-0 {
  order: -1;
  flex-direction: row-reverse;
  margin-right: var(--dt-spacings-size-2, 2px);
}
._11pvd3za-3-5-0 ._14k72810-3-5-0 ~ ._cu1al70-3-5-0 {
  margin-top: var(--dt-spacings-size-8, 8px);
  margin-bottom: var(--dt-spacings-size-8, 8px);
}
._11pvd3za-3-5-0:not(._yj6voi0-3-5-0, ._11pvd3z4-3-5-0:has([data-trigger="useraction"])) ._cu1al70-3-5-0 {
  margin-right: var(--dt-spacings-size-12, 12px);
}
._11pvd3za-3-5-0:where(._yj6voi0-3-5-0):not(._11pvd3z4-3-5-0:has([data-trigger="useraction"])) ._cu1al70-3-5-0 {
  margin-left: var(--dt-spacings-size-12, 12px);
}
._11pvd3zb-3-5-0 ._14k72810-3-5-0 ~ ._cu1al70-3-5-0 {
  margin-top: var(--dt-spacings-size-2, 2px);
  margin-bottom: var(--dt-spacings-size-2, 2px);
}
._11pvd3zb-3-5-0:not(._yj6voi0-3-5-0, ._11pvd3z4-3-5-0:has([data-trigger="useraction"])) ._cu1al70-3-5-0 {
  margin-right: var(--dt-spacings-size-6, 6px);
}
._11pvd3zb-3-5-0:where(._yj6voi0-3-5-0):not(._11pvd3z4-3-5-0:has([data-trigger="useraction"])) ._cu1al70-3-5-0 {
  margin-left: var(--dt-spacings-size-6, 6px);
}
._11pvd3zc-3-5-0 ._14k72810-3-5-0 ~ ._cu1al70-3-5-0 {
  margin-top: var(--dt-spacings-size-12, 12px);
  margin-bottom: var(--dt-spacings-size-12, 12px);
}
._11pvd3zc-3-5-0:not(._yj6voi0-3-5-0, ._11pvd3z4-3-5-0:has([data-trigger="useraction"])) ._cu1al70-3-5-0 {
  margin-right: var(--dt-spacings-size-16, 16px);
}
._11pvd3zc-3-5-0:where(._yj6voi0-3-5-0):not(._11pvd3z4-3-5-0:has([data-trigger="useraction"])) ._cu1al70-3-5-0 {
  margin-left: var(--dt-spacings-size-16, 16px);
}
._11pvd3z9-3-5-0._yj6voi0-3-5-0:not(._11pvd3zx-3-5-0) ._cu1al70-3-5-0 {
  order: 1;
}
._cu1al71-3-5-0 {
  transform: translateX(-4px);
}
._yj6voi0-3-5-0 ._cu1al71-3-5-0 {
  transform: translateX(4px);
}
._cu1al72-3-5-0 {
  fill: currentColor;
  transition: transform 250ms ease-out;
  transform-origin: center;
  flex-shrink: 0;
  display: none;
}
._11pvd3z4-3-5-0 ._cu1al72-3-5-0 {
  display: inline;
}
:where(._yj6voi1-3-5-0,._yj6voi2-3-5-0) > ._cu1al72-3-5-0 {
  margin-left: var(--dt-spacings-size-2, 2px);
}
._yj6voi0-3-5-0 ._cu1al72-3-5-0 {
  order: -1;
}
._yj6voi0-3-5-0 > ._cu1al72-3-5-0 {
  margin-right: var(--dt-spacings-size-2, 2px);
}
._11pvd3z9-3-5-0._yj6voi0-3-5-0:not(._11pvd3zx-3-5-0) ._cu1al72-3-5-0 {
  order: 1;
}
._11pvd3z9-3-5-0._yj6voi0-3-5-0:not(._11pvd3zx-3-5-0) ._cu1al70-3-5-0 ._cu1al72-3-5-0 {
  order: -1;
}
._cu1al73-3-5-0 {
  transform: rotate(-180deg);
}
._11pvd3zx-3-5-0 ._14k72810-3-5-0 ~ ._cu1al74-3-5-0 {
  padding-top: var(--dt-spacings-size-8, 8px);
  padding-bottom: var(--dt-spacings-size-8, 8px);
}
._11pvd3zx-3-5-0:where(._yj6voi1-3-5-0, ._yj6voi2-3-5-0):not(._11pvd3z4-3-5-0:has([data-trigger="useraction"])) > ._cu1al74-3-5-0 {
  padding-right: var(--dt-spacings-size-12, 12px);
  transform-origin: calc(50% - 6px) center;
}
._11pvd3zx-3-5-0:where(._yj6voi0-3-5-0):not(._11pvd3z4-3-5-0:has([data-trigger="useraction"])) > ._cu1al74-3-5-0 {
  padding-left: var(--dt-spacings-size-12, 12px);
  transform-origin: calc(50% + 6px) center;
}
._11pvd3zx-3-5-0 ._14k72810-3-5-0 ~ ._cu1al75-3-5-0 {
  padding-top: var(--dt-spacings-size-2, 2px);
  padding-bottom: var(--dt-spacings-size-2, 2px);
}
._11pvd3zx-3-5-0:where(._yj6voi1-3-5-0, ._yj6voi2-3-5-0):not(._11pvd3z4-3-5-0:has([data-trigger="useraction"])) > ._cu1al75-3-5-0 {
  padding-right: var(--dt-spacings-size-6, 6px);
  transform-origin: calc(50% - 3px) center;
}
._11pvd3zx-3-5-0:where(._yj6voi0-3-5-0):not(._11pvd3z4-3-5-0:has([data-trigger="useraction"])) > ._cu1al75-3-5-0 {
  padding-left: var(--dt-spacings-size-6, 6px);
  transform-origin: calc(50% + 3px) center;
}
._11pvd3zx-3-5-0 ._14k72810-3-5-0 ~ ._cu1al76-3-5-0 {
  padding-top: var(--dt-spacings-size-12, 12px);
  padding-bottom: var(--dt-spacings-size-12, 12px);
}
._11pvd3zx-3-5-0:where(._yj6voi1-3-5-0, ._yj6voi2-3-5-0):not(._11pvd3z4-3-5-0:has([data-trigger="useraction"])) > ._cu1al76-3-5-0 {
  padding-right: var(--dt-spacings-size-16, 16px);
  transform-origin: calc(50% - 8px) center;
}
._11pvd3zx-3-5-0:where(._yj6voi0-3-5-0):not(._11pvd3z4-3-5-0:has([data-trigger="useraction"])) > ._cu1al76-3-5-0 {
  padding-left: var(--dt-spacings-size-16, 16px);
  transform-origin: calc(50% + 8px) center;
}