#waline-container 
    --waline-font-size: 1rem
    --waline-white: #fff
    --waline-light-grey: #999
    --waline-dark-grey: #666
    --waline-theme-color: #4a473e
    --waline-active-color: #757161
    --waline-color: #4a473e
    --waline-bgcolor: #b1ab8f
    --waline-bgcolor-light: #f3f0e3
    --waline-bgcolor-hover: #f0f0f0
    --waline-border-color: #4a473e
    --waline-disable-bgcolor: #f8f8f8
    --waline-disable-color: #000
    --waline-code-bgcolor: #282c34
    --waline-bq-color: #f0f0f0
    --waline-avatar-size: 3.25rem
    --waline-m-avatar-size: calc(var(--waline-avatar-size) * 9 / 13)
    --waline-badge-color: #3498db
    --waline-badge-font-size: 0.75em
    --waline-info-bgcolor: #b4af9a
    --waline-info-color: #25241f
    --waline-info-font-size: 0.625em
    --waline-border: 1px solid var(--waline-border-color)
    --waline-avatar-radius: 50%
    --waline-box-shadow: none

#waline-container
  // margin-top: 1em
  .wl-panel
    border-radius: 0
    padding: 8px
    background-color: unset
    border-width: 2px
  .wl-header
    border-top-left-radius: 0
    border-top-right-radius: 0
    padding-bottom: 0.8em
    label
      font-size: 0.85em
      font-weight: bold
  .wl-editor, .wl-input
    border: solid
    border-width: 2px
    border-radius: 0
    font-size: 0.85em
    font-family: 'Consolas', sans-serif
  .wl-input
    font-weight: bold
  .wl-btn
    border-radius: 0