fieldset
  border: 0
  margin: 0
  padding: 0

  legend
    display: none

@media (min-width: 769px)
  .form-group__input
    grid-column: 2

[uw-auto-submit-button][type='submit']
  animation: fade-in 500ms ease-in-out backwards
  animation-delay: 500ms

@keyframes fade-in
  from
    opacity: 0

.hidden
  visibility: hidden !important
  height: 0 !important
  width: 0 !important
  opacity: 0 !important
  margin: 0 !important
  padding: 0 !important
  min-width: 0 !important

.select--pagesize
  width: 5em
  min-width: 75px

.label-pagesize
  margin-right: 13px

.explained-selection-field
  display: flex
  flex-flow: row wrap
  margin: -5px

  .explained-selection-field__option
    display: grid
    grid-gap: 0 7px
    grid-template-columns: 25px 1fr
    grid-template-rows: 25px 1fr
    grid-template-areas: 'radiobox title' '. explanation'
    margin: 5px
    width: calc(33.33% - 10px)

    .explained-selection-field__input
      grid-area: radiobox
      place-self: center center
      width: 20px
      height: 20px
      cursor: pointer

    .explained-selection-field__label
      grid-area: title
      place-self: center stretch
      font-weight: 600
      cursor: pointer

    .explained-selection-field__explanation
      grid-area: explanation
      place-self: stretch stretch
      font-weight: 600
      font-size: .9rem
      color: var(--color-fontsec)