.site-brand:hover .site-brand-logo,
.site-brand:focus-visible .site-brand-logo {
  animation: chikuwaLogoShake 0.18s steps(2, end) infinite;
  transform-origin: 50% 55%;
}

.sns a:hover,
.sns a:focus-visible {
  transform: none;
}

.sns a:hover svg,
.sns a:focus-visible svg {
  animation: chikuwaLogoShake 0.18s steps(2, end) infinite;
  transform-origin: 50% 50%;
}

@keyframes chikuwaLogoShake {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  25% {
    transform: translate3d(-2px, 1px, 0) rotate(-1deg);
  }
  50% {
    transform: translate3d(2px, -1px, 0) rotate(1deg);
  }
  75% {
    transform: translate3d(-1px, -1px, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(1px, 1px, 0) rotate(1deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-brand:hover .site-brand-logo,
  .site-brand:focus-visible .site-brand-logo,
  .sns a:hover svg,
  .sns a:focus-visible svg {
    animation: none;
  }
}