/*
 * Componente typewriter Pictografica.
 */

.picto-typewriter {
  --picto-typewriter-accent: #e91e63;
  --picto-typewriter-caret-width: .08em;
  display: inline-flex;
  align-items: baseline;
  gap: .16em;
  width: max-content;
  max-width: 100%;
  color: inherit;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: baseline;
}

.picto-typewriter__prompt,
.picto-typewriter__cursor {
  color: var(--picto-typewriter-accent);
  text-shadow: 0 0 .55em rgba(233, 30, 99, .28);
}

.picto-typewriter__prompt {
  flex: 0 0 auto;
  font: inherit;
}

.picto-typewriter__stage {
  position: relative;
  display: inline-block;
  flex: 0 1 auto;
  width: min(100%, var(--picto-typewriter-width, 20ch));
  min-width: 0;
  max-width: calc(100vw - 2.4em);
  overflow: visible;
  vertical-align: baseline;
}

.picto-typewriter__live {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  max-width: none;
  align-items: baseline;
  white-space: nowrap;
}

.picto-typewriter__text {
  display: inline-block;
  min-width: 0;
  max-width: none;
  overflow: visible;
  color: inherit;
  font: inherit;
  line-height: inherit;
  text-overflow: clip;
}

.picto-typewriter__cursor {
  display: inline-block;
  flex: 0 0 auto;
  width: var(--picto-typewriter-caret-width);
  margin-left: .14em;
  font: inherit;
  line-height: inherit;
  animation: pictoTypewriterCursorBlink .9s steps(1, end) infinite;
}

.picto-typewriter__sizer {
  display: inline-block;
  visibility: hidden;
  color: transparent;
  font: inherit;
  line-height: inherit;
  pointer-events: none;
  user-select: none;
  white-space: nowrap;
}

body.home .picto-reviews-title .picto-typewriter,
.picto-reviews-title.picto-typewriter-ready {
  color: inherit;
  font-family: "Kenyan Coffee", "Bebas Neue", Impact, sans-serif !important;
  font-size: clamp(28px, 3.8vw, 52px) !important;
  font-style: italic !important;
  font-weight: 700 !important;
  line-height: .95 !important;
  letter-spacing: -.04em !important;
  text-transform: uppercase !important;
}

body.home .picto-reviews-title .picto-typewriter__text,
body.home .picto-reviews-title .picto-typewriter__prompt,
body.home .picto-reviews-title .picto-typewriter__cursor,
body.home .picto-reviews-title .picto-typewriter__sizer {
  font-family: "Kenyan Coffee", "Bebas Neue", Impact, sans-serif !important;
  font-size: inherit !important;
  font-style: italic !important;
  font-weight: 700 !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-transform: uppercase !important;
}

body.home .picto-reviews-title.picto-typewriter-ready {
  max-width: 760px;
  font-size: clamp(28px, 3.8vw, 52px) !important;
  line-height: .95 !important;
  letter-spacing: -.04em !important;
}

@keyframes pictoTypewriterCursorBlink {
  0%,
  49% {
    opacity: 1;
  }

  50%,
  100% {
    opacity: 0;
  }
}

@media (max-width: 768px) {
  body.home .picto-reviews-title .picto-typewriter,
  body.home .picto-reviews-title.picto-typewriter-ready {
    font-size: clamp(30px, 9vw, 46px) !important;
    line-height: .95 !important;
    letter-spacing: -.03em !important;
  }

  .picto-typewriter__stage {
    width: min(100%, var(--picto-typewriter-mobile-width, var(--picto-typewriter-width, 20ch)));
  }
}

@media (prefers-reduced-motion: reduce) {
  .picto-typewriter__cursor {
    animation: none;
  }
}