.symxqo0 {
  position: relative;
  width: 100%;
  height: 4px;
  background-color: var(--ColorGray-150);
  border-radius: 2px;
  cursor: pointer;
}
.symxqo1 {
  position: absolute;
  height: 100%;
  background-color: var(--ColorBlack-450);
  border-radius: 2px;
  -moz-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
.symxqo2 {
  position: absolute;
  background-color: var(--ColorBlack-450);
  top: 50%;
  -moz-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  -moz-transition: left 0.3s ease-in-out;
  transition: left 0.3s ease-in-out;
}
.symxqo2:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
._17et1aq0 {
  position: relative;
  padding: 0 16px;
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  gap: 20px;
}
._17et1aq1 {
  display: -moz-box;
  display: flex;
  -moz-box-pack: justify;
       justify-content: space-between;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
       flex-direction: row;
  -moz-box-align: center;
       align-items: center;
}
._17et1aq2 {
  color: var(--ColorBlack-450);
  line-height: 18px;
  letter-spacing: -0.5px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
._17et1aq3 {
  line-height: 18px;
  letter-spacing: -0.5px;
}