#__next>div>div div {
    will-change: auto
}

:root {
    --duce-width: 1.5625;
    --duce-min-width: 20px;
    --duce-max-width: 30px;
}

.event-animation-container {
    width: 100%;
    min-width: 1380px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 99;
    pointer-events: none;
}

.event-animation-wrapper {
    width: 100%;
	height:100%;
    margin: 0 auto;
}

.item {
    position: absolute;
}

.item:nth-child(odd) {
    opacity: 0.8;
}

.item:nth-child(even) {
    opacity: 0.9;
}

.item .image-container {
    position: relative;
    width: var(--duce-width);
    min-width: var(--duce-min-width);
    max-width: var(--duce-max-width);
}

.item[data-is-petal="false"] .image-container {
    transform-origin: top;
    animation: spin 5.5s !important;
}

.item .image-container>img {
    width: 100%;
    object-fit: contain;
}

@keyframes rotate-diagonal-1 {
    0% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
    }

    50% {
        -webkit-transform: rotate3d(1, 1, 0, -180deg);
        transform: rotate3d(1, 1, 0, -180deg);
    }

    100% {
        -webkit-transform: rotate3d(1, 1, 0, -360deg);
        transform: rotate3d(1, 1, 0, -360deg);
    }
}

@keyframes rotate-diagonal-2 {
    0% {
        -webkit-transform: rotate3d(-1, 1, 0, 0deg);
        transform: rotate3d(-1, 1, 0, 0deg);
    }

    50% {
        -webkit-transform: rotate3d(-1, 1, 0, 180deg);
        transform: rotate3d(-1, 1, 0, 180deg);
    }

    100% {
        -webkit-transform: rotate3d(-1, 1, 0, 360deg);
        transform: rotate3d(-1, 1, 0, 360deg);
    }
}

@keyframes rotate-vert-center {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(5deg);
    }

    50% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(5deg);
    }
}