.animate-text {
  visibility: hidden;
}
.animate-text.a--masked-letter-slide--top .word-wrapper {
  display: inline-block;
  position: relative;
  margin-bottom: -0.4em;
  overflow: hidden;
}
.animate-text.a--masked-letter-slide--top .word-wrapper .word {
  display: inline-block;
  position: relative;
  margin-right: -0.06em;
  margin-left: -0.06em;
  padding: 0 0.06em;
  overflow: hidden;
  line-height: 1.2em;
}
.animate-text.a--masked-letter-slide--top .word-wrapper .word .letter {
  display: inline-block;
  position: relative;
  line-height: 1.2em;
  opacity: var(--smx-masked-letter-slide-top-opacity);
  -webkit-transform: translateY(var(--smx-masked-letter-slide-top-distance));
  transform: translateY(var(--smx-masked-letter-slide-top-distance));
}
.animate-text.a--masked-words-rotate--top .text-animate-wrapper {
  display: inline-block;
  position: relative;
  margin-bottom: -0.4em;
  overflow: hidden;
}
.animate-text.a--masked-words-rotate--top .text-animate-wrapper .words-wrapper {
  opacity: var(--smx-masked-letter-slide-top-opacity);
  display: inline-block;
  position: relative;
  margin-top: -0.2em;
  margin-right: -0.06em;
  margin-left: -0.06em;
  padding: 0 0.06em;
  overflow: hidden;
  line-height: 1.2em;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate(20deg) translateY(100%);
  transform: rotate(20deg) translateY(100%);
}
.animate-text.a--masked-letter-slide--right .word-wrapper {
  display: inline-block;
  position: relative;
  margin-bottom: -0.4em;
  overflow: hidden;
}
.animate-text.a--masked-letter-slide--right .word-wrapper .word {
  display: inline-block;
  position: relative;
  margin-right: -0.06em;
  margin-left: -0.06em;
  padding: 0 0.06em;
  overflow: hidden;
  line-height: 1.2em;
}
.animate-text.a--masked-letter-slide--right .word-wrapper .word .letter {
  display: inline-block;
  position: relative;
  line-height: 1.2em;
  opacity: var(--smx-masked-letter-slide-right-opacity);
  -webkit-transform: translateX(calc(-1 * var(--smx-masked-letter-slide-right-distance)));
  transform: translateX(calc(-1 * var(--smx-masked-letter-slide-right-distance)));
}
.animate-text.a--masked-words-rotate--right .text-animate-wrapper {
  display: inline-block;
  position: relative;
  margin-bottom: -0.4em;
  overflow: hidden;
}
.animate-text.a--masked-words-rotate--right .text-animate-wrapper .words-wrapper {
  opacity: var(--smx-masked-letter-slide-right-opacity);
  display: inline-block;
  position: relative;
  margin-top: -0.2em;
  margin-right: -0.06em;
  margin-left: -0.06em;
  padding: 0 0.06em;
  overflow: hidden;
  line-height: 1.2em;
}
.animate-text.a--masked-letter-slide--bottom .word-wrapper {
  display: inline-block;
  position: relative;
  margin-bottom: -0.4em;
  overflow: hidden;
}
.animate-text.a--masked-letter-slide--bottom .word-wrapper .word {
  display: inline-block;
  position: relative;
  margin-right: -0.06em;
  margin-left: -0.06em;
  padding: 0 0.06em;
  overflow: hidden;
  line-height: 1.2em;
}
.animate-text.a--masked-letter-slide--bottom .word-wrapper .word .letter {
  display: inline-block;
  position: relative;
  line-height: 1.2em;
  opacity: var(--smx-masked-letter-slide-bottom-opacity);
  -webkit-transform: translateY(calc(-1 * var(--smx-masked-letter-slide-bottom-distance)));
  transform: translateY(calc(-1 * var(--smx-masked-letter-slide-bottom-distance)));
}
.animate-text.a--masked-words-rotate--bottom .text-animate-wrapper {
  display: inline-block;
  position: relative;
  margin-bottom: -0.4em;
  overflow: hidden;
}
.animate-text.a--masked-words-rotate--bottom .text-animate-wrapper .words-wrapper {
  opacity: var(--smx-masked-letter-slide-bottom-opacity);
  display: inline-block;
  position: relative;
  margin-top: -0.2em;
  margin-right: -0.06em;
  margin-left: -0.06em;
  padding: 0 0.06em;
  overflow: hidden;
  line-height: 1.2em;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: rotate(-20deg) translateY(-100%);
  transform: rotate(-20deg) translateY(-100%);
}
.animate-text.a--masked-letter-slide--left .word-wrapper {
  display: inline-block;
  position: relative;
  margin-bottom: -0.4em;
  overflow: hidden;
}
.animate-text.a--masked-letter-slide--left .word-wrapper .word {
  display: inline-block;
  position: relative;
  margin-right: -0.06em;
  margin-left: -0.06em;
  padding: 0 0.06em;
  overflow: hidden;
  line-height: 1.2em;
}
.animate-text.a--masked-letter-slide--left .word-wrapper .word .letter {
  display: inline-block;
  position: relative;
  line-height: 1.2em;
  opacity: var(--smx-masked-letter-slide-left-opacity);
  -webkit-transform: translateX(var(--smx-masked-letter-slide-left-distance));
  transform: translateX(var(--smx-masked-letter-slide-left-distance));
}
.animate-text.a--masked-words-rotate--left .text-animate-wrapper {
  display: inline-block;
  position: relative;
  margin-bottom: -0.4em;
  overflow: hidden;
}
.animate-text.a--masked-words-rotate--left .text-animate-wrapper .words-wrapper {
  opacity: var(--smx-masked-letter-slide-left-opacity);
  display: inline-block;
  position: relative;
  margin-top: -0.2em;
  margin-right: -0.06em;
  margin-left: -0.06em;
  padding: 0 0.06em;
  overflow: hidden;
  line-height: 1.2em;
}
.animate-text.splitted {
  visibility: visible;
}

