@import url('./_vars.css');

.petition-loader {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    background-color: #00000066;
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
}
.petition-loader-content {
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
    background: transparent;
}
@keyframes petition-loader-divs {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.petition-loader-divs div {
    left: 95px;
    top: 42px;
    position: absolute;
    animation: petition-loader-divs linear 1s infinite;
    background: var(--jmv-global-color-primary);
    width: 10px;
    height: 32px;
    border-radius: 5px / 6.72px;
    transform-origin: 5px 58px;
}
.petition-loader-divs div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -0.9090909090909091s;
    background: var(--jmv-global-color-primary);
}
.petition-loader-divs div:nth-child(2) {
    transform: rotate(32.72727272727273deg);
    animation-delay: -0.8181818181818182s;
    background: var(--jmv-global-color-primary);
}
.petition-loader-divs div:nth-child(3) {
    transform: rotate(65.45454545454545deg);
    animation-delay: -0.7272727272727273s;
    background: var(--jmv-global-color-primary);
}
.petition-loader-divs div:nth-child(4) {
    transform: rotate(98.18181818181819deg);
    animation-delay: -0.6363636363636364s;
    background: var(--jmv-global-color-primary);
}
.petition-loader-divs div:nth-child(5) {
    transform: rotate(130.9090909090909deg);
    animation-delay: -0.5454545454545454s;
    background: var(--jmv-global-color-primary);
}
.petition-loader-divs div:nth-child(6) {
    transform: rotate(163.63636363636363deg);
    animation-delay: -0.45454545454545453s;
    background: var(--jmv-global-color-primary);
}
.petition-loader-divs div:nth-child(7) {
    transform: rotate(196.36363636363637deg);
    animation-delay: -0.36363636363636365s;
    background: var(--jmv-global-color-primary);
}
.petition-loader-divs div:nth-child(8) {
    transform: rotate(229.0909090909091deg);
    animation-delay: -0.2727272727272727s;
    background: var(--jmv-global-color-primary);
}
.petition-loader-divs div:nth-child(9) {
    transform: rotate(261.8181818181818deg);
    animation-delay: -0.18181818181818182s;
    background: var(--jmv-global-color-primary);
}
.petition-loader-divs div:nth-child(10) {
    transform: rotate(294.54545454545456deg);
    animation-delay: -0.09090909090909091s;
    background: var(--jmv-global-color-primary);
}
.petition-loader-divs div:nth-child(11) {
    transform: rotate(327.27272727272725deg);
    animation-delay: 0s;
    background: var(--jmv-global-color-primary);
}



.petition-loader-divs {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
}
.petition-loader-divs div {
    box-sizing: content-box;
}

.petition-loader-divs-white div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -0.9090909090909091s;
    background: transparent;
}
.petition-loader-divs-white div:nth-child(2) {
    transform: rotate(32.72727272727273deg);
    animation-delay: -0.8181818181818182s;
    background: white;
}
.petition-loader-divs-white div:nth-child(3) {
    transform: rotate(65.45454545454545deg);
    animation-delay: -0.7272727272727273s;
    background: white;
}
.petition-loader-divs-white div:nth-child(4) {
    transform: rotate(98.18181818181819deg);
    animation-delay: -0.6363636363636364s;
    background: white;
}
.petition-loader-divs-white div:nth-child(5) {
    transform: rotate(130.9090909090909deg);
    animation-delay: -0.5454545454545454s;
    background: white;
}
.petition-loader-divs-white div:nth-child(6) {
    transform: rotate(163.63636363636363deg);
    animation-delay: -0.45454545454545453s;
    background: white;
}
.petition-loader-divs-white div:nth-child(7) {
    transform: rotate(196.36363636363637deg);
    animation-delay: -0.36363636363636365s;
    background: white;
}
.petition-loader-divs-white div:nth-child(8) {
    transform: rotate(229.0909090909091deg);
    animation-delay: -0.2727272727272727s;
    background: white;
}
.petition-loader-divs-white div:nth-child(9) {
    transform: rotate(261.8181818181818deg);
    animation-delay: -0.18181818181818182s;
    background: white;
}
.petition-loader-divs-white div:nth-child(10) {
    transform: rotate(294.54545454545456deg);
    animation-delay: -0.09090909090909091s;
    background: white;
}
.petition-loader-divs-white div:nth-child(11) {
    transform: rotate(327.27272727272725deg);
    animation-delay: 0s;
    background: white;
}