/* [project]/components/wand.css.css [app-client] (css) */
.wz {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 0;
  border-radius: 8px;
  width: 100%;
  padding: 0;
  display: block;
}

.wz-tag {
  z-index: 4;
  position: relative;
}

.wz-tag .tag-hole {
  background: var(--bg);
}

.wz-tag .tag-wrap {
  transform-origin: calc(50% + 4px) 0;
}

.wz-swap {
  display: grid;
}

.wz-swap > * {
  grid-area: 1 / 1;
}

@keyframes wzIn {
  from {
    opacity: 0;
    clip-path: none;
  }

  to {
    opacity: 1;
    clip-path: none;
  }
}

@keyframes wzOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.wand-pre .wz-after {
  animation: 1.2s 3s both wzIn;
}

.wand-pre .wz-a {
  animation: .4s 3.4s both wzIn;
}

.wand-pre .wz-b, .wand-pre .wz-hint {
  animation: .4s 3s both wzOut;
}

@media (prefers-reduced-motion: reduce) {
  .wand-pre * {
    animation-duration: 1ms !important;
    animation-delay: 0s !important;
  }
}

.wz-tag-side .wand-tag {
  width: min(100%, 380px);
  margin: 0;
}

/*# sourceMappingURL=components_wand_css_0b22yp--mj5bv.css.map*/