/* Add your global styles here */

/* text-fx:start */
.fx-sr {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@keyframes fx-fallback { to { visibility: visible; } }
@keyframes fx-soft-focus {
  from { opacity: 0; filter: blur(14px); translate: 0.35em 0; }
  to { opacity: 1; filter: blur(0); translate: 0 0; }
}
@keyframes fx-flip-up {
  from { opacity: 0; rotate: x 95deg; }
  to { opacity: 1; rotate: x 0deg; }
}
@keyframes fx-line-rise {
  from { translate: 0 110%; rotate: 4deg; }
  to { translate: 0 0; rotate: 0deg; }
}
@keyframes fx-ink-fill {
  from { background-position: 100% 0; }
  to { background-position: 0 0; }
}
@keyframes fx-wipe-reveal {
  0% { clip-path: inset(0 100% 0 0); }
  50%, 100% { clip-path: inset(0 0 0 0); }
}
@keyframes fx-wipe-bar {
  0% { scale: 0 1; transform-origin: left; }
  50% { scale: 1 1; transform-origin: left; }
  50.1% { transform-origin: right; }
  100% { scale: 0 1; transform-origin: right; }
}
/* text-fx:end */

/* hero-stack:start */
@keyframes hero-parallax {
  from { translate: 0 0; }
  to { translate: 0 8%; }
}
/* hero-stack:end */

/* page-ready:start */
@media (scripting: enabled) {
  html:not([data-ready]) *,
  html:not([data-ready]) *::before,
  html:not([data-ready]) *::after {
    transition: none;
  }
}
/* page-ready:end */