sl-fieldrow {
  display: flex;
}
sl-fieldrow > * {
  flex: 1 1 auto;
  min-width: 0;
}
sl-fieldrow > *[width=full],
sl-fieldrow > *[data-width=full] {
  width: 100%;
}
sl-fieldrow > *[width="3/4"],
sl-fieldrow > *[data-width="3/4"] {
  width: 75%;
}
sl-fieldrow > *[width="1/2"],
sl-fieldrow > *[data-width="1/2"] {
  width: 50%;
}
sl-fieldrow > *[width="1/4"],
sl-fieldrow > *[data-width="1/4"] {
  width: 25%;
}

sl-fieldrow > :not([hidden]) ~ :not([hidden]) {
  --sl-space-x-reverse: 0;
  margin-right: calc(-1px * var(--sl-space-x-reverse));
  margin-left: calc(-1px * (1 - var(--sl-space-x-reverse)));
}

sl-fieldrow > :not(:first-child, :only-child) > sl-input::part(base),
sl-fieldrow > :not(:first-child, :only-child) > sl-textarea::part(base),
sl-fieldrow > :not(:first-child, :only-child) > sl-select::part(select-box),
sl-fieldrow > :not(:first-child, :only-child) > * > sl-input::part(base),
sl-fieldrow > :not(:first-child, :only-child) > * > sl-textarea::part(base),
sl-fieldrow > :not(:first-child, :only-child) * > * sl-select::part(select-box) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
sl-fieldrow > :not(:last-child, :only-child) > sl-input::part(base),
sl-fieldrow > :not(:last-child, :only-child) > sl-textarea::part(base),
sl-fieldrow > :not(:last-child, :only-child) > sl-select::part(select-box),
sl-fieldrow > :not(:last-child, :only-child) > * > sl-input::part(base),
sl-fieldrow > :not(:last-child, :only-child) > * > sl-textarea::part(base),
sl-fieldrow > :not(:last-child, :only-child) * > * sl-select::part(select-box) {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
sl-fieldrow > sl-input:not(:first-child):not(:only-child)::part(base),
sl-fieldrow > sl-textarea:not(:first-child):not(:only-child)::part(base),
sl-fieldrow > sl-select:not(:first-child):not(:only-child)::part(select-box) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
sl-fieldrow > sl-input:not(:last-child):not(:only-child)::part(base),
sl-fieldrow > sl-textarea:not(:last-child):not(:only-child)::part(base),
sl-fieldrow > sl-select:not(:last-child):not(:only-child)::part(select-box) {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}