@import '~scss/variables';
@import '~scss/mixins';

.wrapper {
  height: 100%;
  padding: 12px;
  border-radius: 4px;
  background-color: $lightest;

  .add {
    margin-top: 12px;
    justify-content: center;
  }
}

.list {
  margin-bottom: 12px;
}

.mount {
  margin-top: 12px;

  ul > li {
    display: flex;
    background-color: $bg-color;
    padding: 8px;
    border-radius: 4px;

    & > div {
      color: $text-color;
      font-weight: $font-bold;
      min-width: 200px;

      & > span {
        display: inline-block;
        vertical-align: middle;
      }
    }

    & + li {
      margin-top: 8px;
    }

    :global .icon {
      margin-right: 8px;
    }
  }
}
