@import "core/main_dependencies";

bb-core-attendee-list {
  display: block;

  @function width($cols) {
    @return $cols / 12 * 100%;
  }

  .attendee-list {
    width: 100%;

    .attendee-list__item {

      &.item {
        &.item--is-readonly {
          .item__details {
            width: width(11);
          }
        }

        .item__remove {
          width: width(1);
        }

        .item__details {
          width: width(9);
        }

        .item__edit {
          width: width(2);
        }
      }
    }
  }
}