.wz-em__sim {
  --wz-em-act: 6s;
  --wz-em-loop: 24s;

  position: relative;
  width: 100%;
  min-width: 0;
  container-type: inline-size;
  isolation: isolate;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--wz-ink);
}
.wz-em__sim *,
.wz-em__sim *::before,
.wz-em__sim *::after { box-sizing: border-box; }
.wz-em__sim :where(i, em, b, u) { font-style: normal; text-decoration: none; }

.wz-em__sim::before {
  content: "";
  position: absolute;
  inset: -4% -5% 6%;
  border-radius: 50%;
  background: radial-gradient(52% 46% at 42% 60%, rgba(196, 42, 94, .26), rgba(196, 42, 94, 0) 72%);
  filter: blur(26px);
  pointer-events: none;
  z-index: 0;
}

.wz-em__win {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;

  aspect-ratio: 582 / 396;
  overflow: hidden;
  border-radius: 1.2em;
  background: #fff;
  font-size: clamp(8px, 2.15cqw, 13px);
  line-height: 1.5;

  box-shadow: 0 0 0 1px rgba(58, 26, 44, .09),
              0 1px 1px rgba(58, 26, 44, .05),
              0 4px 8px -3px rgba(58, 26, 44, .09),
              0 14px 26px -10px rgba(58, 26, 44, .16),
              0 36px 62px -26px rgba(58, 26, 44, .42);
}

.wz-em__icon { width: 1.15em; height: 1.15em; flex: none; }

