@import "../partials/clean/constants"
@import "../partials/clean/mixins"
@import "../partials/secondary_nav"

+secondary-nav

#intro
  clear: both

#petpage-closet-lists
  +clearfix
  border-radius: 10px
  border: 1px solid $soft-border-color
  margin-bottom: 1.5em
  padding: .5em 1.5em

  > div
    margin: .25em 0

  h4
    display: inline-block
    vertical-align: middle

    &::after
      content: ":"

  ul
    list-style: none
    margin: 0
    padding: 0

    li
      display: inline-block
      font-size: 85%
      margin: .25em .5em
      padding: 1px

      label
        padding: .25em .75em .25em .25em

      &:has(:checked)
        background: $module-bg-color
        border-radius: 3px
        border: 1px solid $module-border-color
        padding: 0

      &.unlisted
        font-style: italic

  input[type=submit]
    float: right

#petpage-output
  display: block
  height: 30em
  margin: 0 auto
  width: 50%