.sqs-block[data-definition-name="website.components.quote"] {
  box-sizing: border-box;
}
.sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote {
  margin: 1em 0;
}
.sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote blockquote {
  margin: 0;
}
.sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote .source {
  text-align: right;
}
.sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote .block-animation {
  /*===================================
          FADE IN
      ====================================*/
  /*===================================
          SLIDE UP
      ====================================*/
  /*===================================
        REVEAL (defaults to image from right, text from left)
      ====================================*/
  /*===================================
        FOCUS IN
      ====================================*/
}
.sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote .block-animation.animation-disabled,
.sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote .block-animation.animation-loaded {
  transform: translateZ(0);
}
:not(.sqs-edit-mode) .sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote .block-animation-fade-in,
.sqs-edit-mode.sqs-edit-mode-active .sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote .block-animation-fade-in {
  transition: opacity 800ms cubic-bezier(0.4, 0, 0.2, 1), transform 800ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: opacity, transform;
  opacity: 0;
  transform: matrix(1, 0, 0, 1, 0, 0);
}
:not(.sqs-edit-mode) .sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote .block-animation-fade-in.animation-loaded,
.sqs-edit-mode.sqs-edit-mode-active .sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote .block-animation-fade-in.animation-loaded,
.sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote .block-animation-fade-in.animation-loaded {
  opacity: 1;
  transform: matrix(1, 0, 0, 1, 0, 0);
}
:not(.sqs-edit-mode) .sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote .block-animation-slide-up,
.sqs-edit-mode.sqs-edit-mode-active .sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote .block-animation-slide-up {
  transition: opacity 800ms cubic-bezier(0.4, 0, 0.2, 1), transform 800ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: opacity, transform;
  opacity: 0;
  transform: matrix(1, 0, 0, 1, 0, 20);
}
:not(.sqs-edit-mode) .sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote .block-animation-slide-up.animation-loaded,
.sqs-edit-mode.sqs-edit-mode-active .sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote .block-animation-slide-up.animation-loaded,
.sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote .block-animation-slide-up.animation-loaded {
  opacity: 1;
  transform: matrix(1, 0, 0, 1, 0, 0);
}
:not(.sqs-edit-mode) .sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote .block-animation-reveal,
.sqs-edit-mode.sqs-edit-mode-active .sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote .block-animation-reveal {
  transition: opacity 800ms cubic-bezier(0.4, 0, 0.2, 1), transform 800ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: opacity, transform;
  opacity: 0;
  transform: matrix(1, 0, 0, 1, 20, 0);
}
:not(.sqs-edit-mode) .sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote .block-animation-reveal.animation-loaded,
.sqs-edit-mode.sqs-edit-mode-active .sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote .block-animation-reveal.animation-loaded,
.sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote .block-animation-reveal.animation-loaded {
  opacity: 1;
  transform: matrix(1, 0, 0, 1, 0, 0);
}
:not(.sqs-edit-mode) .sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote .block-animation-focus-in,
.sqs-edit-mode.sqs-edit-mode-active .sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote .block-animation-focus-in {
  transition: opacity 800ms cubic-bezier(0.4, 0, 0.2, 1), transform 800ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: opacity, transform;
  opacity: 0;
  transform: matrix(0.92, 0, 0, 0.92, 0, 0);
}
:not(.sqs-edit-mode) .sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote .block-animation-focus-in.animation-loaded,
.sqs-edit-mode.sqs-edit-mode-active .sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote .block-animation-focus-in.animation-loaded,
.sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote .block-animation-focus-in.animation-loaded {
  opacity: 1;
  transform: matrix(1, 0, 0, 1, 0, 0);
}
.sqs-block[data-definition-name="website.components.quote"] .sqs-block-quote .block-animation.animation-disabled {
  transition: none !important;
}