/** Shopify CDN: Minification failed

Line 46:33 Unexpected ">"
Line 74:33 Unexpected ">"

**/
/* please preview animations here: https://covalent.netlify.app/ */
:root {
  --movement: 60px;
  --animation-duration: 0.5s;
  --animation-easing: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Base styles for the animation wrapper */
hh-animate-on-scroll {
  display: block;
  width: 100%;
  opacity: 0;
  transition: opacity var(--animation-duration) var(--animation-easing);
}

/* Ensure all animated elements have transitions */
hh-animate-on-scroll *,
hh-animate-on-scroll img,
hh-animate-on-scroll .featured-highlight__text-overlay-content {
  will-change: opacity, transform;
  transition: opacity var(--animation-duration) var(--animation-easing),
              transform var(--animation-duration) var(--animation-easing);
}

/* Featured highlight specific animations */
.featured-highlight__text-overlay-bg-wrapper,
.featured-highlight__text-overlay-content {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity var(--animation-duration) var(--animation-easing),
              transform var(--animation-duration) var(--animation-easing);
}

@media (prefers-reduced-motion: no-preference) {
  /* Initial states */
  hh-animate-on-scroll.fadein > *,
  hh-animate-on-scroll.fadeup > *,
  hh-animate-on-scroll.fadeleft > *,
  hh-animate-on-scroll.faderight > *,
  hh-animate-on-scroll.stagger > > * {
    opacity: 0;
  }

  /* hh-animate-on-scroll.fadein > * {
    transform: translateY(20px);
  } */

  hh-animate-on-scroll.zoomin > * {
    transform: scale(1.5);
  }

  hh-animate-on-scroll.fadeup > * {
    transform: translateY(var(--movement));
  }

  hh-animate-on-scroll.fadeleft > * {
    transform: translateX(var(--movement));
  }

  hh-animate-on-scroll.faderight > * {
    transform: translateX(calc(var(--movement) * -1));
  }

  hh-animate-on-scroll.skew > * {
    transform: translateY(calc(var(--movement) * 2)) skewY(5deg);
  }

  hh-animate-on-scroll.stagger > > * {
    transform: translateY(20px);
  }

  /* Animation end states */
  .fadein,
  .fadeup,
  .fadeleft,
  .faderight,
  .stagger {
    opacity: 1;
    transform: none !important;
  }

  .zoomin {
    transform: scale(1) !important;
  }

  .skew {
    transform: translateY(0) skewY(0) !important;
  }

  hh-animate-on-scroll {
    display: block;
    width: 100%;
  }

  adaptive-image {
    display: block;
  }

  /* detect an autofilled input using an animation */
  /* ref: https://medium.com/@brunn/detecting-autofilled-fields-in-javascript-aed598d25da7 */
  @keyframes onAutoFillStart {
    from {
      /**/
    }
    to {
      /**/
    }
  }
  @keyframes onAutoFillCancel {
    from {
      /**/
    }
    to {
      /**/
    }
  }
}

.tolstoy-text-bubble-container {
  height: 320px !important;
  width: 180px !important;
}

@media only screen and (max-width: 768px){
  .tolstoy-text-bubble-container {
    height: 188px !important;
    width: 106px !important;
  }
}