.block-cookbook {
  --cwp-image: 344px;
  min-height: var(--cwp-image);
  position: relative;
  align-items: center;
}

.block-cookbook.cwp-large,
.block-cookbook.cwp-large.has-background,
.editor-styles-wrapper .wp-block-cwp-cookbook.has-background {
  padding: 0;
}

.block-cookbook .block-cookbook__inner,
.editor-styles-wrapper .block-cookbook .block-cookbook__inner {
  gap: 0;
}

.block-cookbook__content {
  flex-basis: 0;
  flex-grow: 1;
  padding: var(--wp--custom--layout--block-gap);
}

@media only screen and (max-width: 576px) {
  body .block-cookbook .block-cookbook__inner .wp-block-buttons {
    justify-content: center;
  }

  body .block-cookbook .block-cookbook__inner,
  body .editor-styles-wrapper .block-cookbook .block-cookbook__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center;
  }
  .block-cookbook__content {
    padding: 0;
  }
}

@media only screen and (min-width: 760px) {
  .block-cookbook__image {
    align-self: stretch;
    width: var(--cwp-image);
    height: auto;
  }

  .block-cookbook__image figure,
  .block-cookbook__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .block-cookbook__image
    > figure:not(.is-selected)
    > .components-resizable-box__container {
    height: 100% !important;
  }

  .block-cookbook__content {
    padding: var(--wp--custom--layout--block-gap-large);
  }
}

.block-area-sidebar .block-cookbook .block-cookbook__inner {
  display: block;
}

.block-area-sidebar .block-cookbook.has-background,
.block-area-sidebar
  .editor-styles-wrapper
  .has-background[data-type="cwp/cookbook"] {
  padding: 0;
}

.block-area-sidebar .block-cookbook .block-cookbook__content {
  padding: 16px;
}

.block-area-sidebar .block-cookbook__image {
  position: relative;
  width: 100%;
}