.ablocks-stacked-cards-default.ablocks-block--stacked-cards {
  box-sizing: border-box;
}


.ablocks-stacked-cards-default.ablocks-block--stacked-cards > .ablocks-block-container {
  margin: 0 auto;
  display: grid;
  grid-template-rows: repeat(var(--cards-count), var(--card-height));
}

.ablocks-stacked-cards-default .ablocks-block--stacked-cards-child {
  position: sticky;
  top: 0;
  padding-top: 20px;
  overflow: auto;
}

.ablocks-block--stacked-cards-child > .ablocks-block-container {
  padding: 60px;
  will-change: transform;
  background: white;
  border-radius: 14px;
  display: block;
  overflow: auto;
  transform-origin: center top;
  background-color: #eeee8e;
  font-size: 1.5rem;
  transition: transform 0.2s ease, filter 0.2s ease;
}


/* .ablocks-stacked-cards-rotation */
.ablocks-stacked-cards-rotation{
  max-width: 100%;
  height: 300vh;  /* 3 cards * 75vh = 225vh */
  position: relative;
  display: flex;
  justify-content: center;
  overflow-x: clip;
}

.ablocks-stacked-cards-rotation > .ablocks-block-container{
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: sticky;
  top: 0;
  box-sizing: border-box;
  flex-basis: 50%;
}

.ablocks-stacked-cards-rotation .ablocks-block-container .ablocks-block--stacked-cards-child{
  box-sizing: border-box;
  padding: 35px;
  border-radius: 6mm;
  display: flex;
  flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: 0.5s ease-in-out;
  overflow: auto;
}

.ablocks-stacked-cards-rotation > .ablocks-block-container .ablocks-block--stacked-cards-child > .ablocks-block-container{
  display: block;
  overflow: auto;
}


/* settings style */
.ablocks-stacked-cards__note{
	font-size: 11px;
	color: #9da5ae;
	font-style: italic;
	line-height: 1.3;
  margin: 0 10px 0 20px;
}