/*!**************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/animated-headline/common.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************/
.dsm-animated-headlines-words-container .dsm-animated-prefix,
.dsm-animated-headlines-words-container .dsm-animated-suffix {
  white-space: pre-wrap;
  display: inline-block;
  line-height: 1em;
}
.dsm-animated-headlines-words-container .dsm-animated-prefix h1 {
  padding-bottom: 0;
}
.dsm-animated-headlines-words-container .dsm-animated-suffix h1 {
  padding-bottom: 0;
}
.dsm-animated-headlines-words-container .dsm-animated-words-wrapper {
  vertical-align: text-bottom;
  display: inline-block;
  position: relative;
  text-align: left;
  font-weight: 700;
  line-height: 1em;
  font-style: italic;
}
.dsm-animated-headlines-words-container .dsm-animated-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
  line-height: 1.4em;
  font-family: inherit;
}
.dsm-animated-headlines-words-container .dsm-animated-words-wrapper b.is-visible {
  position: relative;
}
.dsm-animated-headlines-words-container .dsm-animated-words-wrapper b.is-hidden {
  opacity: 0;
}
.no-js .dsm-animated-headlines-words-container .dsm-animated-words-wrapper b {
  opacity: 0;
}
.no-js .dsm-animated-headlines-words-container .dsm-animated-words-wrapper b.is-visible {
  opacity: 1;
}

/* -------------------------------- 
rotate-1 
-------------------------------- */
.dsm-headline.rotate-1 .dsm-animated-words-wrapper {
  perspective: 300px;
}
.dsm-headline.rotate-1 b {
  opacity: 0;
  transform-origin: 50% 100%;
  transform: rotateX(180deg);
}
.dsm-headline.rotate-1 b.is-visible {
  opacity: 1;
  transform: rotateX(0deg);
  animation: dsm-rotate-1-in 1.2s;
}
.dsm-headline.rotate-1 b.is-hidden {
  transform: rotateX(180deg);
  animation: dsm-rotate-1-out 1.2s;
}

@keyframes dsm-rotate-1-in {
  0% {
    transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    transform: rotateX(360deg);
    opacity: 1;
  }
}
@keyframes dsm-rotate-1-out {
  0% {
    transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    transform: rotateX(180deg);
    opacity: 0;
  }
}
/* -------------------------------- 
type 
-------------------------------- */
.dsm-headline.type .dsm-animated-words-wrapper {
  padding-right: 0.1em;
  overflow: hidden;
  min-height: 1.4em;
}
.dsm-headline.type .dsm-animated-words-wrapper::after {
  /* vertical bar */
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 90%;
  width: var(--dsm-bar-width, 1px);
  background-color: var(--dsm-bar-color);
}
.dsm-headline.type .dsm-animated-words-wrapper.waiting::after {
  animation: dsm-pulse 1s infinite;
}
.dsm-headline.type .dsm-animated-words-wrapper.selected {
  background-color: var(--dsm-text-highlight);
}
.dsm-headline.type .dsm-animated-words-wrapper.selected::after {
  visibility: hidden;
}
.dsm-headline.type .dsm-animated-words-wrapper.selected b {
  color: var(--dsm-text-color);
}
.dsm-headline.type b {
  opacity: 0;
}
.dsm-headline.type b.is-visible {
  opacity: 1;
}
.dsm-headline.type i {
  position: relative;
  opacity: 0;
  display: inline-block;
  font-style: inherit;
}
.dsm-headline.type i.in {
  opacity: 1;
}
.dsm-headline.type i.out {
  opacity: 0;
}

