@keyframes design-system-senai_1tct1a0 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.design-system-senai_1tct1a1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  width: 100%;
  position: relative;
  height: auto;
  z-index: 10;
  padding: 0 var(--design-system-senai_3baijd4z);
}
.design-system-senai_1tct1a2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--design-system-senai_3baijd4v);
  border-radius: var(--design-system-senai_3baijd60);
  animation: design-system-senai_1tct1a0 0.3s ease-in-out;
  flex-shrink: 0;
  width: fit-content;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
}
.design-system-senai_1tct1a3 {
  opacity: 1;
  max-width: 320px;
  padding: var(--design-system-senai_3baijd4v);
  margin-right: var(--design-system-senai_3baijd4v);
  transform: translateX(0);
  visibility: visible;
  pointer-events: auto;
  transition: opacity 180ms ease, transform 180ms ease, max-width 180ms ease, max-height 180ms ease, padding 180ms ease, margin-right 180ms ease;
}
.design-system-senai_1tct1a4 {
  opacity: 0;
  max-width: 0px;
  padding: 0;
  margin-right: 0;
  transform: translateX(8px);
  visibility: hidden;
  pointer-events: none;
  transition: opacity 180ms ease, transform 180ms ease, max-width 180ms ease, max-height 180ms ease, padding 180ms ease, margin-right 180ms ease;
}
.design-system-senai_1tct1a5 {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  box-sizing: border-box;
  width: auto;
  padding: var(--design-system-senai_3baijd4v);
  border-radius: var(--design-system-senai_3baijd60);
  border: none;
  overflow: hidden;
  cursor: pointer;
  outline: none;
  font: inherit;
  -webkit-tap-highlight-color: transparent;
}
.design-system-senai_1tct1a6 {
  background-color: var(--design-system-senai_3baijd4c);
  backdrop-filter: blur(4px);
}
.design-system-senai_1tct1a7 {
  background-color: var(--design-system-senai_3baijd42);
  backdrop-filter: blur(4px);
}
.design-system-senai_1tct1a8 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--design-system-senai_3baijd4v);
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 32px;
  padding: var(--design-system-senai_3baijd4w) var(--design-system-senai_3baijd4x);
  border-radius: var(--design-system-senai_3baijd5z);
  overflow: hidden;
}
.design-system-senai_1tct1a9 {
  background-color: var(--design-system-senai_3baijd4b);
}
.design-system-senai_1tct1aa {
  background-color: var(--design-system-senai_3baijd3r);
}
.design-system-senai_1tct1ab {
  font-family: var(--design-system-senai_3baijd55);
  font-size: var(--design-system-senai_3baijd5k);
  font-weight: var(--design-system-senai_3baijd5u);
  line-height: var(--design-system-senai_3baijd5a);
  letter-spacing: 0px;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.design-system-senai_1tct1ac {
  color: var(--design-system-senai_3baijd7);
}
.design-system-senai_1tct1ad {
  color: var(--design-system-senai_3baijd41);
}
.design-system-senai_1tct1ae {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--design-system-senai_3baijd4v);
  width: 100%;
  min-width: 0;
}
.design-system-senai_1tct1af {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.design-system-senai_1tct1ag {
  color: var(--design-system-senai_3baijd7);
}
.design-system-senai_1tct1ah {
  color: var(--design-system-senai_3baijd41);
}
.design-system-senai_1tct1ai {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2px;
  min-width: 0;
  flex: 1 1 auto;
  max-width: min(160px, calc(100vw - 120px));
  text-align: left;
  line-height: 1.2;
}
.design-system-senai_1tct1aj {
  background-color: var(--design-system-senai_3baijd8);
}
.design-system-senai_1tct1ak {
  background-color: var(--design-system-senai_3baijd8);
}
.design-system-senai_1tct1al {
  color: var(--design-system-senai_3baijd3e);
}
.design-system-senai_1tct1am {
  color: var(--design-system-senai_3baijd3e);
}
.design-system-senai_1tct1aq {
  display: flex;
  align-items: center;
  gap: var(--design-system-senai_3baijd4w);
  flex-wrap: wrap;
  overflow: visible;
}
.design-system-senai_1tct1ar {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--design-system-senai_3baijd4x);
  flex-wrap: nowrap;
  overflow: visible;
}
.design-system-senai_1tct1as {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  overflow: visible;
}
.design-system-senai_1tct1at {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.design-system-senai_1tct1au {
  position: absolute;
  z-index: 35;
  min-width: 215px;
  max-width: 215px;
  padding: var(--design-system-senai_3baijd4v);
  border-radius: var(--design-system-senai_3baijd60);
  box-sizing: border-box;
  top: calc(115% + var(--design-system-senai_3baijd4v));
  right: auto;
  left: -95px;
  transform: none;
}
.design-system-senai_1tct1av {
  position: absolute;
  z-index: 36;
  width: 225px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: calc(var(--design-system-senai_3baijd4w) + var(--design-system-senai_3baijd4u));
  padding: var(--design-system-senai_3baijd4x);
  border-radius: var(--design-system-senai_3baijd61);
  top: calc(115% + var(--design-system-senai_3baijd4v));
  right: auto;
  left: -95px;
  transform: none;
}
.design-system-senai_1tct1aw {
  background-color: var(--design-system-senai_3baijd41);
  border-width: var(--design-system-senai_3baijd64);
  border-style: solid;
  border-color: var(--design-system-senai_3baijd3g);
}
.design-system-senai_1tct1ax {
  background-color: var(--design-system-senai_3baijd3p);
  border-width: var(--design-system-senai_3baijd64);
  border-style: solid;
  border-color: var(--design-system-senai_3baijd3g);
}
.design-system-senai_1tct1ay {
  margin: 0;
  font-family: var(--design-system-senai_3baijd55);
  font-size: var(--design-system-senai_3baijd5l);
  font-weight: var(--design-system-senai_3baijd5t);
  line-height: var(--design-system-senai_3baijd5b);
}
.design-system-senai_1tct1az {
  color: var(--design-system-senai_3baijd3p);
}
.design-system-senai_1tct1a10 {
  color: var(--design-system-senai_3baijd40);
}
.design-system-senai_1tct1a11 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--design-system-senai_3baijd4w);
  width: 100%;
}
.design-system-senai_1tct1a12 {
  cursor: pointer;
  user-select: none;
}
.design-system-senai_1tct1a13 {
  background-color: var(--design-system-senai_3baijd4c);
}
.design-system-senai_1tct1a14 {
  background-color: var(--design-system-senai_3baijd42);
}
.design-system-senai_1tct1a15 {
  display: flex;
  flex-direction: column;
  gap: var(--design-system-senai_3baijd4v);
  width: 100%;
}
.design-system-senai_1tct1a16 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.design-system-senai_1tct1a17 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.design-system-senai_1tct1a18 {
  position: absolute;
  top: calc(100% + var(--design-system-senai_3baijd4v));
  left: 50%;
  z-index: 20;
  min-width: 316px;
  max-width: 316px;
  max-height: min(90vh, 640px);
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  gap: var(--design-system-senai_3baijd4y);
  padding: var(--design-system-senai_3baijd4x);
  border-radius: var(--design-system-senai_3baijd61);
  box-sizing: border-box;
  min-height: 0;
}
.design-system-senai_1tct1a19 {
  background-color: var(--design-system-senai_3baijd3e);
  border: 1px solid var(--design-system-senai_3baijd3z);
}
.design-system-senai_1tct1a1a {
  background-color: var(--design-system-senai_3baijd3q);
  border: 1px solid var(--design-system-senai_3baijd3g);
}
.design-system-senai_1tct1a1b {
  opacity: 1;
  transform: translate(-50%, 0);
  visibility: visible;
  pointer-events: auto;
  transition: opacity 160ms ease, transform 160ms ease;
}
.design-system-senai_1tct1a1c {
  opacity: 0;
  transform: translate(-50%, -4px);
  visibility: hidden;
  pointer-events: none;
  transition: opacity 160ms ease, transform 160ms ease;
}
.design-system-senai_1tct1a1d {
  display: flex;
  flex-wrap: wrap;
  gap: var(--design-system-senai_3baijd4w);
  flex-shrink: 0;
}
.design-system-senai_1tct1a1e {
  background-color: var(--design-system-senai_3baijdb);
}
.design-system-senai_1tct1a1f {
  background-color: var(--design-system-senai_3baijdc);
}
.design-system-senai_1tct1a1g {
  background-color: transparent;
}
.design-system-senai_1tct1a1h {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  border: none;
  gap: var(--design-system-senai_3baijd4v);
  padding: var(--design-system-senai_3baijd4x) var(--design-system-senai_3baijd4y);
  cursor: pointer;
}
.design-system-senai_1tct1a1h:hover {
  background-color: var(--design-system-senai_3baijdb);
}
.design-system-senai_1tct1a1i {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
}
.design-system-senai_1tct1a1j {
  display: flex;
  flex-direction: column;
}
.design-system-senai_1tct1a1k {
  color: var(--design-system-senai_3baijd3q);
}
.design-system-senai_1tct1a1l {
  color: var(--design-system-senai_3baijd3e);
}
.design-system-senai_1tct1a1m {
  color: var(--design-system-senai_3baijd3m);
}
.design-system-senai_1tct1a1n {
  color: var(--design-system-senai_3baijd3y);
}
.design-system-senai_1tct1a1o {
  font-family: var(--design-system-senai_3baijd55);
  font-size: var(--design-system-senai_3baijd5l);
  font-weight: var(--design-system-senai_3baijd5t);
  line-height: var(--design-system-senai_3baijd5b);
  padding: 0;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 95%;
}
.design-system-senai_1tct1a1p {
  font-family: var(--design-system-senai_3baijd55);
  font-size: var(--design-system-senai_3baijd5k);
  font-weight: var(--design-system-senai_3baijd5t);
  line-height: var(--design-system-senai_3baijd5a);
  padding: 0;
  margin: 0;
}
.design-system-senai_1tct1a1q {
  cursor: pointer;
}
.design-system-senai_1tct1a1q:hover {
  background-color: var(--design-system-senai_3baijdb);
}
.design-system-senai_1tct1a1r {
  font-family: var(--design-system-senai_3baijd55);
  font-size: var(--design-system-senai_3baijd5l);
  font-weight: var(--design-system-senai_3baijd5t);
  line-height: var(--design-system-senai_3baijd5a);
  padding: 0;
  margin: 0;
}
.design-system-senai_1tct1a1s {
  color: var(--design-system-senai_3baijd3m);
}
.design-system-senai_1tct1a1t {
  color: var(--design-system-senai_3baijd3w);
}
.design-system-senai_1tct1a1u {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--design-system-senai_3baijd4w);
  flex-shrink: 0;
}
.design-system-senai_1tct1a1v {
  display: flex;
  flex-direction: column;
  gap: var(--design-system-senai_3baijd4w);
  flex-shrink: 1;
  min-height: 0;
  overflow: hidden;
}
.design-system-senai_1tct1a1w {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  flex-shrink: 0;
}
.design-system-senai_1tct1a1x {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.design-system-senai_1tct1a1y {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.design-system-senai_1tct1a1y:last-child {
  border-bottom-width: 0;
  border-bottom-style: none;
}
.design-system-senai_1tct1a1z {
  border-bottom-color: var(--design-system-senai_3baijd3g);
}
.design-system-senai_1tct1a20 {
  border-bottom-color: var(--design-system-senai_3baijd3t);
}
.design-system-senai_1tct1a21 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  max-height: 280px;
  padding: var(--design-system-senai_3baijd4x);
  overflow: hidden;
  border-radius: var(--design-system-senai_3baijd5z);
}
.design-system-senai_1tct1a22 {
  border: 1px solid var(--design-system-senai_3baijd3g);
  background-color: transparent;
}
.design-system-senai_1tct1a23 {
  border: 1px solid var(--design-system-senai_3baijd3s);
  background-color: transparent;
}
.design-system-senai_1tct1a24 {
  font-family: var(--design-system-senai_3baijd55);
  font-size: var(--design-system-senai_3baijd5k);
  font-weight: var(--design-system-senai_3baijd5v);
  line-height: var(--design-system-senai_3baijd5a);
  padding: 0 0 var(--design-system-senai_3baijd4w);
  margin: 0;
}
.design-system-senai_1tct1a25 {
  color: var(--design-system-senai_3baijd3o);
}
.design-system-senai_1tct1a26 {
  color: var(--design-system-senai_3baijd40);
}
.design-system-senai_1tct1a27 {
  font-family: var(--design-system-senai_3baijd55);
  font-size: var(--design-system-senai_3baijd5j);
  font-weight: var(--design-system-senai_3baijd5t);
  line-height: var(--design-system-senai_3baijd5a);
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  margin: 0;
}
.design-system-senai_1tct1a28 {
  color: var(--design-system-senai_3baijd3o);
}
.design-system-senai_1tct1a29 {
  color: var(--design-system-senai_3baijd40);
}
.design-system-senai_1tct1a2a {
  display: flex;
  align-items: center;
  gap: var(--design-system-senai_3baijd4x);
}
.design-system-senai_1tct1a2b {
  cursor: pointer;
}
.design-system-senai_1tct1a2c {
  display: flex;
  align-items: center;
  gap: var(--design-system-senai_3baijd4w);
}
@media (min-width: 768px) {
  .design-system-senai_1tct1a1 {
    height: 48px;
    padding-left: var(--design-system-senai_3baijd4z);
    padding-right: var(--design-system-senai_3baijd4z);
  }
  .design-system-senai_1tct1a2 {
    overflow: visible;
  }
  .design-system-senai_1tct1ai {
    flex-wrap: nowrap;
    max-width: 220px;
  }
  .design-system-senai_1tct1ao {
    white-space: normal;
  }
  .design-system-senai_1tct1ap {
    white-space: nowrap;
  }
}
@media screen and (min-width: 320px) and (max-width: 375px) {
  .design-system-senai_1tct1a1 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .design-system-senai_1tct1a2 {
    position: absolute;
    top: calc(100% + var(--design-system-senai_3baijd4v));
    right: 0;
    left: auto;
    flex-direction: column;
    align-items: stretch;
    gap: var(--design-system-senai_3baijd4v);
    width: max-content;
    white-space: normal;
    overflow: visible;
    z-index: 30;
  }
  .design-system-senai_1tct1a3 {
    max-width: min(320px, calc(100vw - 32px));
    margin-right: 0;
    right: -10px;
    transform: translateY(0);
    overflow: visible;
    border-radius: var(--design-system-senai_3baijd61);
    padding: 5px;
  }
  .design-system-senai_1tct1a4 {
    max-width: 0px;
    max-height: 0px;
    margin-right: 0;
    transform: translateY(-6px);
    overflow: hidden;
  }
  .design-system-senai_1tct1an {
    display: none;
  }
  .design-system-senai_1tct1aq {
    gap: var(--design-system-senai_3baijd4v);
  }
  .design-system-senai_1tct1as {
    width: 100%;
  }
  .design-system-senai_1tct1au {
    top: 50%;
    right: 120%;
    left: auto;
    margin-right: var(--design-system-senai_3baijd4v);
    border-radius: var(--design-system-senai_3baijd61);
    transform: translateY(-50%);
    min-width: 290px;
    max-width: 290px;
  }
  .design-system-senai_1tct1av {
    top: 50%;
    right: 120%;
    left: auto;
    margin-right: var(--design-system-senai_3baijd4v);
    transform: translateY(-50%);
  }
  .design-system-senai_1tct1a18 {
    left: auto;
    right: 0;
    min-width: min(316px, calc(100vw - 24px));
    max-width: min(316px, calc(100vw - 24px));
  }
  .design-system-senai_1tct1a1b {
    transform: translate(0, 0);
  }
  .design-system-senai_1tct1a1c {
    transform: translate(0, -4px);
  }
  .design-system-senai_1tct1a2a {
    gap: var(--design-system-senai_3baijd4v);
  }
}