#cursor .follower,
#cursor .follower02,
#cursor .follower03{
  position: absolute;
  top: 0;
  left: 0;
  cursor: none;
  pointer-events: none;
}

:root {
  --cursor-width: 20px;
  --cursor-height: 20px;
}
#cursor .follower {
  display: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--cursor-width);
  height: var(--cursor-height);
  border: solid 2px #2323ff88;
  /*
  animation-name: followerAnim;
  animation-duration: 10s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: forwards;
  animation-fill-mode: none;
  animation-play-state: running;
  */
  z-index: 1000;
  transition-timing-function: ease;
  transition-duration: 0.1s;
  text-align: center;
  transform: scale(1) rotateZ(0deg);
  opacity: 0;
  background-color: transparent;
  /* border-image: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82); */
  border-image: linear-gradient(60deg, #d3901d, #f0ca66, #c07630);
  border-image-slice: 1;
  /*
  span {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    transform: scale(0);
  }
  */
}
#cursor .follower.is-active {
  display: block;
  opacity: 1;
}
#cursor .follower.is-fade {
  transform: scale(3);
  opacity: 0;
}
#cursor .follower.is-surround {
  position: absolute;
  overflow: hidden;
  animation-name: followerAnim;
  animation-duration: 3s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
}
#cursor .follower.is-surround-r {
  position: absolute;
  overflow: hidden;
}
#cursor .follower.is-surround-r > *{
  z-index: 0;
}
#cursor .follower02,
#cursor .follower03{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  justify-content: center;
  align-items: center;
  width: var(--cursor-width);
  height: var(--cursor-height);
  border: solid 2px #2323ff88;
  /*
  animation-name: followerAnim;
  animation-duration: 10s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: forwards;
  animation-fill-mode: none;
  animation-play-state: running;
  */
  z-index: 999;
  transition-timing-function: ease;
  transition-duration: 0.1s;
  text-align: center;
  transform: scale(1) translateZ(0deg);
  opacity: 0.3;
  background-color: transparent;
  /* border-image: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82); */
  border-image: linear-gradient(60deg, #d3901d, #f0ca66, #c07630);
  border-image-slice: 1;
}
#cursor .follower02{
  animation-delay: 0.5s;
}
#cursor .follower03{
  animation-delay: 0.75s;
}
#cursor .follower02.is-active,
#cursor .follower03.is-active{
  display: inline-block;
  opacity: 0.3;
}
#cursor .follower02.is-fade,
#cursor .follower03.is-fade{
  transform: scale(3);
  opacity: 0;
}
@-webkit-keyframes followerAnim {
  0% {
		filter: brightness(100%);
	}
	50% {
		filter: brightness(150%);
	}
	100% {
    filter: brightness(100%);
	}
}
@keyframes followerAnim {
  0% {
		filter: brightness(100%);
	}
	50% {
		filter: brightness(150%);
	}
	100% {
    filter: brightness(100%);
	}
}
/*
@-webkit-keyframes followerAnim {
  0% {
		filter: hue-rotate(0deg);
	}
	50% {
		filter: hue-rotate(0deg);
	}
	100% {
    filter: hue-rotate(360deg);
	}
}
@keyframes followerAnim {
  0% {
		filter: hue-rotate(0deg);
	}
	50% {
		filter: hue-rotate(0deg);
	}
	100% {
    filter: hue-rotate(360deg);
	}
}
*/

.mouseOver,
.mouseOverS,
.mouseOverSS{
  cursor: pointer;
}