wix-style-react/src/Range/Range.st.css

wix-style-react

.root {
  -st-states: focusedElementPosition(enum(first, last));
}

.root:focusedElementPosition(first) .firstinput,
.root:focusedElementPosition(first) .firstDate {
  z-index: 1;
  border-right-width: 1px;
}

.root:focusedElementPosition(last) .firstinput,
.root:focusedElementPosition(last) .firstDate {
  border-right-width: 0px;
}

.root:focusedElementPosition(last) .lastinput,
.root:focusedElementPosition(last) .lastDate {
  z-index: 1;
  border-left-width: 1px;
}

.root .lastinput,
.root .lastDate {
  border-left-width: 0;
}

.label {
  margin-bottom: 6px;
}

.inputWrapper {
  display: flex;
}

.firstinput, .lastinput {
  width: 50%;
  box-sizing: content-box;
}