@value inputHeight from '../dimensions.css';

.common {
  font-size: 14px;
}

.common > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.common > div :global(.cspace-input-DropdownMenuInput--common) {
  display: inline-block;
}

.common > div :global(.cspace-input-DropdownMenuInput--common) > :global(.cspace-input-TextInput--common) {
  display: inline;
  width: 50px;
}

.normal {
  composes: common;
}

.normal > ul > li {
  display: flex;
  align-items: baseline;
  border-top: 1px solid rgb(220, 220, 220);
  padding-top: 8px;
}

.normal > ul > li > *:first-child {
  width: 50px;
  margin-right: 4px;
  text-align: center;
}

.inline {
  composes: common;
}

.inline > div,
.inline > ul {
  display: flex;
  flex-wrap: wrap;
}

.inline > ul > li {
  display: inline;
  line-height: calc(inputHeight + 2px);
}

.inline > ul > li:not(:first-child) > span {
  margin: 0 4px;
}