* {
  box-sizing: border-box;
}
.design-system-senai_1pwxrgy0 {
  position: relative;
}
.design-system-senai_1pwxrgy1 {
  width: 100%;
  min-width: 348px;
  flex: 1;
}
.design-system-senai_1pwxrgy2 {
  max-width: 348px;
  min-width: 348px;
  width: 348px;
}
.design-system-senai_1pwxrgy3 {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: var(--design-system-senai_3baijd4w) var(--design-system-senai_3baijd4x);
  border-radius: var(--design-system-senai_3baijd60);
  cursor: pointer;
}
.design-system-senai_1pwxrgy4 {
  border: var(--design-system-senai_3baijd3g) solid 1px;
}
.design-system-senai_1pwxrgy5 {
  border: var(--design-system-senai_3baijd3s) solid 1px;
}
.design-system-senai_1pwxrgy6 {
  display: block;
  margin-bottom: var(--design-system-senai_3baijd4v);
  font-family: var(--design-system-senai_3baijd55);
  font-size: var(--design-system-senai_3baijd5l);
  font-weight: var(--design-system-senai_3baijd5u);
  color: var(--design-system-senai_3baijd3p);
}
.design-system-senai_1pwxrgy7 {
  color: var(--design-system-senai_3baijd3o);
}
.design-system-senai_1pwxrgy8 {
  color: var(--design-system-senai_3baijd40);
}
.design-system-senai_1pwxrgy9 {
  color: var(--design-system-senai_3baijd1d);
  margin-left: var(--design-system-senai_3baijd4v);
}
.design-system-senai_1pwxrgya {
  width: 100%;
  border: none;
  cursor: pointer;
  background: none;
  line-height: 20px;
  font-family: var(--design-system-senai_3baijd55);
  font-size: var(--design-system-senai_3baijd5l);
  font-weight: var(--design-system-senai_3baijd5t);
}
.design-system-senai_1pwxrgya::placeholder {
  font-family: var(--design-system-senai_3baijd55);
  font-size: var(--design-system-senai_3baijd5l);
  font-weight: var(--design-system-senai_3baijd5t);
}
.design-system-senai_1pwxrgyb {
  color: var(--design-system-senai_3baijd3o);
}
.design-system-senai_1pwxrgyb::placeholder {
  color: var(--design-system-senai_3baijd3o);
}
.design-system-senai_1pwxrgyc {
  color: var(--design-system-senai_3baijd40);
}
.design-system-senai_1pwxrgyc::placeholder {
  color: var(--design-system-senai_3baijd40);
}
.design-system-senai_1pwxrgyd {
  background: none;
  border: none;
  outline: none;
  height: auto;
  width: auto;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
  cursor: pointer;
  z-index: 10;
}
.design-system-senai_1pwxrgye {
  color: var(--design-system-senai_3baijd3o);
}
.design-system-senai_1pwxrgyf {
  color: var(--design-system-senai_3baijd40);
}
.design-system-senai_1pwxrgyg {
  position: absolute;
  top: calc(100% + var(--design-system-senai_3baijd4v));
  left: 0;
  border-radius: var(--design-system-senai_3baijd61);
  z-index: 30;
  padding: var(--design-system-senai_3baijd4x);
}
.design-system-senai_1pwxrgyh {
  background: var(--design-system-senai_3baijd3e);
  border: 1px solid var(--design-system-senai_3baijd3g);
}
.design-system-senai_1pwxrgyi {
  background: var(--design-system-senai_3baijd3q);
  border: 1px solid var(--design-system-senai_3baijd3s);
}
.design-system-senai_1pwxrgyj {
  width: 100%;
}
.design-system-senai_1pwxrgyk {
  width: 348px;
  min-width: 348px;
  max-width: 348px;
}
.design-system-senai_1pwxrgyl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--design-system-senai_3baijd4y);
}
.design-system-senai_1pwxrgym {
  color: var(--design-system-senai_3baijd7);
  font-family: var(--design-system-senai_3baijd55);
  font-size: var(--design-system-senai_3baijd5k);
  font-weight: var(--design-system-senai_3baijd5u);
  text-align: center;
}
.design-system-senai_1pwxrgyn {
  color: var(--design-system-senai_3baijd7);
}
.design-system-senai_1pwxrgyo {
  color: var(--design-system-senai_3baijd40);
}
.design-system-senai_1pwxrgyp {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  width: 100%;
  gap: var(--design-system-senai_3baijd4v) var(--design-system-senai_3baijd4x);
  overflow: hidden;
}
.design-system-senai_1pwxrgyq {
  margin: auto;
  text-align: center;
  font-size: var(--design-system-senai_3baijd5l);
  font-weight: var(--design-system-senai_3baijd5t);
  font-family: var(--design-system-senai_3baijd55);
  color: var(--design-system-senai_3baijd3o);
  padding: 0;
  width: 20px;
  line-height: 20px;
}
.design-system-senai_1pwxrgyr {
  margin: auto;
  text-align: center;
  border-radius: var(--design-system-senai_3baijd5y);
  cursor: pointer;
  font-size: var(--design-system-senai_3baijd5l);
  font-family: var(--design-system-senai_3baijd55);
  font-weight: var(--design-system-senai_3baijd5t);
  color: var(--design-system-senai_3baijd3o);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: var(--design-system-senai_3baijd4v);
  position: relative;
}
.design-system-senai_1pwxrgyr:before {
  content: '';
  position: absolute;
  width: 12px;
  background-color: transparent;
  height: 36px;
  top: 0;
  left: 0;
  transform: translateX(-12px);
  pointer-events: none;
}
.design-system-senai_1pwxrgyr:after {
  content: '';
  position: absolute;
  width: 12px;
  background-color: transparent;
  height: 36px;
  top: 0;
  left: 0;
  transform: translateX(-12px);
  pointer-events: none;
}
.design-system-senai_1pwxrgys {
  color: var(--design-system-senai_3baijd3o);
}
.design-system-senai_1pwxrgyt {
  color: var(--design-system-senai_3baijd40);
}
.design-system-senai_1pwxrgyu {
  background-color: var(--design-system-senai_3baijdc);
}
.design-system-senai_1pwxrgyv {
  background-color: var(--design-system-senai_3baijdc);
  border-radius: 0;
  transition: 0.2s background-color;
}
.design-system-senai_1pwxrgyv:before {
  content: '';
  transition: 0.2s background-color;
  position: absolute;
  width: 12px;
  background-color: var(--design-system-senai_3baijdc);
  left: 0;
}
.design-system-senai_1pwxrgyw {
  background-color: var(--design-system-senai_3baijdc);
  border-radius: var(--design-system-senai_3baijd5z);
  transition: 0.2s background-color;
}
.design-system-senai_1pwxrgyw:before {
  content: '';
  transition: 0.2s background-color;
  position: absolute;
  transform: translateX(0);
  width: 100%;
  background-color: var(--design-system-senai_3baijdc);
  right: 0;
  border-radius: var(--design-system-senai_3baijd5z) 0 0 var(--design-system-senai_3baijd5z);
}
.design-system-senai_1pwxrgyx {
  background-color: var(--design-system-senai_3baijdc);
  border-radius: var(--design-system-senai_3baijd5z);
  transition: 0.2s background-color;
}
.design-system-senai_1pwxrgyx:before {
  content: '';
  transition: 0.2s background-color;
  position: absolute;
  width: calc(100% + 12px);
  background-color: var(--design-system-senai_3baijdc);
  left: 0;
  border-radius: 0 var(--design-system-senai_3baijd5z) var(--design-system-senai_3baijd5z) 0;
}
.design-system-senai_1pwxrgyy {
  background-color: var(--design-system-senai_3baijdc);
  border-radius: var(--design-system-senai_3baijd5z);
}
.design-system-senai_1pwxrgyy:before {
  content: '';
  position: absolute;
  transform: translateX(0);
  transition: 0.2s background-color;
  width: 100%;
  background-color: var(--design-system-senai_3baijdc);
  right: 0;
  border-radius: var(--design-system-senai_3baijd5z) 0 0 var(--design-system-senai_3baijd5z);
}
.design-system-senai_1pwxrgyz {
  background-color: var(--design-system-senai_3baijdc);
  border-radius: var(--design-system-senai_3baijd5z);
}
.design-system-senai_1pwxrgyz:before {
  content: '';
  background-color: transparent;
}
.design-system-senai_1pwxrgy10 {
  background-color: var(--design-system-senai_3baijdc);
  border-radius: var(--design-system-senai_3baijd5z);
}
.design-system-senai_1pwxrgy10:before {
  content: '';
  position: absolute;
  width: calc(100% + 12px);
  transition: 0.2s background-color;
  background-color: var(--design-system-senai_3baijdc);
  left: 0;
  border-radius: 0 var(--design-system-senai_3baijd5z) var(--design-system-senai_3baijd5z) 0;
}
.design-system-senai_1pwxrgy11 {
  color: var(--design-system-senai_3baijd3j);
}
.design-system-senai_1pwxrgy12 {
  background-color: var(--design-system-senai_3baijdc);
}
.design-system-senai_1pwxrgy13 {
  background-color: var(--design-system-senai_3baijdc);
  border-radius: var(--design-system-senai_3baijd5z);
}
.design-system-senai_1pwxrgy13:before {
  content: '';
  background-color: transparent;
}
.design-system-senai_1pwxrgy14 {
  background-color: var(--design-system-senai_3baijdc);
  border-radius: 0;
  transition: 0.2s background-color;
}
.design-system-senai_1pwxrgy14:before {
  content: '';
  transition: 0.2s background-color;
  position: absolute;
  width: 12px;
  background-color: var(--design-system-senai_3baijdc);
  left: 0;
}
.design-system-senai_1pwxrgy15 {
  background-color: var(--design-system-senai_3baijdc);
  border-radius: var(--design-system-senai_3baijd5z);
  transition: 0.2s background-color;
}
.design-system-senai_1pwxrgy15:before {
  content: '';
  transition: 0.2s background-color;
  position: absolute;
  transform: translateX(0);
  width: 100%;
  background-color: var(--design-system-senai_3baijdc);
  right: 0;
  border-radius: var(--design-system-senai_3baijd5z) 0 0 var(--design-system-senai_3baijd5z);
}
.design-system-senai_1pwxrgy16 {
  background-color: var(--design-system-senai_3baijdc);
  border-radius: var(--design-system-senai_3baijd5z);
  transition: 0.2s background-color;
}
.design-system-senai_1pwxrgy16:before {
  content: '';
  transition: 0.2s background-color;
  position: absolute;
  width: calc(100% + 12px);
  background-color: var(--design-system-senai_3baijdc);
  left: 0;
  border-radius: 0 var(--design-system-senai_3baijd5z) var(--design-system-senai_3baijd5z) 0;
}
.design-system-senai_1pwxrgy17 {
  background-color: var(--design-system-senai_3baijdc);
  border-radius: var(--design-system-senai_3baijd5z);
}
.design-system-senai_1pwxrgy17:before {
  content: '';
  position: absolute;
  transition: 0.2s background-color;
  transform: translateX(0);
  width: 100%;
  background-color: var(--design-system-senai_3baijdc);
  right: 0;
  border-radius: var(--design-system-senai_3baijd5z) 0 0 var(--design-system-senai_3baijd5z);
}
.design-system-senai_1pwxrgy18 {
  background-color: var(--design-system-senai_3baijdc);
  border-radius: var(--design-system-senai_3baijd5z);
}
.design-system-senai_1pwxrgy18:before {
  content: '';
  position: absolute;
  width: calc(100% + 12px);
  transition: 0.2s background-color;
  background-color: var(--design-system-senai_3baijdc);
  left: 0;
  border-radius: 0 var(--design-system-senai_3baijd5z) var(--design-system-senai_3baijd5z) 0;
}
.design-system-senai_1pwxrgy19 {
  background-color: var(--design-system-senai_3baijdc);
  border-radius: var(--design-system-senai_3baijd5z);
  transition: 0.2s background-color;
}
.design-system-senai_1pwxrgy19:before {
  content: '';
  display: none;
}
.design-system-senai_1pwxrgy19:after {
  content: '';
  transition: 0.2s background-color;
  position: absolute;
  width: calc(100%);
  background-color: var(--design-system-senai_3baijdc);
  left: 0;
  transform: translateX(0px);
  border-radius: var(--design-system-senai_3baijd5z) 0 0 var(--design-system-senai_3baijd5z);
}
.design-system-senai_1pwxrgy1a {
  background-color: var(--design-system-senai_3baijdc);
  border-radius: var(--design-system-senai_3baijd5z);
  transition: 0.2s background-color;
}
.design-system-senai_1pwxrgy1a:before {
  content: '';
  display: none;
}
.design-system-senai_1pwxrgy1a:after {
  content: '';
  transition: 0.2s background-color;
  position: absolute;
  transform: translateX(-12px);
  width: calc(100% + 12px);
  background-color: var(--design-system-senai_3baijdc);
  right: 0;
  border-radius: 0 var(--design-system-senai_3baijd5z) var(--design-system-senai_3baijd5z) 0;
}
.design-system-senai_1pwxrgy1b {
  background-color: var(--design-system-senai_3baijdc);
  border-radius: var(--design-system-senai_3baijd5z);
  transition: 0.2s background-color;
}
.design-system-senai_1pwxrgy1b:before {
  content: '';
  transition: 0.2s background-color;
  position: absolute;
  width: calc(100% + 12px);
  background-color: var(--design-system-senai_3baijdc);
  left: 0;
  border-radius: 0 var(--design-system-senai_3baijd5z) var(--design-system-senai_3baijd5z) 0;
}
.design-system-senai_1pwxrgy1c {
  background-color: var(--design-system-senai_3baijdc);
  border-radius: var(--design-system-senai_3baijd5z);
  transition: 0.2s background-color;
}
.design-system-senai_1pwxrgy1c:before {
  content: '';
  transition: 0.2s background-color;
  position: absolute;
  transform: translateX(0);
  width: 100%;
  background-color: var(--design-system-senai_3baijdc);
  right: 0;
  border-radius: var(--design-system-senai_3baijd5z) 0 0 var(--design-system-senai_3baijd5z);
}
.design-system-senai_1pwxrgy1d {
  color: var(--design-system-senai_3baijd3x);
}