@import '../../stylesheets/defaults'

+host-styles(mp-confirm-delete)
  width 400px

+prefix-classes('mp-confirm-delete-')
  mp-modal
    width inherit

  .container, .container *
    box-sizing border-box

  .container
    display flex
    flex-direction column

    .body
      display flex
      flex-direction row
      min-height 92px
      overflow auto
      padding 15px 30px 0 20px
      text-align left

      .icon
        svg-icon-style($mp-red, size: 22px)
        width 22px

      .copy
        margin-left 6px

    .buttons
      border-top 1px solid $grey-200
      margin-top 15px
      padding 15px 20px 15px 0
      text-align right

      mp-button
        margin-left 15px