@import '../../stylesheets/mixins/common.styl'

+host-styles('mp-properties-screen')
  display inline-flex

+prefix-classes('ps-')
  .container
    display flex
    flex-direction column
    max-height 462px
    overflow hidden
    width 320px

    &.display-context-custom-event
      max-height 340px

    .title-section
      align-items center
      box-shadow 0 1px 3px 0 rgba(156, 172, 187, 0.37), 0 1px 0 0 $grey-150
      display flex
      flex none
      height 48px
      justify-content center

      .title-label
        color mp-secondary-text-color()
        display flex
        font-size-xs()
        font-weight $weight-bold