.dancer-c {
    position: relative;
    animation: bounce 1s infinite ease;
    width: 100%;
    height: 100%;
}
.dancer-c * {
    pointer-events: none;
}
.dancer {
    image-rendering: pixelated;
    position: absolute;
    top: 0;
    left: 0;
}
.dancer-glowstroke {
    filter: brightness(1000%) invert(50%) sepia(100%) saturate(300%) brightness(200%);
    transform: scale(1.15);
    opacity: 0.5;
}
.dancer-blurglow2 {
    filter: brightness(1000%) invert(50%) sepia(100%) saturate(300%) brightness(200%) blur(3px);
    opacity: 0.9;
}
.dancer-blurglow3 {
    filter: brightness(1000%) invert(50%) sepia(100%) saturate(300%) brightness(200%) blur(5px);
    opacity: 1;
}
.dancer-blurglow {
    filter: brightness(1000%) invert(50%) sepia(100%) saturate(300%) brightness(200%) blur(4px);
    opacity: 0.7;    
    filter: brightness(1000%) invert(50%) sepia(100%) saturate(300%) brightness(200%) blur(6px);
    opacity: 0.75;
}
.dancer-rainbow {
    animation: rainbow 1s linear infinite;
    height: 100%;
}
.dancer-rainbow2 {
    animation: rainbow 1.5s linear infinite;
    height: 100%;
}
.dancer-colorswap-1 {
    filter: hue-rotate(45deg);
}
.dancer-colorswap-2 {
    filter: hue-rotate(90deg);
}
.dancer-colorswap-3 {
    filter: hue-rotate(135deg);
}
.dancer-colorswap-4 {
    filter: hue-rotate(180deg);
}
.dancer-colorswap-5 {
    filter: hue-rotate(225deg);
}
.dancer-colorswap-6 {
    filter: hue-rotate(270deg);
}
.dancer-colorswap-7 {
    filter: hue-rotate(315deg);
}

.dancer-blurglow-gemblue {
    filter: brightness(1000%) invert(50%) sepia(100%) saturate(300%) brightness(200%) blur(4px) hue-rotate(90deg);
    opacity: 0.75;
}
.dancer-blurglow-red {
    filter: brightness(1000%) invert(50%) sepia(100%) saturate(300%) brightness(200%) blur(3px) hue-rotate(300deg);
    opacity: 1;
}
.dancer-raph-wings {
    animation: bounce 0.5s infinite ease;
    opacity: 0.9;
}
.dancer-raph-extra {
    height: 100%;
}

.dancer-blur3glow {
    filter: brightness(1000%) invert(50%) sepia(100%) saturate(300%) brightness(200%) blur(3px);
    opacity: 1;
}
.dancer-blur15glow {
    filter: brightness(1000%) invert(50%) sepia(100%) saturate(300%) brightness(200%) blur(15px);
    opacity: 1;
}
.dancer-blurglow-yellow {
    filter: brightness(1000%) invert(50%) sepia(100%) saturate(300%) brightness(200%) blur(3px) hue-rotate(360deg);
    opacity: 1;
}
.dancer-blur2glow-yellow {
    filter: brightness(1000%) invert(50%) sepia(100%) saturate(300%) brightness(200%) blur(2px) hue-rotate(360deg);
    opacity: 1;
}
.dancer-blur15glow-yellow {
    filter: brightness(1000%) invert(50%) sepia(100%) saturate(300%) brightness(200%) blur(15px) hue-rotate(360deg);
    opacity: 1;
}


@keyframes rainbow {
    0%  {filter:  hue-rotate(0deg);}
    50%  {filter:  hue-rotate(180deg);}
    100%  {filter:  hue-rotate(360deg);}
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}







.dancer-static-c {
    width: 48px;
    height: 75px;
    position: relative;
    padding: 3px 0px;
    box-sizing: border-box;
    padding-bottom: 9px;
    margin-right: 4px;
    position: absolute;
    right: 3px;
    top: 0;    
    width: 100%;
    right: 0;
    margin-right: 0;
    top: 65px;
    height: 100px;
}
.dancer-static-c .dancer {
    width: unset;
    height: 100%;
    left: 50%;
    /* transform: translateX(-50%); */
    /* position: relative; */
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}


.dancer-gachu-bg {
    width: 82%;
    padding-bottom: 82%;
    background: rgb(165 175 255 / 25%);
    background: rgb(103 120 255 / 20%);
    background: rgb(165 175 255 / 20%);
    box-shadow: 0 0 6px 0px rgb(204 210 255 / 80%) inset;
    box-shadow: 0 0 6px 0px rgb(204 210 255 / 100%) inset;
    box-shadow: 0 0 10px 0px rgb(204 210 255 / 100%) inset;
    border-radius: 100px;
    position: absolute;
    top: calc(54%);
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 70px;
    min-height: 70px;
    box-sizing: border-box;
}
.plp  .dancer-gachu-bg {
    top: calc(56%);
    top: calc(50%);
    min-width: 85px;
    min-height: 85px;
    box-sizing: border-box;
    min-width: 75px;
    min-height: 75px;
    margin: 1% 0;
}

.dancer-gachu-bg-rainbow {
    animation: menuhue 1.5s linear infinite;
}







.pack-egg1 {
    position: relative;
    /* background-image: url(/assets/icons/coin12.png); */
    background-image: url(/assets/eggs/act1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    image-rendering: pixelated;
    width: 100%;
    height: 100%;
    display: inline-block;
    /* top: 1px; */
    /* left: 2px; */
    padding: 5px 0px;
    box-sizing: border-box;
    background-origin: content-box;
    animation: discordglow 0.4s linear infinite;
    /* animation: bounce 1s infinite ease; */
}
.pack-egg2 {
    position: relative;
    /* background-image: url(/assets/icons/coin12.png); */
    background-image: url(/assets/eggs/act2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    image-rendering: pixelated;
    width: 100%;
    height: 100%;
    display: inline-block;
    /* top: 1px; */
    /* left: 2px; */
    padding: 5px 0px;
    box-sizing: border-box;
    background-origin: content-box;
    animation: discordglow 0.4s linear infinite;
    /* animation: bounce 1s infinite ease; */
}
.pack-eggsu1 {
    position: relative;
    /* background-image: url(/assets/icons/coin12.png); */
    background-image: url(/assets/eggs/super1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    image-rendering: pixelated;
    width: 100%;
    height: 100%;
    display: inline-block;
    /* top: 1px; */
    /* left: 2px; */
    padding: 5px 0px;
    box-sizing: border-box;
    background-origin: content-box;
    animation: discordglow 0.4s linear infinite;
    /* animation: bounce 1s infinite ease; */
}