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

+host-styles(mp-drop-menu)
  border-radius 5px
  display flex
  width 340px

+prefix-classes('mp-tag-selector-')
  .container
    border-radius inherit
    width 100%

    &, *
      box-sizing border-box


    .empty
      font-style italic

    .hr
      background-color $grey-150
      height 1px
      width 100%

    mp-items-menu
      margin 0 12px

  .save-btn
    mp-spinner

  .create-tag-btn
    display block
    margin 20px
    max-width 100%
    overflow hidden

    .copy
      color $grey-900
      flex none
      margin-right 4px

    .label-name
      color $blue-700
      flex 1
      overflow hidden
      text-overflow ellipsis

  mp-tag-input
    overflow scroll

mp-button-bar.create-btn
  height 50%