@keyframes animation-14384800 {
  from {
    width: 100%;
    height: 100%;
    left: 0%;
    z-index: 0;
    transform: rotate(0deg);
  }
  to {
    width: 100%;
    height: 100%;
    left: 0%;
    z-index: 1;
    transform: rotate(0deg);
  }
}
.animationClass-14384800 {
  animation: animation-14384800 1s ease-out 0s normal forwards;
}
@keyframes animation-14384808 {
  from {
    width: 100%;
    height: 100%;
    left: 0%;
    z-index: 1;
    transform: rotate(0deg);
  }
  to {
    width: 100%;
    height: 100%;
    left: 0%;
    z-index: 2;
    transform: rotate(0deg);
  }
}
.animationClass-14384808 {
  animation: animation-14384808 1s ease-out 0s normal forwards;
}
@keyframes animation-14384814 {
  from {
    width: 100%;
    height: 100%;
    left: 0%;
    z-index: 2;
    transform: rotate(0deg);
  }
  to {
    width: 100%;
    height: 100%;
    left: 0%;
    z-index: 3;
    transform: rotate(0deg);
  }
}
.animationClass-14384814 {
  animation: animation-14384814 1s ease-out 0s normal forwards;
}
@keyframes animation-14384820 {
  from {
    width: 100%;
    height: 100%;
    left: 0%;
    z-index: 3;
    transform: rotate(0deg);
  }
  to {
    width: 100%;
    height: 100%;
    left: 0%;
    z-index: 0;
    transform: rotate(0deg);
  }
}
.animationClass-14384820 {
  animation: animation-14384820 1s ease-out 0s normal forwards;
}
@keyframes animation-14231657 {
  from {
    width: 77.08%;
    height: 79.39%;
    top: 10.48%;
    transform: rotate(0deg);
    background: #0000ffff;
  }
  to {
    width: 77.08%;
    height: 79.39%;
    top: 16.02%;
    transform: rotate(0deg);
    background: #fedf00ff;
  }
}
.animationClass-14231657 {
  animation: animation-14231657 1s ease-out 0s normal forwards;
}
@keyframes animation-14384809 {
  from {
    width: 77.08%;
    height: 79.39%;
    top: 16.02%;
    left: 22.92%;
    transform: rotate(0deg);
    background: #fedf00ff;
  }
  to {
    width: 77.08%;
    height: 79.39%;
    top: 6.78%;
    left: 0.05%;
    transform: rotate(0deg);
    background: #1218c6ff;
  }
}
.animationClass-14384809 {
  animation: animation-14384809 1s ease-out 0s normal forwards;
}
@keyframes animation-14384815 {
  from {
    width: 77.08%;
    height: 79.39%;
    top: 6.78%;
    left: 0.05%;
    transform: rotate(0deg);
    background: #1218c6ff;
  }
  to {
    width: 77.08%;
    height: 79.39%;
    top: 3.09%;
    left: 21.13%;
    transform: rotate(0deg);
    background: #9ccbdaff;
  }
}
.animationClass-14384815 {
  animation: animation-14384815 1s ease-out 0s normal forwards;
}
@keyframes animation-14384821 {
  from {
    width: 77.08%;
    height: 79.39%;
    top: 3.09%;
    left: 21.13%;
    transform: rotate(0deg);
    background: #9ccbdaff;
  }
  to {
    width: 77.08%;
    height: 79.39%;
    top: 10.48%;
    left: 22.92%;
    transform: rotate(0deg);
    background: #0000ffff;
  }
}
.animationClass-14384821 {
  animation: animation-14384821 1s ease-out 0s normal forwards;
}
@keyframes animation-14231658 {
  from {
    width: 77.08%;
    height: 79.39%;
    top: 20.61%;
    left: 16.36%;
    transform: rotate(0deg);
  }
  to {
    width: 77.08%;
    height: 79.39%;
    top: 7.68%;
    left: 21.74%;
    transform: rotate(0deg);
  }
}
.animationClass-14231658 {
  animation: animation-14231658 1s ease-out 0s normal forwards;
}
@keyframes animation-14384810 {
  from {
    width: 77.08%;
    height: 79.39%;
    top: 7.68%;
    left: 21.74%;
    transform: rotate(0deg);
  }
  to {
    width: 77.08%;
    height: 79.39%;
    top: 19.23%;
    left: 19.95%;
    transform: rotate(0deg);
  }
}
.animationClass-14384810 {
  animation: animation-14384810 1s ease-out 0s normal forwards;
}
@keyframes animation-14384816 {
  from {
    width: 77.08%;
    height: 79.39%;
    top: 19.23%;
    left: 19.95%;
    transform: rotate(0deg);
  }
  to {
    width: 77.08%;
    height: 79.39%;
    top: 20.61%;
    left: 16.36%;
    transform: rotate(0deg);
  }
}
.animationClass-14384816 {
  animation: animation-14384816 1s ease-out 0s normal forwards;
}
@keyframes animation-14384822 {
  from {
    width: 77.08%;
    height: 79.39%;
    transform: rotate(0deg);
  }
  to {
    width: 77.08%;
    height: 79.39%;
    transform: rotate(0deg);
  }
}
.animationClass-14384822 {
  animation: animation-14384822 1s ease-out 0s normal forwards;
}
@keyframes animation-14231659 {
  from {
    width: 84.87%;
    height: 87.42%;
    transform: rotate(0deg);
  }
  to {
    width: 84.87%;
    height: 87.42%;
    transform: rotate(0deg);
  }
}
.animationClass-14231659 {
  animation: animation-14231659 1s ease-out 0s normal forwards;
}
@keyframes animation-14384811 {
  from {
    width: 84.87%;
    height: 87.42%;
    transform: rotate(0deg);
  }
  to {
    width: 84.87%;
    height: 87.42%;
    transform: rotate(0deg);
  }
}
.animationClass-14384811 {
  animation: animation-14384811 1s ease-out 0s normal forwards;
}
@keyframes animation-14384817 {
  from {
    width: 84.87%;
    height: 87.42%;
    transform: rotate(0deg);
  }
  to {
    width: 84.87%;
    height: 87.42%;
    transform: rotate(0deg);
  }
}
.animationClass-14384817 {
  animation: animation-14384817 1s ease-out 0s normal forwards;
}
@keyframes animation-14384823 {
  from {
    width: 84.87%;
    height: 87.42%;
    transform: rotate(0deg);
  }
  to {
    width: 84.87%;
    height: 87.42%;
    transform: rotate(0deg);
  }
}
.animationClass-14384823 {
  animation: animation-14384823 1s ease-out 0s normal forwards;
}
@keyframes animation-null14384826 {
  from {
    opacity: 0;
    z-index: -10;
  }
  to {
    width: 151.91%;
    height: 101.45%;
    top: 0%;
    left: -7.4%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClass-null14384826 {
  animation: animation-null14384826 1s ease-out 0s normal forwards;
}
@keyframes animationBg-14384826 {
  from {
    background-image: var(--image-0);
    opacity: 1;
  }
  to {
    background-image: var(--image-0);
    opacity: 1;
  }
}
.bgClass-14384826 {
  animation: animationBg-14384826 1s ease-out 0s normal forwards;
}
@keyframes animation-14384826 {
  from {
    width: 151.91%;
    height: 101.45%;
    top: 0%;
    left: -7.4%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    opacity: 0;
    z-index: -10;
  }
}
.animationClass-14384826 {
  animation: animation-14384826 1s ease-out 0s normal forwards;
}
@keyframes nullClass-14384826 {
  from {
    opacity: 0;
    z-index: -10;
  }
  to {
    opacity: 0;
    z-index: -10;
  }
}
.nullAnimation-14384826 {
  animation: nullClass-14384826 1s ease-out 0s normal forwards;
}

@keyframes nullClass-14384827 {
  from {
    opacity: 0;
    z-index: -10;
  }
  to {
    opacity: 0;
    z-index: -10;
  }
}
.nullAnimation-14384827 {
  animation: nullClass-14384827 1s ease-out 0s normal forwards;
}
@keyframes animation-null14384827 {
  from {
    opacity: 0;
    z-index: -10;
  }
  to {
    width: 150.32%;
    height: 100.13%;
    top: 0%;
    left: -25.1%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClass-null14384827 {
  animation: animation-null14384827 1s ease-out 0s normal forwards;
}
@keyframes animationBg-14384827 {
  from {
    background-image: var(--image-1);
    opacity: 1;
  }
  to {
    background-image: var(--image-1);
    opacity: 1;
  }
}
.bgClass-14384827 {
  animation: animationBg-14384827 1s ease-out 0s normal forwards;
}
@keyframes animation-14384827 {
  from {
    width: 150.32%;
    height: 100.13%;
    top: 0%;
    left: -25.1%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    opacity: 0;
    z-index: -10;
  }
}
.animationClass-14384827 {
  animation: animation-14384827 1s ease-out 0s normal forwards;
}
@keyframes nullClass-14384828 {
  from {
    opacity: 0;
    z-index: -10;
  }
  to {
    opacity: 0;
    z-index: -10;
  }
}
.nullAnimation-14384828 {
  animation: nullClass-14384828 1s ease-out 0s normal forwards;
}
@keyframes animation-null14384828 {
  from {
    opacity: 0;
    z-index: -10;
  }
  to {
    width: 160.1%;
    height: 106.73%;
    top: -2.91%;
    left: -23.25%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg) scaleX(-1);
    overflow: hidden;
  }
}
.animationClass-null14384828 {
  animation: animation-null14384828 1s ease-out 0s normal forwards;
}
@keyframes animationBg-14384828 {
  from {
    background-image: var(--image-2);
    opacity: 1;
  }
  to {
    background-image: var(--image-2);
    opacity: 1;
  }
}
.bgClass-14384828 {
  animation: animationBg-14384828 1s ease-out 0s normal forwards;
}
@keyframes animation-14384828 {
  from {
    width: 160.1%;
    height: 106.73%;
    top: -2.91%;
    left: -23.25%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg) scaleX(-1);
    overflow: hidden;
  }
  to {
    opacity: 0;
    z-index: -10;
  }
}
.animationClass-14384828 {
  animation: animation-14384828 1s ease-out 0s normal forwards;
}
@keyframes animation-14231660 {
  from {
    width: 134.08%;
    height: 200.9%;
    top: -46.86%;
    left: -0.22%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg) scaleX(-1);
    overflow: hidden;
  }
  to {
    opacity: 0;
    z-index: -10;
  }
}
.animationClass-14231660 {
  animation: animation-14231660 1s ease-out 0s normal forwards;
}
@keyframes nullClass-14231660 {
  from {
    opacity: 0;
    z-index: -10;
  }
  to {
    opacity: 0;
    z-index: -10;
  }
}
.nullAnimation-14231660 {
  animation: nullClass-14231660 1s ease-out 0s normal forwards;
}
@keyframes animation-null14231660 {
  from {
    opacity: 0;
    z-index: -10;
  }
  to {
    width: 134.08%;
    height: 200.9%;
    top: -46.86%;
    left: -0.22%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg) scaleX(-1);
    overflow: hidden;
  }
}
.animationClass-null14231660 {
  animation: animation-null14231660 1s ease-out 0s normal forwards;
}
@keyframes animationBg-14231660 {
  from {
    background-image: var(--image-3);
    opacity: 1;
  }
  to {
    background-image: var(--image-3);
    opacity: 1;
  }
}
.bgClass-14231660 {
  animation: animationBg-14231660 1s ease-out 0s normal forwards;
}
@keyframes animation-14384919 {
  from {
    width: 93.27%;
    height: 87.53%;
    transform: rotate(0deg);
  }
  to {
    width: 93.27%;
    height: 89.18%;
    transform: rotate(0deg);
  }
}
.animationClass-14384919 {
  animation: animation-14384919 1s ease-out 0s normal forwards;
}
@keyframes animation-14384929 {
  from {
    width: 93.27%;
    height: 89.18%;
    top: 6.24%;
    left: 6.73%;
    transform: rotate(0deg);
  }
  to {
    width: 91.43%;
    height: 87.3%;
    top: 6.7%;
    left: 0.05%;
    transform: rotate(0deg);
  }
}
.animationClass-14384929 {
  animation: animation-14384929 1s ease-out 0s normal forwards;
}
@keyframes animation-14384934 {
  from {
    width: 91.43%;
    height: 87.3%;
    top: 6.7%;
    left: 0.05%;
    transform: rotate(0deg);
  }
  to {
    width: 91.48%;
    height: 90.68%;
    top: 3.09%;
    left: 6.73%;
    transform: rotate(0deg);
  }
}
.animationClass-14384934 {
  animation: animation-14384934 1s ease-out 0s normal forwards;
}
@keyframes animation-14384939 {
  from {
    width: 91.48%;
    height: 90.68%;
    top: 3.09%;
    transform: rotate(0deg);
  }
  to {
    width: 93.27%;
    height: 87.53%;
    top: 6.24%;
    transform: rotate(0deg);
  }
}
.animationClass-14384939 {
  animation: animation-14384939 1s ease-out 0s normal forwards;
}
@keyframes animation-14231661 {
  from {
    width: 123.08%;
    height: 135.09%;
    top: -44.85%;
    left: -17.55%;
    transform: rotate(0deg);
  }
  to {
    width: 123.08%;
    height: 132.59%;
    top: -48.17%;
    left: -25.24%;
    transform: rotate(0deg);
  }
}
.animationClass-14231661 {
  animation: animation-14231661 1s ease-out 0s normal forwards;
}
@keyframes animation-14384933 {
  from {
    width: 123.08%;
    height: 132.59%;
    top: -48.17%;
    left: -25.24%;
    transform: rotate(0deg);
  }
  to {
    width: 125.56%;
    height: 135.45%;
    top: -45.5%;
    left: -10.6%;
    transform: rotate(0deg);
  }
}
.animationClass-14384933 {
  animation: animation-14384933 1s ease-out 0s normal forwards;
}
@keyframes animation-14384938 {
  from {
    width: 125.56%;
    height: 135.45%;
    top: -45.5%;
    left: -10.6%;
    transform: rotate(0deg);
  }
  to {
    width: 125.49%;
    height: 130.4%;
    top: -39.83%;
    left: -27.7%;
    transform: rotate(0deg);
  }
}
.animationClass-14384938 {
  animation: animation-14384938 1s ease-out 0s normal forwards;
}
@keyframes animation-14384943 {
  from {
    width: 125.49%;
    height: 130.4%;
    top: -39.83%;
    left: -27.7%;
    transform: rotate(0deg);
  }
  to {
    width: 123.08%;
    height: 135.09%;
    top: -44.85%;
    left: -17.55%;
    transform: rotate(0deg);
  }
}
.animationClass-14384943 {
  animation: animation-14384943 1s ease-out 0s normal forwards;
}
@keyframes animation-14384910 {
  from {
    width: 100%;
    height: 100%;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    width: 100%;
    height: 100%;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClass-14384910 {
  animation: animation-14384910 1s ease-out 0s normal forwards;
}
@keyframes animationBg-14384930 {
  from {
    background-image: url(https://firebasestorage.googleapis.com/v0/b/figma-plugin-a7287.appspot.com/o/user-images%2F13-mar-2024%2Fdesign1710343566013%2Fimage-1438-4910.png?alt=media&token=0);
    opacity: 1;
  }
  to {
    background-image: url(https://firebasestorage.googleapis.com/v0/b/figma-plugin-a7287.appspot.com/o/user-images%2F13-mar-2024%2Fdesign1710343566013%2Fimage-1438-4930.png?alt=media&token=0);
  }
}
.bgClass-14384930 {
  animation: animationBg-14384930 1s ease-out 0s normal forwards;
}
@keyframes animation-14384930 {
  from {
    width: 100%;
    height: 100%;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    width: 100%;
    height: 100%;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClass-14384930 {
  animation: animation-14384930 1s ease-out 0s normal forwards;
}
@keyframes animationBg-14384935 {
  from {
    background-image: url(https://firebasestorage.googleapis.com/v0/b/figma-plugin-a7287.appspot.com/o/user-images%2F13-mar-2024%2Fdesign1710343566013%2Fimage-1438-4930.png?alt=media&token=0);
    opacity: 1;
  }
  to {
    background-image: url(https://firebasestorage.googleapis.com/v0/b/figma-plugin-a7287.appspot.com/o/user-images%2F13-mar-2024%2Fdesign1710343566013%2Fimage-1438-4935.png?alt=media&token=0);
  }
}
.bgClass-14384935 {
  animation: animationBg-14384935 1s ease-out 0s normal forwards;
}
@keyframes animation-14384935 {
  from {
    width: 100%;
    height: 100%;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    width: 100%;
    height: 100%;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClass-14384935 {
  animation: animation-14384935 1s ease-out 0s normal forwards;
}
@keyframes animationBg-14384940 {
  from {
    background-image: url(https://firebasestorage.googleapis.com/v0/b/figma-plugin-a7287.appspot.com/o/user-images%2F13-mar-2024%2Fdesign1710343566013%2Fimage-1438-4935.png?alt=media&token=0);
    opacity: 1;
  }
  to {
    background-image: url(https://firebasestorage.googleapis.com/v0/b/figma-plugin-a7287.appspot.com/o/user-images%2F13-mar-2024%2Fdesign1710343566013%2Fimage-1438-4940.png?alt=media&token=0);
  }
}
.bgClass-14384940 {
  animation: animationBg-14384940 1s ease-out 0s normal forwards;
}
@keyframes animation-14384940 {
  from {
    width: 100%;
    height: 100%;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    width: 100%;
    height: 100%;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClass-14384940 {
  animation: animation-14384940 1s ease-out 0s normal forwards;
}
@keyframes animationBg-14384910 {
  from {
    background-image: url(https://firebasestorage.googleapis.com/v0/b/figma-plugin-a7287.appspot.com/o/user-images%2F13-mar-2024%2Fdesign1710343566013%2Fimage-1438-4940.png?alt=media&token=0);
    opacity: 1;
  }
  to {
    background-image: url(https://firebasestorage.googleapis.com/v0/b/figma-plugin-a7287.appspot.com/o/user-images%2F13-mar-2024%2Fdesign1710343566013%2Fimage-1438-4910.png?alt=media&token=0);
  }
}
.bgClass-14384910 {
  animation: animationBg-14384910 1s ease-out 0s normal forwards;
}