@import "../../themes/liberty.globals";

:host {
  display: inline-flex;

  flex-wrap: wrap;
  align-items: center;

  margin: 0 4px 8px 0;

  padding-right: 10px;
  padding-left: 16px;

  border-radius: 15px;

  font-size: 14px;

  line-height: 28px;

  lu-button {
    --button-padding-start: 0;
    --button-padding-end: 0;
    --button-height: 15px;
    margin: 0 4px;

    lu-icon {
      /* stylelint-disable */
      font-size: 18px !important;
      /* stylelint-enable */
    }
  }
}

:host(.is-in-summary-view) {
  background: $primary_lightest;
  color: $primary_light;
}