@import "@xf/styles/variables.styl"
@import "@xf/styles/utils.styl"

.settings
  flex 0 0 $settingsWidth
  min-width $settingsMinWidth
  padding 20px 24px

  background #f3f7fc
  shadowRight(#E6E8EB)

  box-sizing border-box

  .block
    &:not(:first-child)
      margin-top: $spacing * 2
      padding-top: $spacing * 2
      border-top: 1px solid #e1e5ea

    h3
      position relative
      font-size 1.35em

      .block-row
        position absolute;
        right 0
        top -5px

        > .label
          display none

        .input
          flex 0 0 100%
          max-width: 150px
          min-width auto

          input, select, textarea, .select
            width: auto
            max-width: 150px

    .block-row
      display flex
      align-items top
      margin-bottom: $spacing

      > .label
        flex 1 0
        margin-top: 5px

        font-weight bold
        color #576575

      > .input
        flex 0 0 60%
        min-width 200px

        input, select, textarea, .select
          width 100%