@import 'src/assets/styles/responsive-base.scss';

:host {
  min-width: 400px;
  display: block;

  @include screen('phone') {
    min-width: unset;
  }

  .mdc-list-item {
    cursor: pointer !important;
    height: 30px !important;
  }

  .list-item-disabled {
    opacity: 0.4;
    cursor: default;
  }
  mat-list {
    padding: 12px 0;
    mat-icon {
      margin-right: 10px;
    }
  }

  .mat-list-title {
    margin: 8px 0;
  }
}
