.card-wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
  max-width: var(--card-max-width);
  border-radius: var(--box-border-radius);
  background-color: var(--card-color);
  overflow: hidden;
}

.card-body {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: var(--card-min-height);
  background-color: var(--card-color);
  border-radius: var(--box-border-radius);
  overflow: hidden;
}

.card-content {
  position: relative;
  width: 100%;
  height: 100%;
  outline-width: 0px;
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
  padding: 1.5em;
  color: var(--body-color);
}

.card-content .block-card.expandable-node-reset .expandable-selected {
  animation: animation-1sld7a4;
}

.card-content .block {
  margin-top: var(--block-margin);
  margin-bottom: var(--block-margin);
  font-family: var(--body-font);
  font-weight: var(--body-font-weight);
  color: var(--body-color);
}

.card-content.is-nested {
  display: grid;
  animation: animation-yjfgth 225ms ease-out forwards;
}

.card-content.is-full-width .block.is-full-width {
  width: var(--full-width);
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.card-content [data-node-view-content-inner="cardLayoutItem"] > .first-block,
.card-content [data-node-view-content-inner="card"] > .first-block {
  margin-top: 0em;
}

.card-content [data-node-view-content-inner="cardLayoutItem"] > .last-block,
.card-content [data-node-view-content-inner="card"] > .last-block {
  margin-bottom: 0em;
}

.card-layout-cell-bg {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: var(--card-color);
  border-radius: var(--box-border-radius);
}

.card-layout-cell-bg[data-selection-ring="true"] {
  box-shadow: var(--shape-shadow);
}

.card-content h2 {
  font-family: var(--heading-font);
  font-weight: var(--heading-font-weight);
  line-height: var(--line-height-heading);
  color: var(--heading-color);
  margin-bottom: 0.5em;
}

.card-content p {
  font-family: var(--body-font);
  font-weight: var(--body-font-weight);
  margin: 0;
}

@keyframes animation-1sld7a4 {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0);
  }
}

@keyframes animation-yjfgth {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
} 