/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/flip-card/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.fill-primary {
  fill: #292d68;
}

.fill-secondary {
  fill: #4fbfd6;
}

.fill-tertiary {
  fill: #ed691b;
}

.fill-accent {
  fill: #ed691b;
}

.wp-block-heartwise-flip-card {
  margin-bottom: 10px;
  box-sizing: border-box;
  position: relative;
  min-height: 460px;
  border-radius: 4px;
}
.wp-block-heartwise-flip-card::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100%;
  height: 100%;
  border: 1px solid #ed691b;
  z-index: 2;
  pointer-events: none;
  border-radius: 4px;
}
.wp-block-heartwise-flip-card__inner {
  background-color: #DEF7F9;
  transition: transform 0.5s;
  transform-style: preserve-3d;
  position: relative;
  width: 100%;
  height: 100%;
}
.wp-block-heartwise-flip-card__back {
  padding: 3rem 1.5rem;
  font-size: small;
}
.wp-block-heartwise-flip-card__front--title {
  padding-left: 3rem;
  padding-right: 3rem;
}
.wp-block-heartwise-flip-card:not(.block-editor-block-list__block) .wp-block-heartwise-flip-card__front,
.wp-block-heartwise-flip-card:not(.block-editor-block-list__block) .wp-block-heartwise-flip-card__back {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  backface-visibility: hidden;
  position: absolute;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #3c454d;
  border-radius: 4px;
}
.wp-block-heartwise-flip-card:not(.block-editor-block-list__block) .wp-block-heartwise-flip-card__front {
  z-index: 2;
}
.wp-block-heartwise-flip-card:not(.block-editor-block-list__block) .wp-block-heartwise-flip-card__front::before {
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  background-color: #4fbfd6;
}
.wp-block-heartwise-flip-card:not(.block-editor-block-list__block) .wp-block-heartwise-flip-card__front--image {
  width: 150px;
  height: 150px;
  border-radius: 150px;
  overflow: hidden;
  position: relative;
  top: -50px;
}
.wp-block-heartwise-flip-card:not(.block-editor-block-list__block) .wp-block-heartwise-flip-card__front--title {
  margin-top: -30px;
  text-align: center;
}
.wp-block-heartwise-flip-card:not(.block-editor-block-list__block) .wp-block-heartwise-flip-card__front--title b, .wp-block-heartwise-flip-card:not(.block-editor-block-list__block) .wp-block-heartwise-flip-card__front--title strong {
  font-size: 1.5rem;
}
.wp-block-heartwise-flip-card:not(.block-editor-block-list__block) .wp-block-heartwise-flip-card__back {
  transform: rotateY(180deg);
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.wp-block-heartwise-flip-card:not(.block-editor-block-list__block):hover:not(.disabled-card) .wp-block-heartwise-flip-card__inner {
  transform: rotateY(180deg);
}
.wp-block-heartwise-flip-card:not(.block-editor-block-list__block):hover:not(.disabled-card) .wp-block-heartwise-flip-card__back {
  transform: rotateY(180deg);
}
.wp-block-heartwise-flip-card:not(.block-editor-block-list__block):focus:not(.disabled-card) .wp-block-heartwise-flip-card__inner {
  transform: rotateY(180deg);
}
.wp-block-heartwise-flip-card:not(.block-editor-block-list__block):focus:not(.disabled-card) .wp-block-heartwise-flip-card__back {
  transform: rotateY(180deg);
}
.wp-block-heartwise-flip-card:not(.block-editor-block-list__block):active:not(.disabled-card) .wp-block-heartwise-flip-card__inner {
  transform: rotateY(180deg);
}
.wp-block-heartwise-flip-card:not(.block-editor-block-list__block):active:not(.disabled-card) .wp-block-heartwise-flip-card__back {
  transform: rotateY(180deg);
}
@media (prefers-color-scheme: dark) {
  .wp-block-heartwise-flip-card:not(.block-editor-block-list__block) .wp-block-heartwise-flip-card__inner {
    background-color: #0C102B;
  }
}

/*# sourceMappingURL=style-index.css.map*/