.inbox-settings
  position relative
  display flex
  align-items center

  input[type='checkbox']
    display none

  label
    cursor pointer
    position absolute
    width 15px
    height 15px
    border 1px solid #b5d2e1
    border-radius 4px

    &:after
      opacity 0
      content ''
      position absolute
      width 7px
      height 4px
      background transparent
      top 2px
      left 2px
      border 3px solid #eee
      border-top none
      border-right none
      transform rotate(-45deg)

  input[type='checkbox']:checked
    ~label
      background #13cb6e

      &:after
        opacity 1

  .inbox-email
    margin-left 28px

label
  &.inbox-checkbox-label
    margin 0