/***** purpose-switcher *****/

.switcher {
  position: relative;
  z-index: 0;
  width: 100%;
  height: auto;
  padding: 0rem;
  margin: 0rem;
  display: flex;
  justify-content: center;
  align-items: center;

  > img {
    transition: transform 100ms ease;
    will-change: transform;

    &:first-child {
      display: block;
    }

    &:last-child {
      display: none;
    }

    &.visible {
      display: block !important;
    }

    &.hidden {
      display: none !important;
    }
  }

  &.shake {
    animation: shakeX 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
}

/* 揺れ (shake) アニメーション */
@keyframes shakeX {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  25% {
    transform: translateY(-6px) rotate(0deg);
  }
  50% {
    transform: translateY(6px) rotate(0deg);
  }
  75% {
    transform: translateY(-6px) rotate(0deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jc3MvY29tcG9uZW50cy91bml2ZXJzYWwvcHVycG9zZS1zd2l0Y2hlci5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoicHVycG9zZS1zd2l0Y2hlci5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKioqKiogcHVycG9zZS1zd2l0Y2hlciAqKioqKi9cblxuLnN3aXRjaGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB6LWluZGV4OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiBhdXRvO1xuICBwYWRkaW5nOiAwcmVtO1xuICBtYXJnaW46IDByZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gID4gaW1nIHtcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMTAwbXMgZWFzZTtcbiAgICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtO1xuXG4gICAgJjpmaXJzdC1jaGlsZCB7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICB9XG5cbiAgICAmOmxhc3QtY2hpbGQge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICAmLnZpc2libGUge1xuICAgICAgZGlzcGxheTogYmxvY2sgIWltcG9ydGFudDtcbiAgICB9XG5cbiAgICAmLmhpZGRlbiB7XG4gICAgICBkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG4gICAgfVxuICB9XG5cbiAgJi5zaGFrZSB7XG4gICAgYW5pbWF0aW9uOiBzaGFrZVggMC43cyBjdWJpYy1iZXppZXIoMC4yNSwgMC44LCAwLjI1LCAxKTtcbiAgfVxufVxuXG4vKiDmj7rjgowgKHNoYWtlKSDjgqLjg4vjg6Hjg7zjgrfjg6fjg7MgKi9cbkBrZXlmcmFtZXMgc2hha2VYIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKSByb3RhdGUoMGRlZyk7XG4gIH1cbiAgMjUlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTZweCkgcm90YXRlKDBkZWcpO1xuICB9XG4gIDUwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDZweCkgcm90YXRlKDBkZWcpO1xuICB9XG4gIDc1JSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC02cHgpIHJvdGF0ZSgwZGVnKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCkgcm90YXRlKDBkZWcpO1xuICB9XG59XG4iXX0= */