.BulkWorkflow {
  .Dropdown;

  height: auto;
  max-height: 50vh;
  max-width: calc(var(--Tether-rw) * 2 + var(--Popup-gap) * 2 + 2px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0;
  right: calc(var(--gap-s) * 2);
  width: auto;

  &.is-open {
    .Dropdown.is-open;

    .BulkWorkflow-widget-title {
      padding: var(--gap-m) var(--gap-l);
    }
  }

  &-button {
    .Dropdown-item;

    &.is-open {
      background-color: var(--color-gray1);
    }
  }

  &-widget {
    .closeButton {
      .IconButton;

      --IconButton-name: 'close';

      background: var(--color-gray1);
      border: 0;
      padding: 0;
      position: absolute;
      right: var(--gap-s);
      top: var(--gap-xs);
    }

    &-title {
      margin-bottom: var(--gap-m);
      padding: var(--gap-m) var(--gap-m) var(--gap-l) var(--gap-l);
    }

    .Message {
      &.is-success,
      &.message-info {
        padding-left: calc(3.5 * var(--gap-l));
      }

      &-icon::before {
        padding-left: var(--gap-l);
      }
    }

    &-items {
      padding: var(--gap-l) var(--gap-l);

      &-item {
        margin-bottom: var(--gap-s);

        &-transitions {
          display: flex;
          flex-direction: column;

          &-button {
            margin: var(--gap-xs) 0 var(--gap-xs) 0;
            width: 30%;

            .BulkWorkflow.is-open & {
              min-width: 30%;
              width: inherit;
            }
          }
        }
      }
    }

    &:last-child {
      margin-bottom: var(--gap-l);
      padding: 0;
    }
  }
}

.bulkWorkflowConfirm {
  &-widget {
    .widget-publishingWorkflowLog {
      padding-left: 0;

      .objectInputs {
        padding-left: var(--gap-m);
      }
    }

    &-title {
      padding: var(--gap-m) var(--gap-m) var(--gap-m) var(--gap-l);
    }
  }
}
