/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/@wordpress/scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./packages/module-library/stacking-card/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
.et-db #et-boc .et-l .dsm_stacking_card_wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}
.et-db #et-boc .et-l .dsm_stacking_card_wrapper .dsm-button-wrapper {
  margin-top: 20px;
}
.et-db #et-boc .et-l .dsm_stacking_card_wrapper .dsm_icon {
  display: block;
  margin-bottom: 10px;
}
.et-db #et-boc .et-l .dsm_stacking_card_wrapper .dsm_icon::before {
  line-height: 1em;
}
.et-db #et-boc .et-l .dsm_stacking_card_wrapper .et_pb_button {
  display: inline-block;
}
.et-db #et-boc .et-l .dsm_stacking_card_wrapper .dsm_content_wrapper {
  flex: 1;
}

/*** Frontend CSS *****/
/* Base layout for stacking card scroll container */
.et-db #et-boc .et-l .dsm_stacking_card_container {
  position: relative;
  width: 100%;
  min-height: 100vh; /* needed so ScrollTrigger pinning gets a proper height */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Make sure each individual card takes full size */
.et-db #et-boc .et-l .dsm_stacking_card_container .dsm_stacking_card_child {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.et-db #et-boc .et-l .dsm_stacking_card .dsm_stacking_card_child {
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  background-color: #f6f6f6;
}

.et-db #et-boc .et-l .dsm_stacking_card .dsm_stacking_card_child .dsm_icon::before {
  color: #000000;
  font-size: 32px;
}