@keyframes dsm-pulse {
  0% {
    transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
/* -------------------------------- 
rotate-2 
-------------------------------- */
.dsm-headline.rotate-2 .dsm-animated-words-wrapper {
  perspective: 300px;
}
.dsm-headline.rotate-2 i,
.dsm-headline.rotate-2 em {
  display: inline-block;
  backface-visibility: hidden;
  font-style: inherit;
}
.dsm-headline.rotate-2 b {
  opacity: 0;
}
.dsm-headline.rotate-2 i {
  transform-style: preserve-3d;
  transform: translateZ(-20px) rotateX(90deg);
  opacity: 0;
}
.is-visible .dsm-headline.rotate-2 i {
  opacity: 1;
}
.dsm-headline.rotate-2 i.in {
  animation: dsm-rotate-2-in 0.4s forwards;
}
.dsm-headline.rotate-2 i.out {
  animation: dsm-rotate-2-out 0.4s forwards;
}
.dsm-headline.rotate-2 em {
  transform: translateZ(20px);
}

.no-csstransitions .dsm-headline.rotate-2 i {
  transform: rotateX(0deg);
  opacity: 0;
}
.no-csstransitions .dsm-headline.rotate-2 i em {
  transform: scale(1);
}

.no-csstransitions .dsm-headline.rotate-2 .is-visible i {
  opacity: 1;
}

@keyframes dsm-rotate-2-in {
  0% {
    opacity: 0;
    transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    transform: translateZ(-20px) rotateX(0deg);
  }
}
@keyframes dsm-rotate-2-out {
  0% {
    opacity: 1;
    transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    transform: translateZ(-20px) rotateX(-90deg);
  }
}
/* -------------------------------- 
loading-bar 
-------------------------------- */
.dsm-headline.loading-bar span {
  display: inline-block;
}
.dsm-headline.loading-bar .dsm-animated-words-wrapper {
  padding-right: 0.1em;
  overflow: hidden;
}
.dsm-headline.loading-bar .dsm-animated-words-wrapper::after {
  /* loading bar */
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: var(--dsm-bar-height);
  width: 0;
  background: var(--dsm-bar-color);
  z-index: 2;
  transition: width 0.3s -0.1s;
}
.dsm-headline.loading-bar .dsm-animated-words-wrapper.is-loading::after {
  width: 100%;
  transition: width 3s;
}
.dsm-headline.loading-bar b {
  top: 0.2em;
  opacity: 0;
  transition: opacity 0.3s;
}
.dsm-headline.loading-bar b.is-visible {
  opacity: 1;
  top: 0;
}

/* -------------------------------- 
slide 
-------------------------------- */
.dsm-headline.slide span {
  display: inline-block;
}
.dsm-headline.slide .dsm-animated-words-wrapper {
  overflow: hidden;
}
.dsm-headline.slide b {
  opacity: 0;
  top: 0.2em;
}
.dsm-headline.slide b.is-visible {
  top: 0;
  opacity: 1;
  animation: dsm-slide-in 0.6s;
}
.dsm-headline.slide b.is-hidden {
  animation: dsm-slide-out 0.6s;
}

@keyframes dsm-slide-in {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes dsm-slide-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  60% {
    opacity: 0;
    transform: translateY(120%);
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}
/* -------------------------------- 
clip 
-------------------------------- */
.dsm-headline.clip span {
  display: inline-block;
}
.dsm-headline.clip .dsm-animated-words-wrapper {
  overflow: hidden;
}
.dsm-headline.clip .dsm-animated-words-wrapper::after {
  /* line */
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: var(--dsm-bar-width);
  height: 100%;
  background-color: var(--dsm-bar-color);
}
.dsm-headline.clip b {
  opacity: 0;
}
.dsm-headline.clip b.is-visible {
  opacity: 1;
}

/* -------------------------------- 
zoom 
-------------------------------- */
.dsm-headline.zoom .dsm-animated-words-wrapper {
  perspective: 300px;
}
.dsm-headline.zoom b {
  opacity: 0;
}
.dsm-headline.zoom b.is-visible {
  opacity: 1;
  animation: dsm-zoom-in 0.8s;
}
.dsm-headline.zoom b.is-hidden {
  animation: dsm-zoom-out 0.8s;
}

@keyframes dsm-zoom-in {
  0% {
    opacity: 0;
    transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes dsm-zoom-out {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  100% {
    opacity: 0;
    transform: translateZ(-100px);
  }
}
/* -------------------------------- 
rotate-3 
-------------------------------- */
.dsm-headline.rotate-3 .dsm-animated-words-wrapper {
  perspective: 300px;
}
.dsm-headline.rotate-3 b {
  opacity: 0;
}
.dsm-headline.rotate-3 i {
  display: inline-block;
  transform: rotateY(180deg);
  backface-visibility: hidden;
}
.is-visible .dsm-headline.rotate-3 i {
  transform: rotateY(0deg);
}
.dsm-headline.rotate-3 i.in {
  animation: dsm-rotate-3-in 0.6s forwards;
}
.dsm-headline.rotate-3 i.out {
  animation: dsm-rotate-3-out 0.6s forwards;
}

.no-csstransitions .dsm-headline.rotate-3 i {
  transform: rotateY(0deg);
  opacity: 0;
}

.no-csstransitions .dsm-headline.rotate-3 .is-visible i {
  opacity: 1;
}

@keyframes dsm-rotate-3-in {
  0% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}
@keyframes dsm-rotate-3-out {
  0% {
    transform: rotateY(0);
  }
  100% {
    transform: rotateY(-180deg);
  }
}
/* -------------------------------- 
scale 
-------------------------------- */
.dsm-headline.scale b {
  opacity: 0;
}
.dsm-headline.scale i {
  display: inline-block;
  opacity: 0;
  transform: scale(0);
}
.is-visible .dsm-headline.scale i {
  opacity: 1;
}
.dsm-headline.scale i.in {
  animation: dsm-scale-up 0.6s forwards;
}
.dsm-headline.scale i.out {
  animation: dsm-scale-down 0.6s forwards;
}

.no-csstransitions .dsm-headline.scale i {
  transform: scale(1);
  opacity: 0;
}

.no-csstransitions .dsm-headline.scale .is-visible i {
  opacity: 1;
}

@keyframes dsm-scale-up {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  60% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes dsm-scale-down {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  60% {
    transform: scale(0);
    opacity: 0;
  }
}
/* -------------------------------- 
push 
-------------------------------- */
.dsm-headline.push b {
  opacity: 0;
}
.dsm-headline.push b.is-visible {
  opacity: 1;
  animation: dsm-push-in 0.6s;
}
.dsm-headline.push b.is-hidden {
  animation: dsm-push-out 0.6s;
}

@keyframes dsm-push-in {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes dsm-push-out {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  60% {
    opacity: 0;
    transform: translateX(110%);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** 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/react-tooltip/dist/react-tooltip.min.css ***!
  \***********************************************************************************************************************************************************************************************************/
:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{backface-visibility:hidden;background:inherit;position:absolute;z-index:-1}.core-styles-module_content__BRKdB{position:relative;z-index:1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;width:max-content}.styles-module_content__ydYdI{background:inherit;border-radius:inherit;padding:8px 16px}.styles-module_arrow__K0L3T{height:var(--rt-arrow-size);width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}
/*!***********************************************************************************************************************************************************************************************!*\
  !*** 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/splitting/dist/splitting.css ***!
  \***********************************************************************************************************************************************************************************************/
/* Recommended styles for Splitting */
.splitting .word,
.splitting .char {
  display: inline-block;
}

/* Psuedo-element chars */
.splitting .char {
  position: relative;
}

/**
 * Populate the psuedo elements with the character to allow for expanded effects
 * Set to `display: none` by default; just add `display: block` when you want
 * to use the psuedo elements
 */
.splitting .char::before,
.splitting .char::after {
  content: attr(data-char);
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  transition: inherit;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* Expanded CSS Variables */

.splitting {
  /* The center word index */
  --word-center: calc((var(--word-total) - 1) / 2);

  /* The center character index */
  --char-center: calc((var(--char-total) - 1) / 2);

  /* The center character index */
  --line-center: calc((var(--line-total) - 1) / 2);
}

.splitting .word {
  /* Pecent (0-1) of the word's position */
  --word-percent: calc(var(--word-index) / var(--word-total));

  /* Pecent (0-1) of the line's position */
  --line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .char {
  /* Percent (0-1) of the char's position */
  --char-percent: calc(var(--char-index) / var(--char-total));

  /* Offset from center, positive & negative */
  --char-offset: calc(var(--char-index) - var(--char-center));

  /* Absolute distance from center, only positive */
  --distance: calc(
     (var(--char-offset) * var(--char-offset)) / var(--char-center)
  );

  /* Distance from center where -1 is the far left, 0 is center, 1 is far right */
  --distance-sine: calc(var(--char-offset) / var(--char-center));

  /* Distance from center where 1 is far left/far right, 0 is center */
  --distance-percent: calc((var(--distance) / var(--char-center)));
}

/*!*****************************************************************************************************************************************************************************************************!*\
  !*** 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/splitting/dist/splitting-cells.css ***!
  \*****************************************************************************************************************************************************************************************************/
.splitting.cells img { width: 100%; display: block; }

@supports ( display: grid ) {
  .splitting.cells {
    position: relative;
    overflow: hidden;
    background-size: cover;
    visibility: hidden;
  }

  .splitting .cell-grid {
    background: inherit;
    position: absolute;
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    display: grid;
    grid-template: repeat( var(--row-total), 1fr ) / repeat( var(--col-total), 1fr );
  }

  .splitting .cell {
    background: inherit;
    position: relative;
    overflow: hidden;
  }

  .splitting .cell-inner {
    background: inherit;
    position: absolute;
    visibility: visible;
    /* Size to fit the whole container size */
    width: calc(100% * var(--col-total));
    height: calc(100% * var(--row-total));
    /* Position properly */
    left: calc(-100% * var(--col-index));
    top: calc(-100% * var(--row-index));
  }

  /* Helper variables for advanced effects */
  .splitting .cell {
    --center-x: calc((var(--col-total) - 1) / 2);
    --center-y: calc((var(--row-total) - 1) / 2);

    /* Offset from center, positive & negative */
    --offset-x: calc(var(--col-index) - var(--center-x));
    --offset-y: calc(var(--row-index) - var(--center-y));

    /* Absolute distance from center, only positive */
    --distance-x: calc( (var(--offset-x) * var(--offset-x)) / var(--center-x) );

    /* Absolute distance from center, only positive */
    --distance-y: calc( (var(--offset-y) * var(--offset-y)) / var(--center-y) );
  }
}


