@layer starter, reset, base, state, application;

._range-row_xox8l_1 {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.5rem;
  align-items: center;
}

._range-row_xox8l_1 ._input_xox8l_8 {
  width: 100% !important;
}

._range-root_xox8l_12 {
  width: 100% !important;
  container: range-root/inline-size;
}

@container range-root (width < 180px) {
  ._range-row_xox8l_1 {
    grid-template-columns: 1fr;
    justify-items: center;
  }
}
._range-root_xox8l_12 ._sr-only_xox8l_23 {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding-block: 0;
  padding-inline: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}