@import '../../style/variables';

:host {
  font-size: 14px; // This fixes font-size: 10px applied to the whole document.
  // TODO: Fix the 10px font-size applied to body.
  h2 {
    font-size: 18px;
  }
  &.warning {
    .wpt-dialog-content {
      p {
        color: $red;
      }
    }
  }
  wpt-dialog-content {
    padding-bottom: 5px;
  }

  wpt-dialog-actions {
    justify-content: flex-end;
  }

  &.button-full-width {
    .GenericButton {
      transition: max-width 0s;
      max-width: 100%;
    }
  }
}