.animate.a--masked-from--top {
  clip-path: inset(0 0 100% 0);
  -webkit-transition-timing-function: var(--smx-masked-from-top-transition);
  transition-timing-function: var(--smx-masked-from-top-transition);
  -webkit-transition-duration: calc(var(--smx-masked-from-top-duration) * 1s);
  transition-duration: calc(var(--smx-masked-from-top-duration) * 1s);
  clip-path: inset(0 0 100% 0);
}
.animate.a--masked-from--top.in-view {
  clip-path: inset(0 0 0 0);
}
.animate.a--fade-in--top {
  opacity: var(--smx-fade-in-top-opacity);
  -webkit-transition-timing-function: var(--smx-fade-in-top-transition);
  transition-timing-function: var(--smx-fade-in-top-transition);
  -webkit-transition-duration: calc(var(--smx-fade-in-top-duration) * 1s);
  transition-duration: calc(var(--smx-fade-in-top-duration) * 1s);
  -webkit-transform: translateY(var(--smx-fade-in-top-distance));
  transform: translateY(var(--smx-fade-in-top-distance));
}
.animate.a--fade-in--top.in-view {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.animate.a--masked-from--right {
  clip-path: inset(0 0 100% 0);
  -webkit-transition-timing-function: var(--smx-masked-from-right-transition);
  transition-timing-function: var(--smx-masked-from-right-transition);
  -webkit-transition-duration: calc(var(--smx-masked-from-right-duration) * 1s);
  transition-duration: calc(var(--smx-masked-from-right-duration) * 1s);
  clip-path: inset(0 0 0 100%);
}
.animate.a--masked-from--right.in-view {
  clip-path: inset(0 0 0 0);
}
.animate.a--fade-in--right {
  opacity: var(--smx-fade-in-right-opacity);
  -webkit-transition-timing-function: var(--smx-fade-in-right-transition);
  transition-timing-function: var(--smx-fade-in-right-transition);
  -webkit-transition-duration: calc(var(--smx-fade-in-right-duration) * 1s);
  transition-duration: calc(var(--smx-fade-in-right-duration) * 1s);
  -webkit-transform: translateX(calc(-1 * var(--smx-fade-in-right-distance)));
  transform: translateX(calc(-1 * var(--smx-fade-in-right-distance)));
}
.animate.a--fade-in--right.in-view {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.animate.a--masked-from--bottom {
  clip-path: inset(0 0 100% 0);
  -webkit-transition-timing-function: var(--smx-masked-from-bottom-transition);
  transition-timing-function: var(--smx-masked-from-bottom-transition);
  -webkit-transition-duration: calc(var(--smx-masked-from-bottom-duration) * 1s);
  transition-duration: calc(var(--smx-masked-from-bottom-duration) * 1s);
  clip-path: inset(100% 0 0 0);
}
.animate.a--masked-from--bottom.in-view {
  clip-path: inset(0 0 0 0);
}
.animate.a--fade-in--bottom {
  opacity: var(--smx-fade-in-bottom-opacity);
  -webkit-transition-timing-function: var(--smx-fade-in-bottom-transition);
  transition-timing-function: var(--smx-fade-in-bottom-transition);
  -webkit-transition-duration: calc(var(--smx-fade-in-bottom-duration) * 1s);
  transition-duration: calc(var(--smx-fade-in-bottom-duration) * 1s);
  -webkit-transform: translateY(calc(-1 * var(--smx-fade-in-bottom-distance)));
  transform: translateY(calc(-1 * var(--smx-fade-in-bottom-distance)));
}
.animate.a--fade-in--bottom.in-view {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.animate.a--masked-from--left {
  clip-path: inset(0 0 100% 0);
  -webkit-transition-timing-function: var(--smx-masked-from-left-transition);
  transition-timing-function: var(--smx-masked-from-left-transition);
  -webkit-transition-duration: calc(var(--smx-masked-from-left-duration) * 1s);
  transition-duration: calc(var(--smx-masked-from-left-duration) * 1s);
  clip-path: inset(0 100% 0 0);
}
.animate.a--masked-from--left.in-view {
  clip-path: inset(0 0 0 0);
}
.animate.a--fade-in--left {
  opacity: var(--smx-fade-in-left-opacity);
  -webkit-transition-timing-function: var(--smx-fade-in-left-transition);
  transition-timing-function: var(--smx-fade-in-left-transition);
  -webkit-transition-duration: calc(var(--smx-fade-in-left-duration) * 1s);
  transition-duration: calc(var(--smx-fade-in-left-duration) * 1s);
  -webkit-transform: translateX(var(--smx-fade-in-left-distance));
  transform: translateX(var(--smx-fade-in-left-distance));
}
.animate.a--fade-in--left.in-view {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.animate.delay-100ms {
  -webkit-animation-delay: 100ms;
  animation-delay: 100ms;
}

.animate.delay-200ms {
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
}

.animate.delay-300ms {
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
}

.animate.delay-400ms {
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
}

.animate.delay-500ms {
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}

.animate.delay-600ms {
  -webkit-animation-delay: 600ms;
  animation-delay: 600ms;
}

.animate.delay-700ms {
  -webkit-animation-delay: 700ms;
  animation-delay: 700ms;
}

.animate.delay-800ms {
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
}

.animate.delay-900ms {
  -webkit-animation-delay: 900ms;
  animation-delay: 900ms;
}

.animate.delay-1000ms {
  -webkit-animation-delay: 1000ms;
  animation-delay: 1000ms;
}

.animate.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animate.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animate.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animate.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animate.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animate.delay-6s {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

.animate.delay-7s {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}

.animate.delay-8s {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}

.animate.delay-9s {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}

.animate.delay-10s {
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
}

/*# sourceMappingURL=frontend.css.map */