.block--card {
  --block-card-outline-color: var(--wp--preset--color--gold-1000, #444);
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 0 calc((100% - (var(--card-count) - 1) * var(--block-cards-card-gap)) / var(--card-count));
  height: auto !important;
  overflow: clip;
  backface-visibility: hidden;
  transition: transform 0.25s ease;
  scroll-snap-align: center;
}

.block--card:not(.has-background) {
  background-color: var(--bs-white);
}

.block--card .inner-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.editor-styles-wrapper .wp-block .wp-block-lvl-card {
  flex-basis: calc((100% - (var(--card-count) - 1) * var(--block-cards-card-gap)) / var(--card-count));
  margin-block-start: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.editor-styles-wrapper .wp-block .block--card {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
  flex-basis: calc((100% - (var(--card-count) - 1) * (var(--block-cards-card-gap) + 20px)) / var(--card-count));
}

.editor-styles-wrapper .wp-block .block--card:hover {
  transform: none;
}

.editor-styles-wrapper .wp-block .block--card .acf-innerblocks-container {
  display: flex;
  flex-direction: column;
  gap: inherit;
  height: 100%;
}