.block-editor-block-list__layout .boldblocks-block-edit-panel {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-family: $default-font;
  font-size: $default-font-size;
  padding: ($grid-unit-10 - $border-width - $border-width) $grid-unit-15;

  // Block UI appearance.
  border-radius: $radius-block-ui;
  background-color: $white;
  box-shadow: 0 0 0 $border-width $gray-900;
  outline: 1px solid transparent; // Shown for Windows 10 High Contrast mode.

  .boldblocks-block-edit-panel__info {
    margin-right: auto;
  }

  .boldblocks-block-edit-panel__label {
    margin-right: $grid-unit-10;
    white-space: nowrap;
    font-family: $default-font;
    font-size: $default-font-size;
  }

  .boldblocks-block-edit-panel__title {
    flex: 1 1 100%;
  }

  .components-button.boldblocks-block-edit-panel__button {
    flex-shrink: 0;
    margin: $grid-unit-15 $grid-unit-10 6px 0;
  }

  @include break-small() {
    flex-wrap: nowrap;

    + .is-selected,
    + .is-multi-selected {
      margin-top: 70px !important;
    }

    .boldblocks-block-edit-panel__title {
      margin: 0;
    }

    .components-button.boldblocks-block-edit-panel__button {
      margin: 0 0 0 $grid-unit-10;
    }
  }
}

.boldblocks-block-edit-panel__title[type="text"] {
  @include input-control;
}

.is-navigate-mode .is-selected .boldblocks-block-edit-panel {
  box-shadow: 0 0 0 $border-width var(--wp-admin-theme-color);

  .is-dark-theme & {
    box-shadow: 0 0 0 $border-width var(--wp-admin-theme-color);
  }
}

.cbb-block-modal {
  @include break-small() {
    min-width: 420px;

    .title-input {
      max-width: 400px;
    }
  }
}