/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./blocks/flip-card/src/editor.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
.block-editor-block-list__block.wp-block-antidote-flip-card {
  display: block;
}
.block-editor-block-list__block.wp-block-antidote-flip-card .flip-card__inner {
  transform: none !important;
  transition: none;
  height: auto !important;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./blocks/flip-card/src/subcomponents/flip-card-front/editor.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.block-editor-block-list__block.wp-block-antidote-flip-card-front {
  position: relative;
  border: 2px dashed #2e463d;
  height: auto !important;
}
.block-editor-block-list__block.wp-block-antidote-flip-card-front .flip-card__face-content {
  height: auto !important;
}
.block-editor-block-list__block.wp-block-antidote-flip-card-front .flip-card__face-label {
  display: block;
  padding: 6px 12px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #2e463d;
  background: rgba(255, 255, 255, 0.7);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./blocks/flip-card/src/subcomponents/flip-card-back/editor.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.block-editor-block-list__block.wp-block-antidote-flip-card-back {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  backface-visibility: visible !important;
  height: auto !important;
  margin-top: 24px;
  border: 2px dashed #2e463d;
}
.block-editor-block-list__block.wp-block-antidote-flip-card-back .flip-card__face-content {
  height: auto !important;
}
.block-editor-block-list__block.wp-block-antidote-flip-card-back .flip-card__face-label {
  display: block;
  padding: 6px 12px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #2e463d;
  background: rgba(255, 255, 255, 0.7);
}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./blocks/flip-card/src/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.flip-card {
  --flip-card-bg: transparent;
  --flip-card-color: inherit;
  position: relative;
  perspective: 1000px;
}
.flip-card--theme-light-blue {
  --flip-card-bg: #daedf3;
  --flip-card-color: #592613;
}
.flip-card--theme-burgundy {
  --flip-card-bg: #592613;
  --flip-card-color: #f6ebd8;
}
.flip-card--theme-green {
  --flip-card-bg: #2e463d;
  --flip-card-color: #f6ebd8;
}
.flip-card--theme-light-green {
  --flip-card-bg: #b5c9ac;
  --flip-card-color: #2e463d;
}
.flip-card--theme-blue {
  --flip-card-bg: #283555;
  --flip-card-color: #f6ebd8;
}
.flip-card--theme-beige {
  --flip-card-bg: #f6ebd8;
  --flip-card-color: #592613;
}
.flip-card:not(.flip-card--static) {
  cursor: pointer;
}
.flip-card__inner {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.4s ease-out;
}
.flip-card.is-flipped .flip-card__inner {
  transform: rotateY(180deg);
}
.flip-card--static.is-flipped .flip-card__inner {
  transform: none;
}
.flip-card .wp-block-button {
  pointer-events: none;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./blocks/flip-card/src/subcomponents/flip-card-front/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.flip-card__face--front {
  position: relative;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  background: var(--flip-card-bg, transparent);
  color: var(--flip-card-color, inherit);
  text-align: center;
}
.flip-card__face--front .flip-card__face-content {
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 40px;
  height: 100%;
}
@media (min-width: 1024px) {
  .flip-card__face--front .flip-card__face-content {
    padding: 50px 100px;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./blocks/flip-card/src/subcomponents/flip-card-back/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.flip-card__face--back {
  position: absolute;
  inset: 0;
  transform: rotateY(180deg);
  backface-visibility: hidden;
  background: var(--flip-card-bg, transparent);
  color: var(--flip-card-color, inherit);
  text-align: center;
}
.flip-card__face--back .flip-card__face-content {
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 40px;
  height: 100%;
}
@media (min-width: 1024px) {
  .flip-card__face--back .flip-card__face-content {
    padding: 50px 100px;
  }
}

/*# sourceMappingURL=flip-card.jsx.bundle.css.map*/