/* Compiled from style.scss — sass css/style.scss css/style.css */
body {
  cursor: none;
}
.is-display .sl-restart {
  display: none;
}
.sl-base, .sl-modal, .sl-hex, .sl-bg, .se-patient, .sl-card {
  will-change: transform, opacity;
}
.fx-w {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  padding: 0 0.02em 0.14em;
  margin: 0 -0.02em -0.14em;
}
.fx-wi {
  display: inline-block;
  will-change: transform;
}
.fx-word {
  display: inline-block;
  white-space: nowrap;
}
.fx-c {
  display: inline-block;
  will-change: transform;
}
.fx-flow {
  display: block;
}
.is-display .pp-bullets > li::before {
  transform: scale(var(--b, 1)) rotate(calc((1 - var(--b, 1)) * 180deg));
}
.fx-wipe {
  position: absolute;
  inset: 0 -12%;
  z-index: 8;
  display: none;
  pointer-events: none;
}
.fx-wipe i {
  position: absolute;
  top: -5%;
  height: 110%;
  width: 34%;
  transform: skewX(-14deg);
  box-shadow: 0 0 6rem rgba(0, 0, 0, 0.18);
}
.fx-wipe i:nth-child(1) {
  left: -4%;
}
.fx-wipe i:nth-child(2) {
  left: 22%;
}
.fx-wipe i:nth-child(3) {
  left: 48%;
}
.fx-wipe i:nth-child(4) {
  left: 74%;
}
.fx-wipe i:nth-child(5) {
  left: 100%;
}
.fx-fly {
  position: absolute;
  z-index: 6;
  display: block;
  pointer-events: none;
  filter: drop-shadow(0 3rem 5rem rgba(32, 52, 104, 0.35));
}
.fx-sheen {
  position: absolute;
  display: block;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 38%, rgba(255, 255, 255, 0.55) 50%, transparent 62%) 160% 0 / 250% 100% no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mix-blend-mode: screen;
}
.fx-cardsheen {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 40%, rgba(111, 167, 203, 0.25) 50%, transparent 60%) 160% 0 / 250% 100% no-repeat;
}
.fx-particles {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.fx-progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, #52c1ae, #fdbe4e, #986fa0);
  box-shadow: 0 0 1.6rem rgba(253, 190, 78, 0.6);
}
.pi-item__qr {
  overflow: hidden;
}
.fx-scan {
  position: absolute;
  left: 18%;
  width: 64%;
  height: 0.5rem;
  border-radius: 1rem;
  background: linear-gradient(90deg, transparent, #7ff3ff, transparent);
  box-shadow: 0 0 1.6rem #7ff3ff;
  pointer-events: none;
}
.sl-panel {
  overflow: visible;
}
.fx-frame {
  position: absolute;
  inset: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  overflow: visible;
  pointer-events: none;
}
.fx-frame rect {
  fill: none;
  stroke: #fff;
  stroke-width: 3;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0 0.8rem rgba(111, 167, 203, 0.9));
}
.is-display .sl-text p {
  position: relative;
  isolation: isolate;
}
.fx-mark {
  position: absolute;
  inset: -0.15em -0.5em;
  z-index: -1;
  border-radius: 0.4em;
  background: linear-gradient(90deg, rgba(111, 167, 203, 0.45), rgba(82, 193, 174, 0.45));
  transform: scaleX(0);
  pointer-events: none;
}
.fx-rail {
  position: absolute;
  left: -3rem;
  top: 0.4rem;
  width: 0.5rem;
  height: calc(100% - 2rem);
  border-radius: 1rem;
  background: linear-gradient(180deg, #52c1ae, #6fa7cb, #986fa0);
  box-shadow: 0 0 1.2rem rgba(82, 193, 174, 0.6);
  transform: scaleY(0);
  transform-origin: 50% 0;
}
.fx-veil {
  position: absolute;
  inset: 0;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at 60% 50%, rgba(32, 52, 104, 0.15), rgba(32, 52, 104, 0.5));
  backdrop-filter: blur(3px);
}