.wz-em__bar {
  display: flex;
  flex: none;
  align-items: center;
  gap: .62em;
  height: 3.1em;
  padding: 0 .95em;
  border-bottom: 1px solid rgba(58, 26, 44, .09);
  background: linear-gradient(180deg, #fff, #fcfafc);
}
.wz-em__bar-logo { display: block; flex: none; width: 5.9em; height: 1.45em; object-fit: contain; object-position: left center; }
.wz-em__bar-sp { flex: 1 1 auto; }
.wz-em__ws {
  display: inline-flex; align-items: center; gap: .2em;
  padding: .25em .45em .25em .68em; border-radius: .55em;
  background: #f4f0f4; box-shadow: 0 0 0 1px rgba(58, 26, 44, .07);
  color: var(--wz-ink-soft); font-size: .78em; font-weight: 700; white-space: nowrap;
}
.wz-em__ws svg { width: .85em; height: .85em; opacity: .6; }
.wz-em__me {
  display: grid; place-items: center; flex: none;
  width: 1.7em; height: 1.7em; border-radius: 50%;
  background: var(--wz-tint); color: var(--wz-accent);
  font-size: .78em; font-weight: 700;
}

.wz-em__chips { display: grid; flex: none; place-items: center stretch; }
.wz-em__chip {
  grid-area: 1 / 1;
  display: inline-flex; align-items: center; justify-content: center; gap: .35em;
  padding: .28em .6em; border-radius: .5em;
  background: #f4f0f4; color: var(--wz-ink-soft);
  font-size: .74em; font-weight: 700; white-space: nowrap;
  opacity: 0;
}
.wz-em__chip:nth-child(3) { opacity: 1; }
.wz-em__chip--live { background: var(--wz-tint); color: var(--wz-accent); }
.wz-em__chip--live i { width: .42em; height: .42em; border-radius: 50%; background: currentColor; }

.wz-em__stage { position: relative; flex: 1 1 auto; min-height: 0; }

.wz-em__act {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  background: #fff;
  opacity: 0;
}
.wz-em__act:nth-child(3) { opacity: 1; }

.wz-em__act:nth-child(3) :is(
  .wz-em__phone, .wz-em__inbox, .wz-em__check, .wz-em__score,
  .wz-em__saved--ok, .wz-em__paper-btn
) { opacity: 1; }

.wz-em__sim-head {
  flex: none;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: baseline;
  column-gap: .8em;
  padding: .85em .95em .6em;
}
.wz-em__sim-head b { grid-column: 1 / -1; font-size: 1.08em; font-weight: 700; letter-spacing: -.01em; }
.wz-em__sim-head > span { font-size: .78em; color: var(--wz-ink-mute); }
.wz-em__saved { display: inline-flex; align-items: center; gap: .4em; font-size: .74em; color: var(--wz-ink-mute); }
.wz-em__saved i { width: .42em; height: .42em; border-radius: 50%; background: var(--wz-btn-teal); }
.wz-em__saved--ok { color: var(--wz-btn-teal); font-weight: 700; }

.wz-em__body {
  flex: 1 1 auto;
  display: flex;
  min-height: 0;
  gap: .8em;
  padding: 0 .95em .8em;
}
.wz-em__body--col { flex-direction: column; gap: .7em; }

.wz-em__foot {
  flex: none;
  display: flex;
  align-items: center;
  gap: .6em;
  height: 3.1em;
  padding: 0 .95em;
  border-top: 1px solid rgba(58, 26, 44, .08);
  background: #fdfbfd;
}
.wz-em__hint { flex: 1 1 auto; min-width: 0; font-size: .76em; color: var(--wz-ink-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wz-em__hint b { color: var(--wz-ink); font-weight: 700; }
.wz-em__ghost { flex: none; padding: .5em .8em; border: 1px solid var(--wz-line); border-radius: .55em; font-size: .78em; font-weight: 700; color: var(--wz-ink-soft); white-space: nowrap; }
.wz-em__cta { position: relative; flex: none; display: inline-flex; align-items: center; gap: .4em; padding: .55em .9em; border-radius: .55em; background: var(--wz-btn-bg); color: #fff; font-size: .78em; font-weight: 700; white-space: nowrap; }

.wz-em__form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 auto;
  min-width: 0;
  gap: .6em;
  padding: .85em;
  border: 1px solid var(--wz-line);
  border-radius: .8em;
}
.wz-em__field { position: relative; display: flex; flex-direction: column; gap: .3em; min-width: 0; }
.wz-em__lb { font-size: .7em; font-weight: 700; color: var(--wz-ink-mute); letter-spacing: .02em; }
.wz-em__input {
  position: relative;
  display: flex; align-items: center; gap: .5em;
  min-width: 0; height: 2.25em; padding: 0 .7em;
  border: 1px solid var(--wz-line); border-radius: .55em;
  font-size: .82em;
}
.wz-em__input .wz-em__icon { color: var(--wz-ink-mute); }
.wz-em__val { min-width: 0; font-weight: 600; white-space: nowrap; overflow: hidden; }

.wz-em__type { flex: none; width: max-content; font-weight: 600; white-space: nowrap; overflow: hidden; }
.wz-em__auth { flex: none; padding: .1em .4em; border-radius: 999px; background: var(--wz-tint); color: var(--wz-accent); font-size: .78em; font-weight: 700; }
.wz-em__caret { flex: none; width: .1em; height: 1.1em; background: var(--wz-brand); opacity: 0; }

.wz-em__input--sel { position: relative; }
.wz-em__ph, .wz-em__pick {
  position: absolute; left: 2.2em; right: 1.8em; top: 0; bottom: 0;
  display: flex; align-items: center;
  overflow: hidden; white-space: nowrap;
}
.wz-em__ph { color: var(--wz-ink-mute); font-weight: 600; }
.wz-em__pick { font-weight: 600; opacity: 0; }
.wz-em__cv { margin-left: auto; color: var(--wz-ink-mute); }
.wz-em__cv svg { display: block; width: .9em; height: .9em; }

.wz-em__menu {
  position: absolute; z-index: 3; left: 0; right: 0; top: calc(100% + .25em);
  display: flex; flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--wz-line); border-radius: .6em;
  background: #fff;
  box-shadow: 0 .6em 1.6em rgba(58, 26, 44, .18);
  opacity: 0;
}
.wz-em__option { display: flex; align-items: center; gap: .5em; height: 2em; padding: 0 .7em; font-size: .78em; color: var(--wz-ink-soft); }
.wz-em__option i { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wz-em__option em { flex: none; color: var(--wz-ink-mute); font-size: .9em; }
.wz-em__option.is-pick { background: var(--wz-tint-soft); color: var(--wz-ink); font-weight: 700; }
.wz-em__ok { flex: none; display: grid; place-items: center; color: var(--wz-accent); opacity: 0; }
.wz-em__ok svg { width: .85em; height: .85em; }

.wz-em__pv {
  display: flex; flex-direction: column;
  flex: 0 0 31%; min-width: 0;
  overflow: hidden;
  border: 1px solid var(--wz-line); border-radius: .8em;
  background: #fbfbfb;
}
.wz-em__pv-head { flex: none; display: flex; align-items: center; height: 2.1em; padding: 0 .8em; border-bottom: 1px solid var(--wz-line); background: #fff; font-size: .76em; font-weight: 700; color: var(--wz-ink-soft); }
.wz-em__pv-body { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; gap: .65em; padding: .9em .8em; }

.wz-em__pv-body .wz-em__sk--img { flex: 1 1 auto; min-height: 3.2em; }
.wz-em__sk { display: block; width: var(--w, 100%); height: .55em; border-radius: .3em; background: #ececec; }
.wz-em__sk--img { width: 100%; height: 3.6em; border-radius: .5em; background: #efefef; }
.wz-em__sk--btn { width: 60%; height: 1.5em; border-radius: .45em; background: #f3dfe8; }

.wz-em__palette {
  display: flex; flex-direction: column;
  flex: 0 0 17%; min-width: 0;
  gap: .4em; padding: .7em .55em;
  border: 1px solid var(--wz-line); border-radius: .8em;
}

.wz-em__block {
  display: flex; align-items: center; gap: .45em;
  flex: 1 1 0; min-height: 2em; padding: 0 .55em;
  border: 1px solid #f0f0f0; border-radius: .5em; background: #fafafa;
  color: var(--wz-ink-soft); font-size: .76em; font-weight: 700;
  white-space: nowrap; overflow: hidden;
}
.wz-em__block .wz-em__icon { color: var(--wz-ink-mute); }
.wz-em__block.is-drag { border-color: var(--wz-brand); background: var(--wz-tint); color: var(--wz-accent); }
.wz-em__block.is-drag .wz-em__icon { color: var(--wz-accent); }

.wz-em__canvas {
  position: relative;
  display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
  flex: 1 1 auto; min-width: 0;
  padding: .9em;
  border-radius: .8em;
  background: #f4f2f5;
  overflow: hidden;
}
.wz-em__paper {
  display: flex; flex-direction: column;
  flex: 1 1 auto; min-height: 0;
  width: 100%;
  overflow: hidden;
  border-radius: .6em; background: #fff;
  box-shadow: 0 .3em .9em rgba(58, 26, 44, .12);
}
.wz-em__paper-logo { display: block; padding: .6em 0; background: var(--wz-tint-soft); color: var(--wz-accent); font-size: .68em; font-weight: 700; letter-spacing: .14em; text-align: center; }

.wz-em__paper-img { display: block; height: 4.2em; background: #e9e5ea; }
.wz-em__paper > .wz-em__paper-img { flex: 1 1 auto; min-height: 3.2em; height: auto; }
.wz-em__paper-body { display: flex; flex-direction: column; gap: .6em; padding: .85em .95em 1em; }
.wz-em__paper-body b { font-size: .92em; font-weight: 700; }
.wz-em__paper-btn { display: block; align-self: flex-start; padding: .55em 1.1em; border-radius: .5em; background: var(--wz-btn-bg); color: #fff; font-size: .74em; font-weight: 700; opacity: 0; }
.wz-em__paper-foot { display: block; padding: .7em 0 .8em; background: #fafafa; color: var(--wz-ink-mute); font-size: .62em; font-weight: 700; text-align: center; text-decoration: underline; }

.wz-em__drop {
  display: flex; align-items: center; justify-content: center;
  height: 1.9em;
  border: 1px solid var(--wz-brand); border-radius: .45em;
  background: #fbe3ed; color: var(--wz-accent);
  font-size: .68em; font-weight: 700;
  opacity: 0;
}

.wz-em__drag {
  --dx: 9.5em;
  --dy: 6.2em;
  position: absolute; z-index: 4; left: .4em; top: 6.6em;
  display: inline-flex; align-items: center; gap: .4em;
  padding: .45em .7em;
  border: 1px solid var(--wz-brand); border-radius: .5em; background: #fff;
  color: var(--wz-accent); font-size: .76em; font-weight: 700; white-space: nowrap;
  box-shadow: 0 .6em 1.4em rgba(58, 26, 44, .26);
  opacity: 0;
}
.wz-em__drag .wz-em__icon { color: var(--wz-accent); }

.wz-em__inspect {
  display: flex; flex-direction: column;
  flex: 0 0 23%; min-width: 0;
  gap: .5em; padding: .7em .6em;
  border: 1px solid var(--wz-line); border-radius: .8em;
  opacity: 0;
}
.wz-em__ifield { display: flex; flex-direction: column; gap: .2em; min-width: 0; opacity: 0; }
.wz-em__ifield i { font-size: .68em; color: var(--wz-ink-mute); }
.wz-em__ifield b { display: flex; align-items: center; gap: .35em; height: 1.85em; padding: 0 .5em; border: 1px solid var(--wz-line); border-radius: .45em; font-size: .72em; font-weight: 600; white-space: nowrap; overflow: hidden; }
.wz-em__swatch { flex: none; width: .9em; height: .9em; border-radius: 50%; background: var(--wz-btn-bg); }

.wz-em__tip { margin-top: auto; display: flex; gap: .4em; padding: .55em; border-radius: .5em; background: var(--wz-tint-soft); color: var(--wz-ink-mute); font-size: .64em; line-height: 1.4; opacity: 0; }
.wz-em__tip .wz-em__icon { color: var(--wz-accent); }

.wz-em__viewer { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; gap: .6em; }
.wz-em__seg { display: inline-flex; align-self: flex-start; gap: .2em; padding: .2em; border-radius: .55em; background: #f1f1f3; }
.wz-em__seg i { padding: .35em .75em; border-radius: .4em; font-size: .74em; font-weight: 700; color: var(--wz-ink-mute); }
.wz-em__seg i.is-on { background: #fff; color: var(--wz-accent); box-shadow: 0 1px 3px rgba(0, 0, 0, .12); }
.wz-em__canvas--pv { justify-content: center; flex: 1 1 auto; min-height: 0; }
.wz-em__phone {
  display: flex; flex-direction: column;
  width: 58%;
  overflow: hidden;
  border: 1px solid #e0dce1; border-radius: .9em; background: #fff;
  box-shadow: 0 .4em 1.2em rgba(58, 26, 44, .18);
  opacity: 0;
}
.wz-em__phone .wz-em__paper-body { gap: .5em; padding: .75em .8em .9em; align-items: center; text-align: center; }
.wz-em__phone .wz-em__paper-btn { align-self: center; }
.wz-em__phone .wz-em__paper-img { height: 3.6em; }

.wz-em__side { display: flex; flex-direction: column; flex: 0 0 31%; min-width: 0; gap: .6em; }
.wz-em__inbox, .wz-em__checks { display: flex; flex-direction: column; gap: .45em; padding: .7em .6em; border: 1px solid var(--wz-line); border-radius: .8em; }
.wz-em__inbox { opacity: 0; }
.wz-em__checks { flex: 1 1 auto; min-height: 0; }
.wz-em__inbox-row { display: flex; align-items: flex-start; gap: .5em; min-width: 0; }
.wz-em__av { display: grid; place-items: center; flex: none; width: 1.9em; height: 1.9em; border-radius: 50%; background: var(--wz-tint); color: var(--wz-accent); font-size: .85em; font-weight: 700; }
.wz-em__inbox-tx { display: flex; flex-direction: column; gap: .1em; min-width: 0; }
.wz-em__inbox-tx i { display: inline-flex; align-items: center; gap: .25em; font-size: .76em; font-weight: 700; }
.wz-em__inbox-tx i .wz-em__icon { width: .9em; height: .9em; color: var(--wz-accent); }
.wz-em__inbox-tx b { font-size: .7em; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wz-em__inbox-tx em { font-size: .66em; color: var(--wz-ink-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.wz-em__check { display: flex; align-items: flex-start; gap: .4em; min-width: 0; opacity: 0; }
.wz-em__check u { flex: none; width: 1em; height: 1em; margin-top: .1em; border-radius: 50%; background: var(--wz-tint); }

.wz-em__check u::before {
  content: ""; display: block; width: .34em; height: .17em;
  margin: .3em auto 0;
  border: solid var(--wz-accent); border-width: 0 0 1.5px 1.5px;
  transform: rotate(-45deg);
}
.wz-em__check i { font-size: .66em; line-height: 1.35; color: var(--wz-ink-soft); }
.wz-em__score { display: flex; align-items: center; gap: .4em; margin-top: auto; padding: .5em .6em; border-radius: .5em; background: var(--wz-tint-soft); color: var(--wz-accent); font-size: .68em; font-weight: 700; opacity: 0; }

.wz-em__progress { display: flex; flex-direction: column; gap: .4em; padding: .65em .8em; border: 1px solid var(--wz-line); border-radius: .8em; opacity: 0; }
.wz-em__progress-top { display: flex; align-items: center; justify-content: space-between; gap: .6em; }
.wz-em__progress-top i { font-size: .82em; font-weight: 700; }
.wz-em__progress-top b { font-size: .78em; font-weight: 700; color: var(--wz-accent); white-space: nowrap; }
.wz-em__progress em { font-size: .68em; color: var(--wz-ink-mute); }
.wz-em__track { display: block; width: 100%; height: .7em; border-radius: .35em; background: #f0f0f0; overflow: hidden; }

.wz-em__fill { display: block; width: 100%; height: 100%; border-radius: .35em; background: var(--wz-btn-bg); transform: scaleX(0); transform-origin: left center; }

.wz-em__stats { display: flex; gap: .6em; }
.wz-em__stat { display: flex; flex-direction: column; gap: .05em; flex: 1 1 0; min-width: 0; padding: .5em .7em; border: 1px solid var(--wz-line); border-radius: .8em; opacity: 0; }
.wz-em__stat b { font-size: 1.3em; font-weight: 700; letter-spacing: -.02em; }
.wz-em__stat i { font-size: .7em; color: var(--wz-ink-mute); }

.wz-em__log { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; overflow: hidden; border: 1px solid var(--wz-line); border-radius: .8em; }
.wz-em__log-head { flex: none; display: flex; align-items: center; height: 1.75em; padding: 0 .7em; border-bottom: 1px solid #f0f0f0; background: #fafafa; font-size: .64em; font-weight: 700; letter-spacing: .06em; color: var(--wz-ink-mute); }
.wz-em__row { display: flex; align-items: center; gap: .5em; flex: 1 1 0; min-height: 1.85em; padding: 0 .7em; border-bottom: 1px solid #f4f4f4; min-width: 0; opacity: 0; }
.wz-em__row u { flex: none; width: .45em; height: .45em; border-radius: 50%; background: var(--wz-brand); }
.wz-em__row i { flex: 1 1 auto; min-width: 0; font-size: .72em; color: var(--wz-ink-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wz-em__row em { flex: none; padding: .1em .5em; border-radius: 999px; background: var(--wz-tint); color: var(--wz-accent); font-size: .64em; font-weight: 700; }
.wz-em__row--off u { background: #d6d6d6; }
.wz-em__row--off em { background: #f2f2f2; color: var(--wz-ink-mute); }

.wz-em__toast {
  position: absolute; z-index: 5; right: .95em; top: .6em;
  display: flex; align-items: center; gap: .55em;
  padding: .55em .75em;
  border: 1px solid var(--wz-line-warm); border-radius: .6em; background: #fff;
  box-shadow: 0 .6em 1.6em rgba(58, 26, 44, .22);
  opacity: 0;
}
.wz-em__toast u { display: grid; place-items: center; flex: none; width: 1.5em; height: 1.5em; border-radius: 50%; background: var(--wz-btn-bg); color: #fff; }
.wz-em__toast u svg { width: .85em; height: .85em; }
.wz-em__toast b { display: block; font-size: .76em; font-weight: 700; }
.wz-em__toast i { display: block; font-size: .68em; color: var(--wz-ink-mute); }

.wz-em__ripple {
  position: absolute; left: 50%; top: 50%;
  width: 100%; height: 100%;
  border: 1.5px solid var(--wz-brand); border-radius: .55em;
  transform: translate(-50%, -50%) scale(.6);
  opacity: 0;
  pointer-events: none;
}

.wz-em__cursor {
  position: absolute; z-index: 6; left: 0; top: 0;
  width: 1.5em; height: 1.5em;
  opacity: 0;
  pointer-events: none;
}
.wz-em__cursor svg { display: block; width: 100%; height: 100%; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3)); }
.wz-em__cursor u {
  position: absolute; left: .15em; top: .15em;
  width: 1.6em; height: 1.6em;
  border-radius: 50%;
  background: rgba(196, 42, 94, .3);
  transform: scale(.35);
  opacity: 0;
}

:where(.wz-em-js) :where(.wz-em--hero.is-in) .wz-em__sim :is(
  .wz-em__act, .wz-em__chip,
  .wz-em__type, .wz-em__auth, .wz-em__menu, .wz-em__ok,
  .wz-em__ph, .wz-em__pick,
  .wz-em__drag, .wz-em__drop, .wz-em__paper-btn,
  .wz-em__inspect, .wz-em__ifield, .wz-em__tip,
  .wz-em__seg i.is-on, .wz-em__phone, .wz-em__inbox, .wz-em__check, .wz-em__score, .wz-em__saved--ok,
  .wz-em__progress, .wz-em__fill, .wz-em__stat, .wz-em__row, .wz-em__toast, .wz-em__ripple,
  .wz-em__cursor, .wz-em__cursor u
) {
  animation-duration: var(--wz-em-loop);
  animation-iteration-count: infinite;
  animation-fill-mode: both;

  animation-timing-function: cubic-bezier(.22, .61, .36, 1);
  animation-delay: calc(var(--a, 0s) + var(--d, 0s));
}

.wz-em__act, .wz-em__chip { --a: calc(var(--i) * var(--wz-em-act)); }

@keyframes wz-em-act {
  0%     { opacity: 0; animation-timing-function: cubic-bezier(.33, 0, .2, 1); }
  1.25%  { opacity: 1; animation-timing-function: linear; }
  26.25% { opacity: 1; }
  27.5%  { opacity: 0; }
  100%   { opacity: 0; }
}

.wz-em-js .wz-em--hero.is-in .wz-em__act { animation-name: wz-em-act; will-change: opacity; }
.wz-em-js .wz-em--hero.is-in .wz-em__act:nth-child(3) { opacity: 0; }

@keyframes wz-em-on {
  0%    { opacity: 0; }
  1.5%  { opacity: 1; }
  23.5% { opacity: 1; }
  25%, 100% { opacity: 0; }
}
.wz-em-js .wz-em--hero.is-in .wz-em__chip { opacity: 0; animation-name: wz-em-on; }
.wz-em-js .wz-em--hero.is-in .wz-em__chip:nth-child(3) { opacity: 0; }

@keyframes wz-em-rise {
  0%   { opacity: 0; transform: translateY(.4em); animation-timing-function: cubic-bezier(.16, 1, .3, 1); }
  1.6% { opacity: 1; transform: none; animation-timing-function: linear; }
  100% { opacity: 1; transform: none; }
}
@keyframes wz-em-pop {
  0%   { opacity: 0; transform: scale(.92); animation-timing-function: cubic-bezier(.16, 1, .3, 1); }
  1.5% { opacity: 1; transform: scale(1.025); }
  2.3% { opacity: 1; transform: scale(1); animation-timing-function: linear; }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes wz-em-slide {
  0%   { opacity: 0; transform: translateX(.8em); animation-timing-function: cubic-bezier(.16, 1, .3, 1); }
  2.2% { opacity: 1; transform: none; animation-timing-function: linear; }
  100% { opacity: 1; transform: none; }
}
@keyframes wz-em-off {
  0%   { opacity: 1; }
  1%, 100% { opacity: 0; }
}

@keyframes wz-em-type {
  0%   { max-width: 0; }
  4.5% { max-width: var(--tw, 14em); }
  100% { max-width: var(--tw, 14em); }
}
@keyframes wz-em-caret {
  0%        { opacity: 0; }
  1%        { opacity: 1; }
  6%        { opacity: 1; }
  6.5%, 100% { opacity: 0; }
}
@keyframes wz-em-blink { 0%, 45% { opacity: 1; } 55%, 100% { opacity: 0; } }

.wz-em-js .wz-em--hero.is-in .wz-em__type { max-width: 0; animation-name: wz-em-type; animation-timing-function: steps(var(--steps, 20), end); }

.wz-em-js .wz-em--hero.is-in .wz-em__caret {
  animation-name: wz-em-caret, wz-em-blink;
  animation-duration: var(--wz-em-loop), .9s;
  animation-iteration-count: infinite, infinite;
  animation-fill-mode: both, none;
  animation-timing-function: linear, steps(1);
  animation-delay: calc(var(--a) + var(--d, 0s)), 0s;
}
.wz-em-js .wz-em--hero.is-in .wz-em__auth { opacity: 0; animation-name: wz-em-pop; }

@keyframes wz-em-menu {
  0%        { opacity: 0; transform: translateY(.35em); }
  1%        { opacity: 1; transform: none; }
  3.75%     { opacity: 1; transform: none; }
  4.5%, 100% { opacity: 0; transform: translateY(.35em); }
}
.wz-em-js .wz-em--hero.is-in .wz-em__menu { animation-name: wz-em-menu; }
.wz-em-js .wz-em--hero.is-in .wz-em__ok { animation-name: wz-em-rise; }
.wz-em-js .wz-em--hero.is-in .wz-em__ph { animation-name: wz-em-off; }
.wz-em-js .wz-em--hero.is-in .wz-em__pick { animation-name: wz-em-rise; }

@keyframes wz-em-drag {
  0%   { opacity: 0; transform: translate(0, 0) rotate(-3deg) scale(.96); }
  1.2% { opacity: 1; transform: translate(0, 0) rotate(-3deg) scale(1); }
  6.2% { opacity: 1; transform: translate(var(--dx), var(--dy)) rotate(-2deg) scale(1); }
  7.3% { opacity: 0; transform: translate(var(--dx), var(--dy)) rotate(0deg) scale(.94); }
  100% { opacity: 0; }
}
@keyframes wz-em-drop {
  0%     { opacity: 0; }
  1%     { opacity: 1; }
  5.4%   { opacity: 1; }
  6%, 100% { opacity: 0; }
}
.wz-em-js .wz-em--hero.is-in .wz-em__drag { animation-name: wz-em-drag; animation-timing-function: cubic-bezier(.4, 0, .2, 1); }
.wz-em-js .wz-em--hero.is-in .wz-em__drop { animation-name: wz-em-drop; }
.wz-em-js .wz-em--hero.is-in .wz-em__paper-btn { animation-name: wz-em-pop; }
.wz-em-js .wz-em--hero.is-in .wz-em__inspect { animation-name: wz-em-slide; }
.wz-em-js .wz-em--hero.is-in :is(.wz-em__ifield, .wz-em__tip) { animation-name: wz-em-rise; }

.wz-em-js .wz-em--hero.is-in .wz-em__seg i.is-on { animation-name: wz-em-pop; }
.wz-em-js .wz-em--hero.is-in :is(.wz-em__phone, .wz-em__inbox, .wz-em__check, .wz-em__saved--ok) { animation-name: wz-em-rise; }
.wz-em-js .wz-em--hero.is-in .wz-em__score { animation-name: wz-em-pop; }

.wz-em-js .wz-em--hero.is-in :is(.wz-em__progress, .wz-em__stat, .wz-em__row) { animation-name: wz-em-rise; }

@keyframes wz-em-fill {
  0%   { transform: scaleX(0); }
  12%  { transform: scaleX(.78); }
  100% { transform: scaleX(.78); }
}
.wz-em-js .wz-em--hero.is-in .wz-em__fill { animation-name: wz-em-fill; animation-timing-function: cubic-bezier(.3, .7, .3, 1); }

@keyframes wz-em-toast {
  0%   { opacity: 0; transform: translateX(.8em) scale(.97); }
  1.8% { opacity: 1; transform: none; }
  100% { opacity: 1; transform: none; }
}
.wz-em-js .wz-em--hero.is-in .wz-em__toast { animation-name: wz-em-toast; }

@keyframes wz-em-ripple {
  0%        { opacity: 0; transform: translate(-50%, -50%) scale(.6); }
  0.4%      { opacity: .75; transform: translate(-50%, -50%) scale(1); }
  2.4%      { opacity: 0; transform: translate(-50%, -50%) scale(1.5); }
  100%      { opacity: 0; transform: translate(-50%, -50%) scale(.6); }
}
.wz-em-js .wz-em--hero.is-in .wz-em__ripple { animation-name: wz-em-ripple; animation-timing-function: ease-out; }

@keyframes wz-em-cursor {
  0%      { transform: translate(43em, 33em); opacity: 0; animation-timing-function: linear; }
  1%      { transform: translate(43em, 33em); opacity: 1; animation-timing-function: cubic-bezier(.32, .02, .12, 1); }
  2.5%    { transform: translate(15.6em, 10.1em); opacity: 1; animation-timing-function: linear; }
  8.125%  { transform: translate(15.6em, 10.1em); opacity: 1; animation-timing-function: cubic-bezier(.32, .02, .12, 1); }
  9.375%  { transform: translate(15.6em, 17.0em); opacity: 1; animation-timing-function: linear; }
  10.833% { transform: translate(15.6em, 17.0em); opacity: 1; animation-timing-function: cubic-bezier(.32, .02, .12, 1); }
  12.292% { transform: translate(15.6em, 19.0em); opacity: 1; animation-timing-function: linear; }
  13.542% { transform: translate(15.6em, 19.0em); opacity: 1; animation-timing-function: cubic-bezier(.32, .02, .12, 1); }
  14.792% { transform: translate(15.6em, 20.4em); opacity: 1; animation-timing-function: linear; }
  21.25%  { transform: translate(15.6em, 20.4em); opacity: 1; animation-timing-function: cubic-bezier(.32, .02, .12, 1); }
  22.708% { transform: translate(41.4em, 29.9em); opacity: 1; animation-timing-function: linear; }
  23.958% { transform: translate(41.4em, 29.9em); opacity: 0; animation-timing-function: linear; }
  25.625% { transform: translate(4.4em, 16.0em); opacity: 0; animation-timing-function: linear; }
  26.042% { transform: translate(4.4em, 16.0em); opacity: 1; animation-timing-function: linear; }
  27.917% { transform: translate(4.4em, 16.0em); opacity: 1; animation-timing-function: cubic-bezier(.32, .02, .12, 1); }
  33.125% { transform: translate(21.6em, 20.0em); opacity: 1; animation-timing-function: linear; }
  34.792% { transform: translate(21.6em, 20.0em); opacity: 1; animation-timing-function: cubic-bezier(.32, .02, .12, 1); }
  36.458% { transform: translate(40.1em, 10.8em); opacity: 1; animation-timing-function: linear; }
  39.792% { transform: translate(40.1em, 10.8em); opacity: 1; animation-timing-function: cubic-bezier(.32, .02, .12, 1); }
  41.042% { transform: translate(36.5em, 14.5em); opacity: 1; animation-timing-function: linear; }
  44.583% { transform: translate(36.5em, 14.5em); opacity: 1; animation-timing-function: cubic-bezier(.32, .02, .12, 1); }
  46.042% { transform: translate(40.8em, 29.9em); opacity: 1; animation-timing-function: linear; }
  48.75%  { transform: translate(40.8em, 29.9em); opacity: 0; animation-timing-function: linear; }
  50.625% { transform: translate(7.2em, 8.3em); opacity: 0; animation-timing-function: linear; }
  51.042% { transform: translate(7.2em, 8.3em); opacity: 1; animation-timing-function: linear; }
  53.958% { transform: translate(7.2em, 8.3em); opacity: 1; animation-timing-function: cubic-bezier(.32, .02, .12, 1); }
  55.625% { transform: translate(38.3em, 10.5em); opacity: 1; animation-timing-function: linear; }
  58.125% { transform: translate(38.3em, 10.5em); opacity: 1; animation-timing-function: cubic-bezier(.32, .02, .12, 1); }
  59.375% { transform: translate(38.3em, 17.1em); opacity: 1; animation-timing-function: linear; }
  60.833% { transform: translate(38.3em, 17.1em); opacity: 1; animation-timing-function: cubic-bezier(.32, .02, .12, 1); }
  61.875% { transform: translate(38.3em, 18.6em); opacity: 1; animation-timing-function: linear; }
  62.917% { transform: translate(38.3em, 18.6em); opacity: 1; animation-timing-function: cubic-bezier(.32, .02, .12, 1); }
  63.958% { transform: translate(38.3em, 20.2em); opacity: 1; animation-timing-function: linear; }
  64.792% { transform: translate(38.3em, 20.2em); opacity: 1; animation-timing-function: cubic-bezier(.32, .02, .12, 1); }
  65.833% { transform: translate(38.3em, 21.8em); opacity: 1; animation-timing-function: linear; }
  68.125% { transform: translate(38.3em, 21.8em); opacity: 1; animation-timing-function: cubic-bezier(.32, .02, .12, 1); }
  69.167% { transform: translate(38.3em, 24.5em); opacity: 1; animation-timing-function: linear; }
  70.833% { transform: translate(38.3em, 24.5em); opacity: 1; animation-timing-function: cubic-bezier(.32, .02, .12, 1); }
  72.292% { transform: translate(41.6em, 29.9em); opacity: 1; animation-timing-function: linear; }
  73.958% { transform: translate(41.6em, 29.9em); opacity: 0; animation-timing-function: linear; }
  75.417% { transform: translate(40.9em, 29.9em); opacity: 0; animation-timing-function: linear; }
  75.833% { transform: translate(40.9em, 29.9em); opacity: 1; animation-timing-function: linear; }
  80.208% { transform: translate(40.9em, 29.9em); opacity: 1; animation-timing-function: cubic-bezier(.32, .02, .12, 1); }
  82.083% { transform: translate(23em, 15.2em); opacity: 1; animation-timing-function: linear; }
  83.75%  { transform: translate(23em, 15.2em); opacity: 1; animation-timing-function: cubic-bezier(.32, .02, .12, 1); }
  85.417% { transform: translate(23em, 22.8em); opacity: 1; animation-timing-function: linear; }
  92.917% { transform: translate(23em, 22.8em); opacity: 1; animation-timing-function: cubic-bezier(.32, .02, .12, 1); }
  94.167% { transform: translate(23em, 24.0em); opacity: 1; animation-timing-function: linear; }
  96.25%  { transform: translate(23em, 24.0em); opacity: 1; animation-timing-function: cubic-bezier(.32, .02, .12, 1); }
  97.5%   { transform: translate(43em, 33em); opacity: 0; animation-timing-function: linear; }
  100%    { transform: translate(43em, 33em); opacity: 0; animation-timing-function: linear; }
}

@keyframes wz-em-click {
  0%      { opacity: 0; transform: scale(.35); }
  2.917%  { opacity: 0; transform: scale(.35); }
  3.317%  { opacity: .72; transform: scale(1); }
  4.117%  { opacity: 0; transform: scale(1.75); }
  9.792%  { opacity: 0; transform: scale(.35); }
  10.192% { opacity: .72; transform: scale(1); }
  10.992% { opacity: 0; transform: scale(1.75); }
  12.708% { opacity: 0; transform: scale(.35); }
  13.108% { opacity: .72; transform: scale(1); }
  13.908% { opacity: 0; transform: scale(1.75); }
  15.208% { opacity: 0; transform: scale(.35); }
  15.608% { opacity: .72; transform: scale(1); }
  16.408% { opacity: 0; transform: scale(1.75); }
  23.125% { opacity: 0; transform: scale(.35); }
  23.525% { opacity: .72; transform: scale(1); }
  24.325% { opacity: 0; transform: scale(1.75); }
  27.292% { opacity: 0; transform: scale(.35); }
  27.692% { opacity: .72; transform: scale(1); }
  28.492% { opacity: 0; transform: scale(1.75); }
  46.458% { opacity: 0; transform: scale(.35); }
  46.858% { opacity: .72; transform: scale(1); }
  47.658% { opacity: 0; transform: scale(1.75); }
  52.292% { opacity: 0; transform: scale(.35); }
  52.692% { opacity: .72; transform: scale(1); }
  53.492% { opacity: 0; transform: scale(1.75); }
  72.708% { opacity: 0; transform: scale(.35); }
  73.108% { opacity: .72; transform: scale(1); }
  73.908% { opacity: 0; transform: scale(1.75); }
  77.083% { opacity: 0; transform: scale(.35); }
  77.483% { opacity: .72; transform: scale(1); }
  78.283% { opacity: 0; transform: scale(1.75); }
  100%    { opacity: 0; transform: scale(.35); }
}
.wz-em-js .wz-em--hero.is-in .wz-em__cursor { animation-name: wz-em-cursor; will-change: transform, opacity; }
.wz-em-js .wz-em--hero.is-in .wz-em__cursor u { animation-name: wz-em-click; animation-timing-function: ease-out; }

@media (prefers-reduced-motion: reduce) {

  .wz-em-js .wz-em--hero.is-in .wz-em__sim :is(
    .wz-em__act, .wz-em__chip,
    .wz-em__type, .wz-em__caret, .wz-em__auth, .wz-em__menu, .wz-em__ok,
    .wz-em__ph, .wz-em__pick,
    .wz-em__drag, .wz-em__drop, .wz-em__paper-btn,
    .wz-em__inspect, .wz-em__ifield, .wz-em__tip,
    .wz-em__seg i.is-on, .wz-em__phone, .wz-em__inbox, .wz-em__check, .wz-em__score, .wz-em__saved--ok,
    .wz-em__progress, .wz-em__fill, .wz-em__stat, .wz-em__row, .wz-em__toast, .wz-em__ripple,
    .wz-em__cursor, .wz-em__cursor u
  ) { animation: none !important; }

  .wz-em-js .wz-em--hero.is-in .wz-em__act { opacity: 0; transform: none; }
  .wz-em-js .wz-em--hero.is-in .wz-em__act:nth-child(3) { opacity: 1; }
  .wz-em-js .wz-em--hero.is-in .wz-em__chip { opacity: 0; }
  .wz-em-js .wz-em--hero.is-in .wz-em__chip:nth-child(3) { opacity: 1; }
  .wz-em__cursor { display: none; }

  .wz-em__sim :is(.wz-em__phone, .wz-em__inbox, .wz-em__check, .wz-em__score, .wz-em__saved--ok) { opacity: 1; transform: none; }
}