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

:host {
  color: black;
  // TODO: Fix the 10px font-size applied to body.
  &.warning {
    .wpt-dialog-content {
      p {
        color: $red;
      }
    }
  }
  wpt-dialog-content {
    padding-bottom: 5px;
    input {
      width: 100%;
      display: block;
      padding: 0.8em;
      border: 1px solid $grey;
    }
  }
  wpt-dialog-actions {
    display: flex;
    justify-content: space-between;
    button {
      flex: 1 1 auto;
    }
  }
}