
.layout-body > .filter
  display: flex
  align-items: flex-end
  padding: 0
  margin: 0

  & > .content,
  & > fieldset
    flex: 1

  & > .actions,
  & > button
    flex: 0
    margin: .35rem 0

  fieldset
    display: block
    border: none
    padding: .35rem 0
    margin: 0
    box-sizing: border-box

    &:after
      content: ""
      display: block
      clear: both

    legend
      float: left
      width: 8rem

    legend,
    .option-list > label,
    .option-column > label
      display: inline-block
      max-width: 100%
      text-overflow: ellipsis
      padding: 0 1rem 0 0
      box-sizing: border-box
      overflow: hidden

    .option-list
      column-width: 11rem
      column-fill: balance
      margin-bottom: -.5rem

    .option-column
      float: left
      width: 11rem
      margin-bottom: -.5rem

    .label-container
      display: flex
      align-items: center
      white-space: nowrap

    .constant
      font-size: 10px
      text-transform: uppercase
      letter-spacing: .05em
      padding-top: 3px


.layout-body > ul.tabs + .filter
  background: #f8f8f8
  padding: .65rem 1.25rem
  margin-top: -2.25rem
  margin-bottom: 1.75rem
